@spectrum-web-components/action-button
Advanced tools
Comparing version 0.4.8-alpha.0 to 0.5.0
@@ -6,2 +6,12 @@ # Change Log | ||
# [0.5.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/action-button@0.4.7...@spectrum-web-components/action-button@0.5.0) (2021-05-24) | ||
### Bug Fixes | ||
- **action-button:** ensure disabled buttons are not interactable ([b81c3ba](https://github.com/adobe/spectrum-web-components/commit/b81c3ba7961234ebfe83caec3e2b43d0d885cfbb)) | ||
### Features | ||
- **tabs:** add sp-tab-panel element ([b17d276](https://github.com/adobe/spectrum-web-components/commit/b17d2765cf415578a31e5fa23515c25ff4c3922d)) | ||
## [0.4.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/action-button@0.4.6...@spectrum-web-components/action-button@0.4.7) (2021-05-12) | ||
@@ -8,0 +18,0 @@ |
{ | ||
"name": "@spectrum-web-components/action-button", | ||
"version": "0.4.8-alpha.0+f76f322c5", | ||
"version": "0.5.0", | ||
"publishConfig": { | ||
@@ -46,6 +46,6 @@ "access": "public" | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.4.4-alpha.74+f76f322c5", | ||
"@spectrum-web-components/button": "^0.13.8-alpha.0+f76f322c5", | ||
"@spectrum-web-components/icon": "^0.9.7-alpha.0+f76f322c5", | ||
"@spectrum-web-components/icons-ui": "^0.6.7-alpha.0+f76f322c5", | ||
"@spectrum-web-components/base": "^0.4.3", | ||
"@spectrum-web-components/button": "^0.14.0", | ||
"@spectrum-web-components/icon": "^0.9.6", | ||
"@spectrum-web-components/icons-ui": "^0.6.6", | ||
"tslib": "^2.0.0" | ||
@@ -61,3 +61,3 @@ }, | ||
], | ||
"gitHead": "f76f322c5dc769ddfac85dc4d36a322e55e2cadb" | ||
"gitHead": "912bb9aa6937f86b1f561900aa5ec7d6ec8c2bd5" | ||
} |
@@ -29,56 +29,52 @@ ## Description | ||
<sp-tabs selected="m"> | ||
<sp-tab value="s">Small</sp-tab> | ||
<sp-tab value="m">Medium</sp-tab> | ||
<sp-tab value="l">Large</sp-tab> | ||
<sp-tab value="xl">Extra Large</sp-tab> | ||
</sp-tabs> | ||
<sp-tabs selected="m" auto label="Size Attribute Options"> | ||
<sp-tab value="s">Small</sp-tab> | ||
<sp-tab-panel value="s"> | ||
<div class="tabs--s"> | ||
```html demo | ||
<sp-button-group> | ||
<sp-action-group> | ||
<sp-action-button size="s">Do action</sp-action-button> | ||
<sp-action-button size="s" selected>Do action</sp-action-button> | ||
<sp-action-button size="s" disabled>Do action</sp-action-button> | ||
</sp-button-group> | ||
</sp-action-group> | ||
``` | ||
</div> | ||
</sp-tab-panel> | ||
<sp-tab value="m">Medium</sp-tab> | ||
<sp-tab-panel value="m"> | ||
<div class="tabs--m"> | ||
```html demo | ||
<sp-button-group> | ||
<sp-action-group> | ||
<sp-action-button size="m">Do action</sp-action-button> | ||
<sp-action-button size="m" selected>Do action</sp-action-button> | ||
<sp-action-button size="m" disabled>Do action</sp-action-button> | ||
</sp-button-group> | ||
</sp-action-group> | ||
``` | ||
</div> | ||
</sp-tab-panel> | ||
<sp-tab value="l">Large</sp-tab> | ||
<sp-tab-panel value="l"> | ||
<div class="tabs--l"> | ||
```html demo | ||
<sp-button-group> | ||
<sp-action-group> | ||
<sp-action-button size="l">Do action</sp-action-button> | ||
<sp-action-button size="l" selected>Do action</sp-action-button> | ||
<sp-action-button size="l" disabled>Do action</sp-action-button> | ||
</sp-button-group> | ||
</sp-action-group> | ||
``` | ||
</div> | ||
</sp-tab-panel> | ||
<sp-tab value="xl">Extra Large</sp-tab> | ||
<sp-tab-panel value="xl"> | ||
<div class="tabs--xl"> | ||
```html demo | ||
<sp-button-group> | ||
<sp-action-group> | ||
<sp-action-button size="xl">Do action</sp-action-button> | ||
<sp-action-button size="xl" selected>Do action</sp-action-button> | ||
<sp-action-button size="xl" disabled>Do action</sp-action-button> | ||
</sp-button-group> | ||
</sp-action-group> | ||
``` | ||
</div> | ||
</sp-tab-panel> | ||
</sp-tabs> | ||
@@ -85,0 +81,0 @@ ## Variants |
@@ -1,2 +0,2 @@ | ||
declare const styles: import("@spectrum-web-components/base").CSSResultGroup; | ||
declare const styles: import("@spectrum-web-components/base").CSSResult; | ||
export default styles; |
@@ -14,5 +14,5 @@ /* | ||
const styles = css ` | ||
:host{--spectrum-button-line-height:1.3;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;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;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-actionbutton-height:var(--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-25);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-25)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-height:var(--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-40);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-40)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-height:var(--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-50);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-50)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-height:var(--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-65);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-65)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host{position:relative;height:var(--spectrum-actionbutton-height);min-width:var(--spectrum-actionbutton-min-width);border-width:var(--spectrum-actionbutton-border-size);border-radius:var(--spectrum-actionbutton-border-radius);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);line-height:var(--spectrum-actionbutton-text-line-height)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-actionbutton-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-actionbutton-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-icononly-padding-left-adjusted)));margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-right-adjusted) - var(--spectrum-actionbutton-icononly-padding-right-adjusted)))}#label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([dir=ltr]) #hold-affordance{right:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{left:var(--spectrum-actionbutton-hold-icon-padding-right);transform:matrix(-1,0,0,1,0,0)}#hold-affordance{position:absolute;bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom)}:host([quiet]){border-width:var(--spectrum-actionbutton-quiet-border-size);border-radius:var(--spectrum-actionbutton-quiet-border-radius);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px;background-color:var(--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color))}::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color))}#hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover))}:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down))}:host([active]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([selected]){background-color:var(--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible[active]),:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible[active]),:host([selected]:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:hover){background-color:var(--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}:host([selected][active]){background-color:var(--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color))}:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized][selected]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}:host([emphasized][active]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([quiet]){background-color:var(--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color))}:host([quiet]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([quiet][selected]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color))}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([quiet][selected][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){:host{forced-color-adjust:none;--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}}:host{display:inline-flex;flex-direction:row}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{position:absolute;top:0;right:0;bottom:0;left:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align)}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)} | ||
:host{--spectrum-button-line-height:1.3;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;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;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-actionbutton-height:var(--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-25);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-25)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-height:var(--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-40);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-40)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-height:var(--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-50);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-50)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-height:var(--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-65);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-65)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host{position:relative;height:var(--spectrum-actionbutton-height);min-width:var(--spectrum-actionbutton-min-width);border-width:var(--spectrum-actionbutton-border-size);border-radius:var(--spectrum-actionbutton-border-radius);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);line-height:var(--spectrum-actionbutton-text-line-height)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-actionbutton-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-actionbutton-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-icononly-padding-left-adjusted)));margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-right-adjusted) - var(--spectrum-actionbutton-icononly-padding-right-adjusted)))}#label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([dir=ltr]) #hold-affordance{right:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{left:var(--spectrum-actionbutton-hold-icon-padding-right);transform:matrix(-1,0,0,1,0,0)}#hold-affordance{position:absolute;bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom)}:host([quiet]){border-width:var(--spectrum-actionbutton-quiet-border-size);border-radius:var(--spectrum-actionbutton-quiet-border-radius);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px;background-color:var(--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color))}::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color))}#hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover))}:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down))}:host([active]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([selected]){background-color:var(--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible[active]),:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible[active]),:host([selected]:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:hover){background-color:var(--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}:host([selected][active]){background-color:var(--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color))}:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized][selected]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}:host([emphasized][active]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([quiet]){background-color:var(--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color))}:host([quiet]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([quiet][selected]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color))}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([quiet][selected][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){:host{forced-color-adjust:none;--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}}:host{display:inline-flex;flex-direction:row}:host([disabled]){pointer-events:none;cursor:auto}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{position:absolute;top:0;right:0;bottom:0;left:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align)}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=action-button.css.js.map |
@@ -14,4 +14,4 @@ /* | ||
const styles = css` | ||
:host{--spectrum-button-line-height:1.3;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;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;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-actionbutton-height:var(--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-25);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-25)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-height:var(--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-40);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-40)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-height:var(--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-50);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-50)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-height:var(--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-65);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-65)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host{position:relative;height:var(--spectrum-actionbutton-height);min-width:var(--spectrum-actionbutton-min-width);border-width:var(--spectrum-actionbutton-border-size);border-radius:var(--spectrum-actionbutton-border-radius);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);line-height:var(--spectrum-actionbutton-text-line-height)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-actionbutton-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-actionbutton-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-icononly-padding-left-adjusted)));margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-right-adjusted) - var(--spectrum-actionbutton-icononly-padding-right-adjusted)))}#label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([dir=ltr]) #hold-affordance{right:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{left:var(--spectrum-actionbutton-hold-icon-padding-right);transform:matrix(-1,0,0,1,0,0)}#hold-affordance{position:absolute;bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom)}:host([quiet]){border-width:var(--spectrum-actionbutton-quiet-border-size);border-radius:var(--spectrum-actionbutton-quiet-border-radius);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px;background-color:var(--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color))}::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color))}#hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover))}:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down))}:host([active]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([selected]){background-color:var(--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible[active]),:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible[active]),:host([selected]:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:hover){background-color:var(--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}:host([selected][active]){background-color:var(--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color))}:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized][selected]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}:host([emphasized][active]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([quiet]){background-color:var(--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color))}:host([quiet]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([quiet][selected]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color))}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([quiet][selected][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){:host{forced-color-adjust:none;--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}}:host{display:inline-flex;flex-direction:row}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{position:absolute;top:0;right:0;bottom:0;left:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align)}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)} | ||
:host{--spectrum-button-line-height:1.3;box-sizing:border-box;align-items:center;justify-content:center;overflow:visible;margin:0;border-style:solid;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;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;text-decoration:none;font-family:var(--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base));line-height:var(--spectrum-button-line-height);user-select:none;-webkit-user-select:none;cursor:pointer}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;padding:0;margin-top:-2px;margin-bottom:-2px}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-actionbutton-height:var(--spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-25);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-25)}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m));--spectrum-actionbutton-height:var(--spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-40);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-40)}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-height:var(--spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-50);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-50)}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-quiet-text-size:var(--spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-border-size:var(--spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin));--spectrum-actionbutton-border-radius:var(--spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-actionbutton-min-width:var(--spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-text-font-weight:var(--spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight));--spectrum-actionbutton-text-line-height:var(--spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height));--spectrum-actionbutton-icon-gap:var(--spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l));--spectrum-actionbutton-text-size:var(--spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl));--spectrum-actionbutton-height:var(--spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl));--spectrum-actionbutton-padding-left:var(--spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl));--spectrum-actionbutton-hold-icon-padding-bottom:var(--spectrum-global-dimension-size-65);--spectrum-actionbutton-hold-icon-padding-right:var(--spectrum-global-dimension-size-65)}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-right:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host([dir=rtl]){padding-right:var(--spectrum-actionbutton-textonly-padding-left-adjusted);padding-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted)}:host{position:relative;height:var(--spectrum-actionbutton-height);min-width:var(--spectrum-actionbutton-min-width);border-width:var(--spectrum-actionbutton-border-size);border-radius:var(--spectrum-actionbutton-border-radius);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);line-height:var(--spectrum-actionbutton-text-line-height)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(--spectrum-actionbutton-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(--spectrum-actionbutton-icon-gap)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#hold-affordance+::slotted([slot=icon]),:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] sp-icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-icononly-padding-left-adjusted)));margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-right-adjusted) - var(--spectrum-actionbutton-icononly-padding-right-adjusted)))}#label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([dir=ltr]) #hold-affordance{right:var(--spectrum-actionbutton-hold-icon-padding-right)}:host([dir=rtl]) #hold-affordance{left:var(--spectrum-actionbutton-hold-icon-padding-right);transform:matrix(-1,0,0,1,0,0)}#hold-affordance{position:absolute;bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom)}:host([quiet]){border-width:var(--spectrum-actionbutton-quiet-border-size);border-radius:var(--spectrum-actionbutton-quiet-border-radius);font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px;background-color:var(--spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color))}::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color))}#hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover))}:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([active]){background-color:var(--spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down))}:host([active]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([selected]){background-color:var(--spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([selected].focus-visible[active]),:host([selected].focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible[active]),:host([selected]:focus-visible[active]){border-color:var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover))}:host([selected]:hover){background-color:var(--spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover));color:var(--spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover))}:host([selected][active]){background-color:var(--spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down));color:var(--spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color))}:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color))}:host([emphasized][selected]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized]:hover) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover))}:host([emphasized][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down));box-shadow:none;color:var(--spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}:host([emphasized][active]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var(--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected].focus-visible),:host([emphasized][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white))}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled))}:host([quiet]){background-color:var(--spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color))}:host([quiet]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent));box-shadow:0 0 0 var(--spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick)) var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));color:var(--spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:host([quiet][selected]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color))}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover))}:host([quiet][selected]:hover){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover))}:host([quiet][selected][active]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}@media (forced-colors:active){:host{forced-color-adjust:none;--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white))}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var(--spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down));border-color:var(--spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down));color:var(--spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white))}}:host{display:inline-flex;flex-direction:row}:host([disabled]){pointer-events:none;cursor:auto}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{position:absolute;top:0;right:0;bottom:0;left:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align)}:host([size=s]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-s);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-s);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-75);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-75)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-m);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-m);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-l);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-200);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-200)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-icon-tshirt-size-width:var(--spectrum-alias-workflow-icon-size-xl);--spectrum-ui-icon-tshirt-size-height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);--spectrum-ui-icon-tshirt-size-width:var(--spectrum-alias-ui-icon-cornertriangle-size-300)} | ||
`; | ||
export default styles; |
@@ -1,2 +0,2 @@ | ||
declare const styles: import("@spectrum-web-components/base").CSSResultGroup; | ||
declare const styles: import("@spectrum-web-components/base").CSSResult; | ||
export default styles; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
417484
3162
0
150
+ Added@spectrum-web-components/button@0.14.9(transitive)
- Removed@spectrum-web-components/button@0.13.8-alpha.0(transitive)