@react-spectrum/actiongroup 3.9.2-nightly.4094 → 3.9.2-nightly.4100
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/import.mjs +6 -0
- package/dist/main.css +1 -1
- package/dist/main.js +6 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +6 -0
- package/dist/module.js.map +1 -1
- package/package.json +22 -22
package/dist/import.mjs
CHANGED
|
@@ -56,6 +56,8 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a45
|
|
|
56
56
|
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
|
57
57
|
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
|
58
58
|
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
|
59
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--pending", () => $086e93d2352a4536$export$54592d0984f245d5, (v) => $086e93d2352a4536$export$54592d0984f245d5 = v);
|
|
60
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-circleLoader", () => $086e93d2352a4536$export$76d4531f0342bbe0, (v) => $086e93d2352a4536$export$76d4531f0342bbe0 = v);
|
|
59
61
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
|
60
62
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
|
61
63
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
|
@@ -86,6 +88,8 @@ var $086e93d2352a4536$export$d374b04f30360026;
|
|
|
86
88
|
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
|
87
89
|
var $086e93d2352a4536$export$c081ba562e204942;
|
|
88
90
|
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
|
91
|
+
var $086e93d2352a4536$export$54592d0984f245d5;
|
|
92
|
+
var $086e93d2352a4536$export$76d4531f0342bbe0;
|
|
89
93
|
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
|
90
94
|
var $086e93d2352a4536$export$4a4f01c443eff992;
|
|
91
95
|
var $086e93d2352a4536$export$40e1f009544bacf3;
|
|
@@ -116,6 +120,8 @@ $086e93d2352a4536$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
|
|
|
116
120
|
$086e93d2352a4536$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
|
117
121
|
$086e93d2352a4536$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
|
118
122
|
$086e93d2352a4536$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
|
|
123
|
+
$086e93d2352a4536$export$54592d0984f245d5 = "spectrum-Button--pending_e2d99e";
|
|
124
|
+
$086e93d2352a4536$export$76d4531f0342bbe0 = "spectrum-Button-circleLoader_e2d99e";
|
|
119
125
|
$086e93d2352a4536$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
|
120
126
|
$086e93d2352a4536$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
|
121
127
|
$086e93d2352a4536$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{font-synthesis:weight}.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,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:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,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:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.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-traditional,source-han-traditional,MingLiu,Heiti TC Light,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){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.spectrum-Button_e2d99e:lang(zh-Hant),.spectrum-ActionButton_e2d99e:lang(zh-Hant),.spectrum-LogicButton_e2d99e:lang(zh-Hant),.spectrum-FieldButton_e2d99e:lang(zh-Hant),.spectrum-ClearButton_e2d99e:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.spectrum-Button_e2d99e:lang(zh-SG),.spectrum-ActionButton_e2d99e:lang(zh-SG),.spectrum-LogicButton_e2d99e:lang(zh-SG),.spectrum-FieldButton_e2d99e:lang(zh-SG),.spectrum-ClearButton_e2d99e:lang(zh-SG),.spectrum-Button_e2d99e:lang(zh-CN),.spectrum-ActionButton_e2d99e:lang(zh-CN),.spectrum-LogicButton_e2d99e:lang(zh-CN),.spectrum-FieldButton_e2d99e:lang(zh-CN),.spectrum-ClearButton_e2d99e:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,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,source-han-korean,Malgun Gothic,Apple Gothic,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,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,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,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Button_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,.13s)ease-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-out,color var(--spectrum-global-animation-duration-100,.13s)ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_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:none}.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,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)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,.13s),box-shadow var(--spectrum-global-animation-duration-100,.13s),border-color var(--spectrum-global-animation-duration-100,.13s);border-style:solid;outline:none;margin:0;line-height:normal;position:relative}.spectrum-FieldButton_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:none;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-ClearButton--overBackground_e2d99e{--spectrum-clearbutton-medium-background-color:transparent;--spectrum-clearbutton-medium-background-color-hover:#ffffff1a;--spectrum-clearbutton-medium-background-color-key-focus:#ffffff1a;--spectrum-clearbutton-medium-background-color-down:#ffffff26;--spectrum-clearbutton-medium-background-color-disabled:transparent;--spectrum-clearbutton-medium-icon-color:white;--spectrum-clearbutton-medium-icon-color-hover:white;--spectrum-clearbutton-medium-icon-color-down:white;--spectrum-clearbutton-medium-icon-color-key-focus:white;--spectrum-clearbutton-medium-icon-color-disabled:#ffffff8c;--spectrum-focus-ring-color:white}.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,.spectrum-FieldButton_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-Button_e2d99e,.spectrum-ActionButton_e2d99e{--spectrum-high-contrast-focus-ring-color:ButtonText}.spectrum-FieldButton_e2d99e{--spectrum-high-contrast-focus-ring-color:Highlight}}.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-high-contrast-button-text,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-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-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-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:Highlight;--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}}.flex-container_7684cb{display:flex}.flex-gap_7684cb{margin:calc(var(--row-gap)/-2)calc(var(--column-gap)/-2);width:calc(100% + var(--column-gap) + 1px);height:calc(100% + var(--row-gap))}.flex-container_7684cb .flex-gap_7684cb>*{margin:calc(var(--row-gap)/2)calc(var(--column-gap)/2)}.spectrum-ActionGroup_7684cb{--column-gap:var(--spectrum-actionbuttongroup-text-button-gap-x,var(--spectrum-global-dimension-size-100));--row-gap:var(--spectrum-actionbuttongroup-text-button-gap-y,var(--spectrum-global-dimension-size-100));flex-wrap:wrap;display:flex}.spectrum-ActionGroup_7684cb .spectrum-ActionGroup-item_7684cb{flex-shrink:0}.spectrum-ActionGroup_7684cb:focus{outline:none}.spectrum-ActionGroup--vertical_7684cb{--column-gap:0px;--row-gap:var(--spectrum-actionbuttongroup-text-button-gap-y,var(--spectrum-global-dimension-size-100));flex-direction:column;align-items:flex-start;display:flex}.spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb>:not(svg){width:auto}.spectrum-ActionGroup--vertical_7684cb.spectrum-ActionGroup--quiet_7684cb .spectrum-ActionGroup-item_7684cb{justify-content:flex-start}.spectrum-ActionGroup--vertical_7684cb.spectrum-ActionGroup--justified_7684cb,.spectrum-ActionGroup--vertical_7684cb.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb){align-items:stretch}.spectrum-ActionGroup--compact_7684cb{--column-gap:var(--spectrum-actiongroup-compact-button-gap);--row-gap:0px}.spectrum-ActionGroup--compact_7684cb.spectrum-ActionGroup--quiet_7684cb{--column-gap:var(--spectrum-global-dimension-size-25)}.spectrum-ActionGroup--compact_7684cb.spectrum-ActionGroup--quiet_7684cb.spectrum-ActionGroup--vertical_7684cb{--column-gap:0px;--row-gap:var(--spectrum-global-dimension-size-25)}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb){flex-wrap:nowrap}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb{--spectrum-button-border-radius:0px;z-index:1;position:relative}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-top-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-bottom-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-top-left-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-top-right-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)))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-bottom-left-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-bottom-right-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)))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-top-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-top-right-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-top-left-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)))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-bottom-right-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-bottom-left-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-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb.spectrum-ActionGroup-item--isDisabled_7684cb{z-index:0}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb.is-selected_7684cb{z-index:2}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb.is-hovered_7684cb{z-index:3}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:focus{z-index:4}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb{--column-gap:0px;--row-gap:var(--spectrum-actiongroup-compact-button-gap)}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb{border-radius:0}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child,[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-top-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-radius:0}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child,[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-radius:0}.spectrum-ActionGroup--justified_7684cb .spectrum-ActionGroup-item_7684cb{flex:1}.spectrum-ActionGroup--justified_7684cb .spectrum-ActionGroup-item_7684cb>:not(svg){width:auto}.spectrum-ActionGroup--justified_7684cb.spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb{flex:1 0 auto}.spectrum-ActionGroup--overflowCollapse_7684cb{flex-wrap:nowrap}[dir=ltr] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-left:0}[dir=rtl] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-right:0}[dir=ltr] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{order:2}.spectrum-ActionGroup-menu_7684cb .spectrum-ActionGroup-menu-contents_7684cb{justify-content:center;align-items:center;display:inline-flex}[dir=ltr] .spectrum-ActionGroup-item--iconOnly_7684cb{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionGroup-item--iconOnly_7684cb{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}
|
|
1
|
+
:root{font-synthesis:weight}.spectrum-Button_e2d99e,.spectrum-ActionButton_e2d99e,.spectrum-LogicButton_e2d99e,.spectrum-FieldButton_e2d99e,.spectrum-ClearButton_e2d99e{font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,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:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,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:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.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-traditional,source-han-traditional,MingLiu,Heiti TC Light,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){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.spectrum-Button_e2d99e:lang(zh-Hant),.spectrum-ActionButton_e2d99e:lang(zh-Hant),.spectrum-LogicButton_e2d99e:lang(zh-Hant),.spectrum-FieldButton_e2d99e:lang(zh-Hant),.spectrum-ClearButton_e2d99e:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.spectrum-Button_e2d99e:lang(zh-SG),.spectrum-ActionButton_e2d99e:lang(zh-SG),.spectrum-LogicButton_e2d99e:lang(zh-SG),.spectrum-FieldButton_e2d99e:lang(zh-SG),.spectrum-ClearButton_e2d99e:lang(zh-SG),.spectrum-Button_e2d99e:lang(zh-CN),.spectrum-ActionButton_e2d99e:lang(zh-CN),.spectrum-LogicButton_e2d99e:lang(zh-CN),.spectrum-FieldButton_e2d99e:lang(zh-CN),.spectrum-ClearButton_e2d99e:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,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,source-han-korean,Malgun Gothic,Apple Gothic,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,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,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,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Button_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,.13s)ease-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-out,color var(--spectrum-global-animation-duration-100,.13s)ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;isolation:isolate;justify-content:center;align-items:center;margin:0;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:visible}button.spectrum-Button_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:none}.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,.13s)ease-out,fill var(--spectrum-global-animation-duration-100,.13s)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)}.spectrum-Button_e2d99e.spectrum-Button--pending_e2d99e .spectrum-Button-circleLoader_e2d99e{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrum-Button_e2d99e.spectrum-Button--pending_e2d99e .spectrum-Button-label_e2d99e,.spectrum-Button_e2d99e.spectrum-Button--pending_e2d99e .spectrum-Icon_e2d99e{visibility:hidden}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,.13s),box-shadow var(--spectrum-global-animation-duration-100,.13s),border-color var(--spectrum-global-animation-duration-100,.13s);border-style:solid;outline:none;margin:0;line-height:normal;position:relative}.spectrum-FieldButton_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:none;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-ClearButton--overBackground_e2d99e{--spectrum-clearbutton-medium-background-color:transparent;--spectrum-clearbutton-medium-background-color-hover:#ffffff1a;--spectrum-clearbutton-medium-background-color-key-focus:#ffffff1a;--spectrum-clearbutton-medium-background-color-down:#ffffff26;--spectrum-clearbutton-medium-background-color-disabled:transparent;--spectrum-clearbutton-medium-icon-color:white;--spectrum-clearbutton-medium-icon-color-hover:white;--spectrum-clearbutton-medium-icon-color-down:white;--spectrum-clearbutton-medium-icon-color-key-focus:white;--spectrum-clearbutton-medium-icon-color-disabled:#ffffff8c;--spectrum-focus-ring-color:white}.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,.spectrum-FieldButton_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-Button_e2d99e,.spectrum-ActionButton_e2d99e{--spectrum-high-contrast-focus-ring-color:ButtonText}.spectrum-FieldButton_e2d99e{--spectrum-high-contrast-focus-ring-color:Highlight}}.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-high-contrast-button-text,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-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-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-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:Highlight;--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}}.flex-container_7684cb{display:flex}.flex-gap_7684cb{margin:calc(var(--row-gap)/-2)calc(var(--column-gap)/-2);width:calc(100% + var(--column-gap) + 1px);height:calc(100% + var(--row-gap))}.flex-container_7684cb .flex-gap_7684cb>*{margin:calc(var(--row-gap)/2)calc(var(--column-gap)/2)}.spectrum-ActionGroup_7684cb{--column-gap:var(--spectrum-actionbuttongroup-text-button-gap-x,var(--spectrum-global-dimension-size-100));--row-gap:var(--spectrum-actionbuttongroup-text-button-gap-y,var(--spectrum-global-dimension-size-100));flex-wrap:wrap;display:flex}.spectrum-ActionGroup_7684cb .spectrum-ActionGroup-item_7684cb{flex-shrink:0}.spectrum-ActionGroup_7684cb:focus{outline:none}.spectrum-ActionGroup--vertical_7684cb{--column-gap:0px;--row-gap:var(--spectrum-actionbuttongroup-text-button-gap-y,var(--spectrum-global-dimension-size-100));flex-direction:column;align-items:flex-start;display:flex}.spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb>:not(svg){width:auto}.spectrum-ActionGroup--vertical_7684cb.spectrum-ActionGroup--quiet_7684cb .spectrum-ActionGroup-item_7684cb{justify-content:flex-start}.spectrum-ActionGroup--vertical_7684cb.spectrum-ActionGroup--justified_7684cb,.spectrum-ActionGroup--vertical_7684cb.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb){align-items:stretch}.spectrum-ActionGroup--compact_7684cb{--column-gap:var(--spectrum-actiongroup-compact-button-gap);--row-gap:0px}.spectrum-ActionGroup--compact_7684cb.spectrum-ActionGroup--quiet_7684cb{--column-gap:var(--spectrum-global-dimension-size-25)}.spectrum-ActionGroup--compact_7684cb.spectrum-ActionGroup--quiet_7684cb.spectrum-ActionGroup--vertical_7684cb{--column-gap:0px;--row-gap:var(--spectrum-global-dimension-size-25)}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb){flex-wrap:nowrap}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb{--spectrum-button-border-radius:0px;z-index:1;position:relative}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-top-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child{border-bottom-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-top-left-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-top-right-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)))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-bottom-left-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:first-child:after{border-bottom-right-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)))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-top-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-top-right-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-top-left-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)))}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-bottom-right-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)))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:last-child:after{border-bottom-left-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-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb.spectrum-ActionGroup-item--isDisabled_7684cb{z-index:0}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb.is-selected_7684cb{z-index:2}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb.is-hovered_7684cb{z-index:3}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb) .spectrum-ActionGroup-item_7684cb:focus{z-index:4}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb{--column-gap:0px;--row-gap:var(--spectrum-actiongroup-compact-button-gap)}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb{border-radius:0}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child,[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-top-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-top-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:first-child{border-radius:0}[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child,[dir=ltr] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-right-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}[dir=rtl] .spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-bottom-left-radius:var(--spectrum-actionbutton-border-radius,var(--spectrum-alias-border-radius-regular))}.spectrum-ActionGroup--compact_7684cb:not(.spectrum-ActionGroup--quiet_7684cb).spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb:last-child{border-radius:0}.spectrum-ActionGroup--justified_7684cb .spectrum-ActionGroup-item_7684cb{flex:1}.spectrum-ActionGroup--justified_7684cb .spectrum-ActionGroup-item_7684cb>:not(svg){width:auto}.spectrum-ActionGroup--justified_7684cb.spectrum-ActionGroup--vertical_7684cb .spectrum-ActionGroup-item_7684cb{flex:1 0 auto}.spectrum-ActionGroup--overflowCollapse_7684cb{flex-wrap:nowrap}[dir=ltr] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-left:0}[dir=rtl] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-right:0}[dir=ltr] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}.spectrum-ActionGroup-menu_7684cb svg.spectrum-ActionGroup-menu-chevron_7684cb{order:2}.spectrum-ActionGroup-menu_7684cb .spectrum-ActionGroup-menu-contents_7684cb{justify-content:center;align-items:center;display:inline-flex}[dir=ltr] .spectrum-ActionGroup-item--iconOnly_7684cb{padding-right:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}[dir=rtl] .spectrum-ActionGroup-item--iconOnly_7684cb{padding-left:var(--spectrum-actionbutton-icon-padding-x,var(--spectrum-global-dimension-size-85))}
|
package/dist/main.js
CHANGED
|
@@ -59,6 +59,8 @@ $parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca23
|
|
|
59
59
|
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
|
60
60
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
|
61
61
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
|
62
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--pending", () => $afc5a4514aca2340$export$54592d0984f245d5, (v) => $afc5a4514aca2340$export$54592d0984f245d5 = v);
|
|
63
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-circleLoader", () => $afc5a4514aca2340$export$76d4531f0342bbe0, (v) => $afc5a4514aca2340$export$76d4531f0342bbe0 = v);
|
|
62
64
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
|
63
65
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
|
64
66
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
|
@@ -89,6 +91,8 @@ var $afc5a4514aca2340$export$d374b04f30360026;
|
|
|
89
91
|
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
|
90
92
|
var $afc5a4514aca2340$export$c081ba562e204942;
|
|
91
93
|
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
|
94
|
+
var $afc5a4514aca2340$export$54592d0984f245d5;
|
|
95
|
+
var $afc5a4514aca2340$export$76d4531f0342bbe0;
|
|
92
96
|
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
|
93
97
|
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
|
94
98
|
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
|
@@ -119,6 +123,8 @@ $afc5a4514aca2340$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
|
|
|
119
123
|
$afc5a4514aca2340$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
|
120
124
|
$afc5a4514aca2340$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
|
121
125
|
$afc5a4514aca2340$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
|
|
126
|
+
$afc5a4514aca2340$export$54592d0984f245d5 = "spectrum-Button--pending_e2d99e";
|
|
127
|
+
$afc5a4514aca2340$export$76d4531f0342bbe0 = "spectrum-Button-circleLoader_e2d99e";
|
|
122
128
|
$afc5a4514aca2340$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
|
123
129
|
$afc5a4514aca2340$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
|
124
130
|
$afc5a4514aca2340$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@adobe/spectrum-css-temp/components/actiongroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, Key, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (calculatedSize <= containerSize) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetWidth + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetHeight + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\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\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@adobe/spectrum-css-temp/components/actiongroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, Key, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (calculatedSize <= containerSize) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetWidth + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetHeight + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\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\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -56,6 +56,8 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a45
|
|
|
56
56
|
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
|
57
57
|
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
|
58
58
|
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
|
59
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--pending", () => $086e93d2352a4536$export$54592d0984f245d5, (v) => $086e93d2352a4536$export$54592d0984f245d5 = v);
|
|
60
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-circleLoader", () => $086e93d2352a4536$export$76d4531f0342bbe0, (v) => $086e93d2352a4536$export$76d4531f0342bbe0 = v);
|
|
59
61
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
|
60
62
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
|
61
63
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
|
@@ -86,6 +88,8 @@ var $086e93d2352a4536$export$d374b04f30360026;
|
|
|
86
88
|
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
|
87
89
|
var $086e93d2352a4536$export$c081ba562e204942;
|
|
88
90
|
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
|
91
|
+
var $086e93d2352a4536$export$54592d0984f245d5;
|
|
92
|
+
var $086e93d2352a4536$export$76d4531f0342bbe0;
|
|
89
93
|
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
|
90
94
|
var $086e93d2352a4536$export$4a4f01c443eff992;
|
|
91
95
|
var $086e93d2352a4536$export$40e1f009544bacf3;
|
|
@@ -116,6 +120,8 @@ $086e93d2352a4536$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
|
|
|
116
120
|
$086e93d2352a4536$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
|
117
121
|
$086e93d2352a4536$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
|
118
122
|
$086e93d2352a4536$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
|
|
123
|
+
$086e93d2352a4536$export$54592d0984f245d5 = "spectrum-Button--pending_e2d99e";
|
|
124
|
+
$086e93d2352a4536$export$76d4531f0342bbe0 = "spectrum-Button-circleLoader_e2d99e";
|
|
119
125
|
$086e93d2352a4536$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
|
120
126
|
$086e93d2352a4536$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
|
121
127
|
$086e93d2352a4536$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@adobe/spectrum-css-temp/components/actiongroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, Key, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (calculatedSize <= containerSize) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetWidth + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetHeight + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\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\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@adobe/spectrum-css-temp/components/button/vars.css","packages/@adobe/spectrum-css-temp/components/actiongroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\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 {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, Key, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.offsetWidth : wrapperRef.current.offsetHeight;\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (calculatedSize <= containerSize) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetWidth + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.offsetHeight + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\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\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/actiongroup",
|
|
3
|
-
"version": "3.9.2-nightly.
|
|
3
|
+
"version": "3.9.2-nightly.4100+d4d21a7dd",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,29 +36,29 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/actiongroup": "3.6.2-nightly.
|
|
40
|
-
"@react-aria/button": "3.0.0-nightly.
|
|
41
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
42
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
43
|
-
"@react-aria/selection": "3.0.0-nightly.
|
|
44
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
45
|
-
"@react-spectrum/button": "3.0.0-nightly.
|
|
46
|
-
"@react-spectrum/form": "3.0.0-nightly.
|
|
47
|
-
"@react-spectrum/menu": "3.13.1-nightly.
|
|
48
|
-
"@react-spectrum/text": "3.4.5-nightly.
|
|
49
|
-
"@react-spectrum/tooltip": "3.0.0-nightly.
|
|
50
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
|
51
|
-
"@react-stately/collections": "3.0.0-nightly.
|
|
52
|
-
"@react-stately/list": "3.9.2-nightly.
|
|
53
|
-
"@react-types/actiongroup": "3.4.4-nightly.
|
|
54
|
-
"@react-types/button": "3.7.5-nightly.
|
|
55
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
56
|
-
"@spectrum-icons/ui": "3.0.0-nightly.
|
|
57
|
-
"@spectrum-icons/workflow": "3.0.0-nightly.
|
|
39
|
+
"@react-aria/actiongroup": "3.6.2-nightly.4100+d4d21a7dd",
|
|
40
|
+
"@react-aria/button": "3.0.0-nightly.2394+d4d21a7dd",
|
|
41
|
+
"@react-aria/focus": "3.0.0-nightly.2394+d4d21a7dd",
|
|
42
|
+
"@react-aria/interactions": "3.0.0-nightly.2394+d4d21a7dd",
|
|
43
|
+
"@react-aria/selection": "3.0.0-nightly.2394+d4d21a7dd",
|
|
44
|
+
"@react-aria/utils": "3.0.0-nightly.2394+d4d21a7dd",
|
|
45
|
+
"@react-spectrum/button": "3.0.0-nightly.2394+d4d21a7dd",
|
|
46
|
+
"@react-spectrum/form": "3.0.0-nightly.2394+d4d21a7dd",
|
|
47
|
+
"@react-spectrum/menu": "3.13.1-nightly.4100+d4d21a7dd",
|
|
48
|
+
"@react-spectrum/text": "3.4.5-nightly.4100+d4d21a7dd",
|
|
49
|
+
"@react-spectrum/tooltip": "3.0.0-nightly.2394+d4d21a7dd",
|
|
50
|
+
"@react-spectrum/utils": "3.0.0-nightly.2394+d4d21a7dd",
|
|
51
|
+
"@react-stately/collections": "3.0.0-nightly.2394+d4d21a7dd",
|
|
52
|
+
"@react-stately/list": "3.9.2-nightly.4100+d4d21a7dd",
|
|
53
|
+
"@react-types/actiongroup": "3.4.4-nightly.4100+d4d21a7dd",
|
|
54
|
+
"@react-types/button": "3.7.5-nightly.4100+d4d21a7dd",
|
|
55
|
+
"@react-types/shared": "3.0.0-nightly.2394+d4d21a7dd",
|
|
56
|
+
"@spectrum-icons/ui": "3.0.0-nightly.2394+d4d21a7dd",
|
|
57
|
+
"@spectrum-icons/workflow": "3.0.0-nightly.2394+d4d21a7dd",
|
|
58
58
|
"@swc/helpers": "^0.5.0"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
|
61
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2394+d4d21a7dd"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"@react-spectrum/provider": "^3.2.0",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "d4d21a7dd77122cfa51f202c82facfa47ab7d5c2"
|
|
72
72
|
}
|