@spectrum-web-components/action-button
Advanced tools
Comparing version 0.2.2 to 0.3.0
@@ -6,2 +6,13 @@ # Change Log | ||
# [0.3.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/action-button@0.2.2...@spectrum-web-components/action-button@0.3.0) (2021-02-11) | ||
### Bug Fixes | ||
- expand sized functionality to support no default and returning to default values ([acf3cfb](https://github.com/adobe/spectrum-web-components/commit/acf3cfb000033d1ef1e22ca571cb8dbbeaadae77)) | ||
- update to latest spectrum-css packages ([a5ca19f](https://github.com/adobe/spectrum-web-components/commit/a5ca19f67d5b3f0951667c4441d4d977bf1e0937)) | ||
### Features | ||
- allow activation of longpress content ([55e71fd](https://github.com/adobe/spectrum-web-components/commit/55e71fdf9fd5dde489871c3d9798ef8957f4e5b6)) | ||
## [0.2.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/action-button@0.2.1...@spectrum-web-components/action-button@0.2.2) (2021-02-02) | ||
@@ -8,0 +19,0 @@ |
@@ -212,3 +212,4 @@ { | ||
{ | ||
"name": "keydown" | ||
"name": "longpress", | ||
"description": "Synthesizes a \"longpress\" interaction that signifies a\n`pointerdown` event that is >=300ms or a keyboard event wher code is `Space` or code is `ArrowDown`\nwhile `altKey===true`." | ||
} | ||
@@ -215,0 +216,0 @@ ] |
@@ -21,3 +21,3 @@ { | ||
], | ||
"version": "0.2.2", | ||
"version": "0.3.0", | ||
"description": "", | ||
@@ -52,12 +52,12 @@ "main": "src/index.js", | ||
"devDependencies": { | ||
"@spectrum-css/actionbutton": "^1.0.0-beta.1", | ||
"@spectrum-web-components/icon": "^0.8.2", | ||
"@spectrum-web-components/icons-workflow": "^0.5.2" | ||
"@spectrum-css/actionbutton": "^1.0.0", | ||
"@spectrum-web-components/icon": "^0.8.3", | ||
"@spectrum-web-components/icons-workflow": "^0.5.3" | ||
}, | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.3.2", | ||
"@spectrum-web-components/button": "^0.11.2", | ||
"@spectrum-web-components/base": "^0.3.3", | ||
"@spectrum-web-components/button": "^0.12.0", | ||
"tslib": "^2.0.0" | ||
}, | ||
"gitHead": "7783ce454deb5a97b3d274ee1b54a24c09065ce4" | ||
"gitHead": "975a9d6bf075d367fbc77c9b5cec4eabce66f6c0" | ||
} |
@@ -39,11 +39,5 @@ ## Description | ||
<sp-button-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-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> | ||
@@ -58,11 +52,5 @@ ``` | ||
<sp-button-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-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> | ||
@@ -77,11 +65,5 @@ ``` | ||
<sp-button-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-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> | ||
@@ -96,11 +78,5 @@ ``` | ||
<sp-button-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-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> | ||
@@ -140,17 +116,33 @@ ``` | ||
The use of the `hold-affordance` attribute signifies that the `<sp-action-button>` in question will be delivered with a visual affordance that can be used to outline that additional related content can be acquired via further interaction with the button (e.g. a click, longpress, etc.). | ||
The use of the `hold-affordance` attribute signifies that the `<sp-action-button>` in question will be delivered with a visual affordance outlining that special interaction with the button will dispatch a `longpress` event. Via a pointer input, this even will be dispatched when 300ms has passed after a `pointerdown` event without the presence of a `pointerup` or `pointercancel` event. Via the keyboard, an event with a code of `Space` or or `ArrowDown` while `altKey === true` will dispatch the event. | ||
```html demo | ||
```html-live demo | ||
<sp-action-group> | ||
<sp-action-button label="Edit" hold-affordance> | ||
<sp-icon-edit slot="icon"></sp-icon-edit> | ||
</sp-action-button> | ||
<overlay-trigger placement="bottom"> | ||
<sp-action-button label="Edit" hold-affordance slot="trigger"> | ||
<sp-icon-edit slot="icon"></sp-icon-edit> | ||
</sp-action-button> | ||
<sp-popover slot="longpress-content" dialog tip> | ||
<p class="spectrum-Body spectrum-Body--sizeM" style="color: var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color));">This content is triggered by the "longpress" interaction.</p> | ||
</sp-popover> | ||
</overlay-trigger> | ||
<sp-action-button hold-affordance quiet> | ||
<sp-icon-edit slot="icon"></sp-icon-edit> | ||
</sp-action-button> | ||
<overlay-trigger placement="top"> | ||
<sp-action-button hold-affordance quiet slot="trigger"> | ||
Show Longpress Content | ||
</sp-action-button> | ||
<sp-popover slot="longpress-content" dialog tip> | ||
<p class="spectrum-Body spectrum-Body--sizeM" style="color: var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color));">This content is triggered by the "longpress" interaction.</p> | ||
</sp-popover> | ||
</overlay-trigger> | ||
<sp-action-button hold-affordance selected> | ||
<sp-icon-edit slot="icon"></sp-icon-edit> | ||
</sp-action-button> | ||
<overlay-trigger placement="top"> | ||
<sp-action-button hold-affordance selected slot="trigger"> | ||
<sp-icon-edit slot="icon"></sp-icon-edit> | ||
Extended Content with Longpress | ||
</sp-action-button> | ||
<sp-popover slot="longpress-content" dialog tip> | ||
<p class="spectrum-Body spectrum-Body--sizeM" style="color: var(--spectrum-body-m-text-color,var(--spectrum-alias-text-color));">This content is triggered by the "longpress" interaction.</p> | ||
</sp-popover> | ||
</overlay-trigger> | ||
</sp-action-group> | ||
@@ -164,5 +156,3 @@ ``` | ||
```html demo | ||
<sp-action-button toggles> | ||
Toggle button | ||
</sp-action-button> | ||
<sp-action-button toggles>Toggle button</sp-action-button> | ||
``` |
@@ -14,5 +14,5 @@ /* | ||
const styles = css ` | ||
:host{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:1.3;user-select:none;-webkit-user-select:none;touch-action: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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-m);--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-l,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-xl,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--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{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}#hold-affordance,::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host(:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(:hover) #hold-affordance,:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([active]) #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host(:disabled) #hold-affordance,:host(:disabled) ::slotted([slot=icon]),:host([disabled]) #hold-affordance,:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([selected]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected].focus-visible),:host([selected].focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected]:focus-visible),:host([selected]:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized]){background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([emphasized]) #hold-affordance,:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([emphasized][selected]) #hold-affordance,:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized]:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]:hover) #hold-affordance,:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) #hold-affordance,:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active,:host([emphasized][selected]) .is-active{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-active ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}: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-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([quiet]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet]),:host([quiet]:hover){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet].focus-visible),:host([quiet].focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet]:focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([quiet][selected]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:hover),:host([quiet][selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected][active]){color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host{display:inline-flex;flex-direction:row}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink: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;touch-action: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-padding-right:var(--spectrum-actionbutton-s-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-m-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-l-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-xl-padding-right,var(--spectrum-alias-item-padding-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]) .is-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]) .is-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]) .is-active,:host([emphasized][selected]) .is-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]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-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))}:host{display:inline-flex;flex-direction:row}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink: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{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:1.3;user-select:none;-webkit-user-select:none;touch-action: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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-m);--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-l,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-xl,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--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{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}#hold-affordance,::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host(:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(:hover) #hold-affordance,:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([active]) #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host(:disabled) #hold-affordance,:host(:disabled) ::slotted([slot=icon]),:host([disabled]) #hold-affordance,:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([selected]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected].focus-visible),:host([selected].focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected]:focus-visible),:host([selected]:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized]){background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([emphasized]) #hold-affordance,:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([emphasized][selected]) #hold-affordance,:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized]:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]:hover) #hold-affordance,:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) #hold-affordance,:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active,:host([emphasized][selected]) .is-active{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-active ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}: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-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([quiet]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet]),:host([quiet]:hover){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet].focus-visible),:host([quiet].focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet]:focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([quiet][selected]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:hover),:host([quiet][selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected][active]){color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host{display:inline-flex;flex-direction:row}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink: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;touch-action: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-padding-right:var(--spectrum-actionbutton-s-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-m-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-l-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-xl-padding-right,var(--spectrum-alias-item-padding-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]) .is-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]) .is-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]) .is-active,:host([emphasized][selected]) .is-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]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-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))}:host{display:inline-flex;flex-direction:row}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink: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; |
import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base'; | ||
import { ButtonBase } from '@spectrum-web-components/button'; | ||
import '@spectrum-web-components/icon/sp-icon.js'; | ||
export declare type LongpressEvent = { | ||
source: 'pointer' | 'keyboard'; | ||
}; | ||
declare const ActionButton_base: typeof ButtonBase & { | ||
@@ -12,2 +15,5 @@ new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface; | ||
* @fires change - Announces a change in the `selected` property of an action button | ||
* @fires longpress - Synthesizes a "longpress" interaction that signifies a | ||
* `pointerdown` event that is >=300ms or a keyboard event wher code is `Space` or code is `ArrowDown` | ||
* while `altKey===true`. | ||
*/ | ||
@@ -30,5 +36,17 @@ export declare class ActionButton extends ActionButton_base { | ||
private onClick; | ||
private onPointerdown; | ||
private onPointerup; | ||
/** | ||
* @private | ||
*/ | ||
protected handleKeydown(event: KeyboardEvent): void; | ||
protected handleKeyup(event: KeyboardEvent): void; | ||
protected get buttonContent(): TemplateResult[]; | ||
protected updated(changes: PropertyValues): void; | ||
} | ||
declare global { | ||
interface GlobalEventHandlersEventMap { | ||
longpress: CustomEvent<LongpressEvent>; | ||
} | ||
} | ||
export {}; |
@@ -25,2 +25,4 @@ /* | ||
}; | ||
const LONGPRESS_DURATION = 300; | ||
let LONGPRESS_TIMEOUT; | ||
/** | ||
@@ -30,2 +32,5 @@ * @element sp-card | ||
* @fires change - Announces a change in the `selected` property of an action button | ||
* @fires longpress - Synthesizes a "longpress" interaction that signifies a | ||
* `pointerdown` event that is >=300ms or a keyboard event wher code is `Space` or code is `ArrowDown` | ||
* while `altKey===true`. | ||
*/ | ||
@@ -54,2 +59,3 @@ export class ActionButton extends SizedMixin(ButtonBase) { | ||
this.addEventListener('click', this.onClick); | ||
this.addEventListener('pointerdown', this.onPointerdown); | ||
} | ||
@@ -80,2 +86,55 @@ static get styles() { | ||
} | ||
onPointerdown() { | ||
this.addEventListener('pointerup', this.onPointerup); | ||
this.addEventListener('pointercancel', this.onPointerup); | ||
LONGPRESS_TIMEOUT = setTimeout(() => { | ||
this.dispatchEvent(new CustomEvent('longpress', { | ||
bubbles: true, | ||
composed: true, | ||
detail: { | ||
source: 'pointer', | ||
}, | ||
})); | ||
}, LONGPRESS_DURATION); | ||
} | ||
onPointerup() { | ||
clearTimeout(LONGPRESS_TIMEOUT); | ||
this.removeEventListener('pointerup', this.onPointerup); | ||
this.removeEventListener('pointercancel', this.onPointerup); | ||
} | ||
/** | ||
* @private | ||
*/ | ||
handleKeydown(event) { | ||
if (!this.holdAffordance) { | ||
return super.handleKeydown(event); | ||
} | ||
const { code, altKey } = event; | ||
if (code === 'Space' || (altKey && code === 'ArrowDown')) { | ||
event.preventDefault(); | ||
if (code === 'ArrowDown') { | ||
event.stopPropagation(); | ||
event.stopImmediatePropagation(); | ||
} | ||
this.addEventListener('keyup', this.handleKeyup); | ||
this.active = true; | ||
} | ||
} | ||
handleKeyup(event) { | ||
if (!this.holdAffordance) { | ||
return super.handleKeyup(event); | ||
} | ||
const { code, altKey } = event; | ||
if (code === 'Space' || (altKey && code === 'ArrowDown')) { | ||
event.stopPropagation(); | ||
this.dispatchEvent(new CustomEvent('longpress', { | ||
bubbles: true, | ||
composed: true, | ||
detail: { | ||
source: 'keyboard', | ||
}, | ||
})); | ||
this.active = false; | ||
} | ||
} | ||
get buttonContent() { | ||
@@ -82,0 +141,0 @@ const buttonContent = super.buttonContent; |
@@ -34,2 +34,9 @@ /* | ||
const LONGPRESS_DURATION = 300; | ||
let LONGPRESS_TIMEOUT: ReturnType<typeof setTimeout>; | ||
export type LongpressEvent = { | ||
source: 'pointer' | 'keyboard'; | ||
}; | ||
/** | ||
@@ -39,2 +46,5 @@ * @element sp-card | ||
* @fires change - Announces a change in the `selected` property of an action button | ||
* @fires longpress - Synthesizes a "longpress" interaction that signifies a | ||
* `pointerdown` event that is >=300ms or a keyboard event wher code is `Space` or code is `ArrowDown` | ||
* while `altKey===true`. | ||
*/ | ||
@@ -88,2 +98,3 @@ export class ActionButton extends SizedMixin(ButtonBase) { | ||
this.addEventListener('click', this.onClick); | ||
this.addEventListener('pointerdown', this.onPointerdown); | ||
} | ||
@@ -106,2 +117,63 @@ | ||
private onPointerdown(): void { | ||
this.addEventListener('pointerup', this.onPointerup); | ||
this.addEventListener('pointercancel', this.onPointerup); | ||
LONGPRESS_TIMEOUT = setTimeout(() => { | ||
this.dispatchEvent( | ||
new CustomEvent<LongpressEvent>('longpress', { | ||
bubbles: true, | ||
composed: true, | ||
detail: { | ||
source: 'pointer', | ||
}, | ||
}) | ||
); | ||
}, LONGPRESS_DURATION); | ||
} | ||
private onPointerup(): void { | ||
clearTimeout(LONGPRESS_TIMEOUT); | ||
this.removeEventListener('pointerup', this.onPointerup); | ||
this.removeEventListener('pointercancel', this.onPointerup); | ||
} | ||
/** | ||
* @private | ||
*/ | ||
protected handleKeydown(event: KeyboardEvent): void { | ||
if (!this.holdAffordance) { | ||
return super.handleKeydown(event); | ||
} | ||
const { code, altKey } = event; | ||
if (code === 'Space' || (altKey && code === 'ArrowDown')) { | ||
event.preventDefault(); | ||
if (code === 'ArrowDown') { | ||
event.stopPropagation(); | ||
event.stopImmediatePropagation(); | ||
} | ||
this.addEventListener('keyup', this.handleKeyup); | ||
this.active = true; | ||
} | ||
} | ||
protected handleKeyup(event: KeyboardEvent): void { | ||
if (!this.holdAffordance) { | ||
return super.handleKeyup(event); | ||
} | ||
const { code, altKey } = event; | ||
if (code === 'Space' || (altKey && code === 'ArrowDown')) { | ||
event.stopPropagation(); | ||
this.dispatchEvent( | ||
new CustomEvent<LongpressEvent>('longpress', { | ||
bubbles: true, | ||
composed: true, | ||
detail: { | ||
source: 'keyboard', | ||
}, | ||
}) | ||
); | ||
this.active = false; | ||
} | ||
} | ||
protected get buttonContent(): TemplateResult[] { | ||
@@ -132,1 +204,7 @@ const buttonContent = super.buttonContent; | ||
} | ||
declare global { | ||
interface GlobalEventHandlersEventMap { | ||
longpress: CustomEvent<LongpressEvent>; | ||
} | ||
} |
@@ -14,5 +14,5 @@ /* | ||
const styles = css ` | ||
:host{display:inline-flex;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:1.3;user-select:none;-webkit-user-select:none;touch-action: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%;flex-shrink:0}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-m);--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-l,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-xl,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--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{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}#hold-affordance,::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host(:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(:hover) #hold-affordance,:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([active]) #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host(:disabled) #hold-affordance,:host(:disabled) ::slotted([slot=icon]),:host([disabled]) #hold-affordance,:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([selected]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected].focus-visible),:host([selected].focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected]:focus-visible),:host([selected]:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized]){background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([emphasized]) #hold-affordance,:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([emphasized][selected]) #hold-affordance,:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized]:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]:hover) #hold-affordance,:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) #hold-affordance,:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active,:host([emphasized][selected]) .is-active{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-active ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}: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-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([quiet]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet]),:host([quiet]:hover){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet].focus-visible),:host([quiet].focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet]:focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([quiet][selected]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:hover),:host([quiet][selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected][active]){color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))} | ||
:host{--spectrum-button-line-height:1.3;display:inline-flex;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;touch-action: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%;flex-shrink:0}#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-padding-right:var(--spectrum-actionbutton-s-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-m-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-l-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-xl-padding-right,var(--spectrum-alias-item-padding-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]) .is-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]) .is-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]) .is-active,:host([emphasized][selected]) .is-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]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-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))} | ||
`; | ||
export default styles; | ||
//# sourceMappingURL=spectrum-action-button.css.js.map |
@@ -14,4 +14,4 @@ /* | ||
const styles = css` | ||
:host{display:inline-flex;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:1.3;user-select:none;-webkit-user-select:none;touch-action: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%;flex-shrink:0}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-s,var(--spectrum-global-dimension-font-size-75));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-s,var(--spectrum-global-dimension-size-300));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-s,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-s,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-s,var(--spectrum-global-dimension-size-115));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-m,var(--spectrum-global-dimension-font-size-100));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-m,var(--spectrum-global-dimension-size-400));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-m,var(--spectrum-global-dimension-size-100));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-m);--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-m,var(--spectrum-global-dimension-size-85));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-m,var(--spectrum-global-dimension-size-150));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-l,var(--spectrum-global-dimension-font-size-200));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-l,var(--spectrum-global-dimension-size-500));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-l,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-l,var(--spectrum-global-dimension-size-125));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-l,var(--spectrum-global-dimension-size-185));--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-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-quiet-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-quiet-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-quiet-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-border-size:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));--spectrum-actionbutton-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-actionbutton-min-width:var(--spectrum-global-dimension-size-400);--spectrum-actionbutton-text-font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));--spectrum-actionbutton-text-line-height:var(--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small));--spectrum-actionbutton-icon-gap:var(--spectrum-alias-item-workflow-icon-gap-l,var(--spectrum-global-dimension-size-115));--spectrum-actionbutton-text-size:var(--spectrum-alias-item-text-size-xl,var(--spectrum-global-dimension-font-size-300));--spectrum-actionbutton-height:var(--spectrum-alias-item-height-xl,var(--spectrum-global-dimension-size-600));--spectrum-actionbutton-padding-left:var(--spectrum-alias-item-workflow-padding-left-xl,var(--spectrum-global-dimension-size-185));--spectrum-actionbutton-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-icononly-padding-left:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-icononly-padding-right:var(--spectrum-alias-item-icononly-padding-xl,var(--spectrum-global-dimension-size-160));--spectrum-actionbutton-textonly-padding-left:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--spectrum-actionbutton-textonly-padding-right:var(--spectrum-alias-item-padding-xl,var(--spectrum-global-dimension-size-225));--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{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}#hold-affordance,::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host(:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(:hover) #hold-affordance,:host(:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-global-color-gray-50);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible),:host(.focus-visible[active]),:host(.focus-visible),:host(.focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible),:host(.focus-visible[active]),:host(:focus-visible),:host(:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host(.focus-visible) ::slotted([slot=icon]),:host(.focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) ::slotted([slot=icon]),:host(:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(.focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host(.focus-visible) #hold-affordance,:host(:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([active]) #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host(:disabled),:host([disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host(:disabled) #hold-affordance,:host(:disabled) ::slotted([slot=icon]),:host([disabled]) #hold-affordance,:host([disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([selected]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([selected]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([selected].focus-visible),:host([selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected].focus-visible),:host([selected].focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible),:host([selected].focus-visible[active]),:host([selected]:focus-visible),:host([selected]:focus-visible[active]){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected].focus-visible) ::slotted([slot=icon]),:host([selected]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([selected][active]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([selected]:disabled),:host([selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized]){background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([emphasized]) #hold-affordance,:host([emphasized]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}:host([emphasized][selected]) #hold-affordance,:host([emphasized][selected]:hover) #hold-affordance{color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized]:hover){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]:hover) #hold-affordance,:host([emphasized]:hover) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized].focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible),:host([emphasized]:focus-visible){background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) ::slotted([slot=icon]),:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized].focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized].focus-visible) #hold-affordance,:host([emphasized]:focus-visible) #hold-affordance{color:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-down,var(--spectrum-global-color-gray-500));box-shadow:none;color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]) .is-active #hold-affordance{color:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([emphasized]:disabled) #hold-affordance,:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) #hold-affordance,:host([emphasized][disabled]) ::slotted([slot=icon]){color:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-default,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));border-color:var(--spectrum-semantic-cta-color-background-key-focus,var(--spectrum-global-color-static-blue-600));color:var(--spectrum-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}: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-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));border-color:var(--spectrum-semantic-cta-color-background-hover,var(--spectrum-global-color-static-blue-700));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active,:host([emphasized][selected]) .is-active{background-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));border-color:var(--spectrum-semantic-cta-color-background-down,var(--spectrum-global-color-static-blue-800));color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-active ::slotted([slot=icon]){color:var(--spectrum-global-color-static-white,#fff)}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-disabled,var(--spectrum-global-color-gray-200));color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}: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-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}:host([quiet]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet]),:host([quiet]:hover){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet].focus-visible),:host([quiet].focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet]:focus-visible),:host([quiet]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet].focus-visible),:host([quiet].focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet].focus-visible),:host([quiet]:focus-visible){background-color:var(--spectrum-alias-background-color-transparent,transparent);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}:host([quiet][active]){background-color:var(--spectrum-global-color-gray-300);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}:host([quiet][selected]){color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected]),:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected].focus-visible),:host([quiet][selected].focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected].focus-visible),:host([quiet][selected]:focus-visible),:host([quiet][selected]:hover){color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:hover),:host([quiet][selected][active]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent)}:host([quiet][selected][active]){color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))} | ||
:host{--spectrum-button-line-height:1.3;display:inline-flex;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;touch-action: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%;flex-shrink:0}#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-padding-right:var(--spectrum-actionbutton-s-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-m-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-l-padding-right,var(--spectrum-alias-item-padding-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-padding-right:var(--spectrum-actionbutton-xl-padding-right,var(--spectrum-alias-item-padding-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]) .is-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]) .is-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]) .is-active,:host([emphasized][selected]) .is-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]) .is-active ::slotted([slot=icon]),:host([emphasized][selected]) .is-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))} | ||
`; | ||
export default styles; |
{ | ||
"custom-properties": { | ||
"--spectrum-alias-body-text-font-family": "var(--spectrum-global-font-family-base)", | ||
"--spectrum-alias-border-size-thin": "var(--spectrum-global-dimension-static-size-10)", | ||
"--spectrum-alias-border-radius-regular": "var(--spectrum-global-dimension-size-50)", | ||
"--spectrum-alias-body-text-font-weight": "var(--spectrum-global-font-weight-regular)", | ||
"--spectrum-alias-item-text-size-s": "var(--spectrum-global-dimension-font-size-75)", | ||
"--spectrum-alias-component-text-line-height": "var(--spectrum-global-font-line-height-small)", | ||
"--spectrum-alias-item-workflow-icon-gap-s": "var(--spectrum-global-dimension-size-85)", | ||
"--spectrum-alias-item-height-s": "var(--spectrum-global-dimension-size-300)", | ||
"--spectrum-alias-item-workflow-padding-left-s": "var(--spectrum-global-dimension-size-85)", | ||
"--spectrum-alias-item-padding-s": "var(--spectrum-global-dimension-size-115)", | ||
"--spectrum-alias-item-icononly-padding-s": "var(--spectrum-global-dimension-size-50)", | ||
"--spectrum-alias-item-text-size-m": "var(--spectrum-global-dimension-font-size-100)", | ||
"--spectrum-alias-item-height-m": "var(--spectrum-global-dimension-size-400)", | ||
"--spectrum-alias-item-workflow-icon-gap-m": "var(--spectrum-global-dimension-size-100)", | ||
"--spectrum-alias-item-workflow-padding-left-m": "undefined", | ||
"--spectrum-alias-item-padding-m": "var(--spectrum-global-dimension-size-150)", | ||
"--spectrum-alias-item-icononly-padding-m": "var(--spectrum-global-dimension-size-85)", | ||
"--spectrum-alias-item-text-size-l": "var(--spectrum-global-dimension-font-size-200)", | ||
"--spectrum-alias-item-workflow-icon-gap-l": "var(--spectrum-global-dimension-size-115)", | ||
"--spectrum-alias-item-height-l": "var(--spectrum-global-dimension-size-500)", | ||
"--spectrum-alias-item-workflow-padding-left-l": "var(--spectrum-global-dimension-size-160)", | ||
"--spectrum-alias-item-padding-l": "var(--spectrum-global-dimension-size-185)", | ||
"--spectrum-alias-item-icononly-padding-l": "var(--spectrum-global-dimension-size-125)", | ||
"--spectrum-alias-item-text-size-xl": "var(--spectrum-global-dimension-font-size-300)", | ||
"--spectrum-alias-item-height-xl": "var(--spectrum-global-dimension-size-600)", | ||
"--spectrum-alias-item-workflow-padding-left-xl": "var(--spectrum-global-dimension-size-185)", | ||
"--spectrum-alias-item-padding-xl": "var(--spectrum-global-dimension-size-225)", | ||
"--spectrum-alias-item-icononly-padding-xl": "var(--spectrum-global-dimension-size-160)", | ||
"--spectrum-alias-border-color": "var(--spectrum-global-color-gray-400)", | ||
"--spectrum-alias-text-color": "var(--spectrum-global-color-gray-800)", | ||
"--spectrum-alias-icon-color": "var(--spectrum-global-color-gray-700)", | ||
"--spectrum-alias-border-color-hover": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-alias-text-color-hover": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-alias-icon-color-hover": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-alias-border-color-focus": "var(--spectrum-global-color-blue-400)", | ||
"--spectrum-alias-icon-color-focus": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-alias-border-color-down": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-alias-text-color-down": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-alias-icon-color-down": "var(--spectrum-global-color-gray-900)", | ||
"--spectrum-alias-border-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-alias-text-color-disabled": "var(--spectrum-global-color-gray-500)", | ||
"--spectrum-alias-icon-color-disabled": "var(--spectrum-global-color-gray-400)", | ||
"--spectrum-semantic-cta-color-background-default": "var(--spectrum-global-color-static-blue-600)", | ||
"--spectrum-semantic-cta-color-background-key-focus": "var(--spectrum-global-color-static-blue-600)", | ||
"--spectrum-semantic-cta-color-background-hover": "var(--spectrum-global-color-static-blue-700)", | ||
"--spectrum-semantic-cta-color-background-down": "var(--spectrum-global-color-static-blue-800)", | ||
"--spectrum-alias-background-color-transparent": "transparent", | ||
"--spectrum-alias-border-color-transparent": "transparent" | ||
"--spectrum-actionbutton-s-quiet-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-s-quiet-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-s-quiet-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-s-quiet-text-size": "var(--spectrum-alias-item-text-size-s)", | ||
"--spectrum-actionbutton-s-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-s-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-s-min-width": "var(--spectrum-global-dimension-size-400)", | ||
"--spectrum-actionbutton-s-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-s-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-actionbutton-s-text-size": "var(--spectrum-alias-item-text-size-s)", | ||
"--spectrum-actionbutton-s-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-s)", | ||
"--spectrum-actionbutton-s-height": "var(--spectrum-alias-item-height-s)", | ||
"--spectrum-actionbutton-s-padding-left": "var(--spectrum-alias-item-workflow-padding-left-s)", | ||
"--spectrum-actionbutton-s-padding-right": "var(--spectrum-alias-item-padding-s)", | ||
"--spectrum-actionbutton-s-icononly-padding-left": "var(--spectrum-alias-item-icononly-padding-s)", | ||
"--spectrum-actionbutton-s-icononly-padding-right": "var(--spectrum-alias-item-icononly-padding-s)", | ||
"--spectrum-actionbutton-s-textonly-padding-left": "var(--spectrum-alias-item-padding-s)", | ||
"--spectrum-actionbutton-s-textonly-padding-right": "var(--spectrum-alias-item-padding-s)", | ||
"--spectrum-actionbutton-m-quiet-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-m-quiet-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-m-quiet-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-m-quiet-text-size": "var(--spectrum-alias-item-text-size-m)", | ||
"--spectrum-actionbutton-m-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-m-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-m-min-width": "var(--spectrum-global-dimension-size-400)", | ||
"--spectrum-actionbutton-m-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-m-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-actionbutton-m-text-size": "var(--spectrum-alias-item-text-size-m)", | ||
"--spectrum-actionbutton-m-height": "var(--spectrum-alias-item-height-m)", | ||
"--spectrum-actionbutton-m-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-m)", | ||
"--spectrum-actionbutton-m-padding-left": "var(--spectrum-alias-item-workflow-padding-left-m)", | ||
"--spectrum-actionbutton-m-padding-right": "var(--spectrum-alias-item-padding-m)", | ||
"--spectrum-actionbutton-m-icononly-padding-left": "var(--spectrum-alias-item-icononly-padding-m)", | ||
"--spectrum-actionbutton-m-icononly-padding-right": "var(--spectrum-alias-item-icononly-padding-m)", | ||
"--spectrum-actionbutton-m-textonly-padding-left": "var(--spectrum-alias-item-padding-m)", | ||
"--spectrum-actionbutton-m-textonly-padding-right": "var(--spectrum-alias-item-padding-m)", | ||
"--spectrum-actionbutton-l-quiet-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-l-quiet-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-l-quiet-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-l-quiet-text-size": "var(--spectrum-alias-item-text-size-l)", | ||
"--spectrum-actionbutton-l-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-l-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-l-min-width": "var(--spectrum-global-dimension-size-400)", | ||
"--spectrum-actionbutton-l-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-l-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-actionbutton-l-text-size": "var(--spectrum-alias-item-text-size-l)", | ||
"--spectrum-actionbutton-l-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-l)", | ||
"--spectrum-actionbutton-l-height": "var(--spectrum-alias-item-height-l)", | ||
"--spectrum-actionbutton-l-padding-left": "var(--spectrum-alias-item-workflow-padding-left-l)", | ||
"--spectrum-actionbutton-l-padding-right": "var(--spectrum-alias-item-padding-l)", | ||
"--spectrum-actionbutton-l-icononly-padding-left": "var(--spectrum-alias-item-icononly-padding-l)", | ||
"--spectrum-actionbutton-l-icononly-padding-right": "var(--spectrum-alias-item-icononly-padding-l)", | ||
"--spectrum-actionbutton-l-textonly-padding-left": "var(--spectrum-alias-item-padding-l)", | ||
"--spectrum-actionbutton-l-textonly-padding-right": "var(--spectrum-alias-item-padding-l)", | ||
"--spectrum-actionbutton-xl-quiet-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-xl-quiet-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-xl-quiet-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-xl-quiet-text-size": "var(--spectrum-alias-item-text-size-xl)", | ||
"--spectrum-actionbutton-xl-border-size": "var(--spectrum-alias-border-size-thin)", | ||
"--spectrum-actionbutton-xl-border-radius": "var(--spectrum-alias-border-radius-regular)", | ||
"--spectrum-actionbutton-xl-min-width": "var(--spectrum-global-dimension-size-400)", | ||
"--spectrum-actionbutton-xl-text-font-weight": "var(--spectrum-alias-body-text-font-weight)", | ||
"--spectrum-actionbutton-xl-text-line-height": "var(--spectrum-alias-component-text-line-height)", | ||
"--spectrum-actionbutton-xl-icon-gap": "var(--spectrum-alias-item-workflow-icon-gap-l)", | ||
"--spectrum-actionbutton-xl-text-size": "var(--spectrum-alias-item-text-size-xl)", | ||
"--spectrum-actionbutton-xl-height": "var(--spectrum-alias-item-height-xl)", | ||
"--spectrum-actionbutton-xl-padding-left": "var(--spectrum-alias-item-workflow-padding-left-xl)", | ||
"--spectrum-actionbutton-xl-padding-right": "var(--spectrum-alias-item-padding-xl)", | ||
"--spectrum-actionbutton-xl-icononly-padding-left": "var(--spectrum-alias-item-icononly-padding-xl)", | ||
"--spectrum-actionbutton-xl-icononly-padding-right": "var(--spectrum-alias-item-icononly-padding-xl)", | ||
"--spectrum-actionbutton-xl-textonly-padding-left": "var(--spectrum-alias-item-padding-xl)", | ||
"--spectrum-actionbutton-xl-textonly-padding-right": "var(--spectrum-alias-item-padding-xl)", | ||
"--spectrum-actionbutton-m-background-color": "var(--spectrum-global-color-gray-75)", | ||
"--spectrum-actionbutton-m-border-color": "var(--spectrum-alias-border-color)", | ||
"--spectrum-actionbutton-m-text-color": "var(--spectrum-alias-text-color)", | ||
"--spectrum-actionbutton-m-icon-color": "var(--spectrum-alias-icon-color)", | ||
"--spectrum-actionbutton-m-hold-icon-color": "var(--spectrum-alias-icon-color)", | ||
"--spectrum-actionbutton-m-background-color-hover": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-actionbutton-m-border-color-hover": "var(--spectrum-alias-border-color-hover)", | ||
"--spectrum-actionbutton-m-text-color-hover": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-icon-color-hover": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-hold-icon-color-hover": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-background-color-key-focus": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-actionbutton-m-border-color-key-focus": "var(--spectrum-alias-border-color-focus)", | ||
"--spectrum-actionbutton-m-quiet-border-size-key-focus": "var(--spectrum-alias-border-size-thick)", | ||
"--spectrum-actionbutton-m-text-color-key-focus": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-icon-color-key-focus": "var(--spectrum-alias-icon-color-focus)", | ||
"--spectrum-actionbutton-m-hold-icon-color-key-focus": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-background-color-down": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-down": "var(--spectrum-alias-border-color-down)", | ||
"--spectrum-actionbutton-m-text-color-down": "var(--spectrum-alias-text-color-down)", | ||
"--spectrum-actionbutton-m-hold-icon-color-down": "var(--spectrum-alias-icon-color-down)", | ||
"--spectrum-actionbutton-m-background-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-disabled": "var(--spectrum-alias-border-color-disabled)", | ||
"--spectrum-actionbutton-m-text-color-disabled": "var(--spectrum-alias-text-color-disabled)", | ||
"--spectrum-actionbutton-m-icon-color-disabled": "var(--spectrum-alias-icon-color-disabled)", | ||
"--spectrum-actionbutton-m-hold-icon-color-disabled": "var(--spectrum-alias-icon-color-disabled)", | ||
"--spectrum-actionbutton-m-background-color-selected": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-selected": "var(--spectrum-alias-border-color)", | ||
"--spectrum-actionbutton-m-text-color-selected": "var(--spectrum-alias-text-color)", | ||
"--spectrum-actionbutton-m-icon-color-selected": "var(--spectrum-alias-icon-color)", | ||
"--spectrum-actionbutton-m-background-color-selected-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-selected-key-focus": "var(--spectrum-alias-border-color-focus)", | ||
"--spectrum-actionbutton-m-text-color-selected-key-focus": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-icon-color-selected-key-focus": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-background-color-selected-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-selected-hover": "var(--spectrum-alias-border-color-hover)", | ||
"--spectrum-actionbutton-m-text-color-selected-hover": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-icon-color-selected-hover": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-background-color-selected-down": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-selected-down": "var(--spectrum-alias-border-color-down)", | ||
"--spectrum-actionbutton-m-text-color-selected-down": "var(--spectrum-alias-text-color-down)", | ||
"--spectrum-actionbutton-m-icon-color-selected-down": "var(--spectrum-alias-icon-color-down)", | ||
"--spectrum-actionbutton-m-background-color-selected-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-border-color-selected-disabled": "var(--spectrum-alias-border-color-disabled)", | ||
"--spectrum-actionbutton-m-text-color-selected-disabled": "var(--spectrum-alias-text-color-disabled)", | ||
"--spectrum-actionbutton-m-icon-color-selected-disabled": "var(--spectrum-alias-icon-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-background-color": "var(--spectrum-global-color-gray-75)", | ||
"--spectrum-actionbutton-m-emphasized-border-color": "var(--spectrum-alias-border-color)", | ||
"--spectrum-actionbutton-m-emphasized-text-color": "var(--spectrum-alias-text-color)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color": "var(--spectrum-alias-icon-color)", | ||
"--spectrum-actionbutton-m-emphasized-hold-icon-color": "var(--spectrum-alias-icon-color)", | ||
"--spectrum-actionbutton-m-emphasized-hold-icon-color-selected": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-selected-hover": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-hover": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-hover": "var(--spectrum-alias-border-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-hover": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-hover": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-hold-icon-color-hover": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-key-focus": "var(--spectrum-global-color-gray-50)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-key-focus": "var(--spectrum-alias-border-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-key-focus": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-key-focus": "var(--spectrum-alias-icon-color-focus)", | ||
"--spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus": "var(--spectrum-alias-icon-color-hover)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-down": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-down": "var(--spectrum-alias-border-color-down)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-down": "var(--spectrum-alias-text-color-down)", | ||
"--spectrum-actionbutton-m-emphasized-hold-icon-color-down": "var(--spectrum-alias-icon-color-down)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-disabled": "var(--spectrum-alias-border-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-disabled": "var(--spectrum-alias-text-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-disabled": "var(--spectrum-alias-icon-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-hold-icon-color-disabled": "var(--spectrum-alias-icon-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-selected": "var(--spectrum-semantic-cta-color-background-default)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-selected": "var(--spectrum-semantic-cta-color-background-default)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-selected": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-selected": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus": "var(--spectrum-semantic-cta-color-background-key-focus)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus": "var(--spectrum-semantic-cta-color-background-key-focus)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-selected-hover": "var(--spectrum-semantic-cta-color-background-hover)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-selected-hover": "var(--spectrum-semantic-cta-color-background-hover)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-selected-hover": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-selected-down": "var(--spectrum-semantic-cta-color-background-down)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-selected-down": "var(--spectrum-semantic-cta-color-background-down)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-selected-down": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-selected-down": "var(--spectrum-global-color-static-white)", | ||
"--spectrum-actionbutton-m-emphasized-background-color-selected-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-emphasized-border-color-selected-disabled": "var(--spectrum-alias-border-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-text-color-selected-disabled": "var(--spectrum-alias-text-color-disabled)", | ||
"--spectrum-actionbutton-m-emphasized-icon-color-selected-disabled": "var(--spectrum-alias-icon-color-disabled)", | ||
"--spectrum-actionbutton-m-quiet-background-color": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-border-color": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color": "var(--spectrum-alias-text-color)", | ||
"--spectrum-actionbutton-m-quiet-background-color-hover": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-border-color-hover": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-hover": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-quiet-background-color-key-focus": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-border-color-key-focus": "var(--spectrum-alias-border-color-focus)", | ||
"--spectrum-actionbutton-m-quiet-text-color-key-focus": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-quiet-background-color-down": "var(--spectrum-global-color-gray-300)", | ||
"--spectrum-actionbutton-m-quiet-border-color-down": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-down": "var(--spectrum-alias-text-color-down)", | ||
"--spectrum-actionbutton-m-quiet-background-color-disabled": "var(--spectrum-alias-background-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-border-color-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-disabled": "var(--spectrum-alias-text-color-disabled)", | ||
"--spectrum-actionbutton-m-quiet-background-color-selected": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-quiet-border-color-selected": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-selected": "var(--spectrum-alias-text-color)", | ||
"--spectrum-actionbutton-m-quiet-background-color-selected-key-focus": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-quiet-border-color-selected-key-focus": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-selected-key-focus": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-quiet-background-color-selected-hover": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-quiet-border-color-selected-hover": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-selected-hover": "var(--spectrum-alias-text-color-hover)", | ||
"--spectrum-actionbutton-m-quiet-background-color-selected-down": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-quiet-border-color-selected-down": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-selected-down": "var(--spectrum-alias-text-color-down)", | ||
"--spectrum-actionbutton-m-quiet-background-color-selected-disabled": "var(--spectrum-global-color-gray-200)", | ||
"--spectrum-actionbutton-m-quiet-border-color-selected-disabled": "var(--spectrum-alias-border-color-transparent)", | ||
"--spectrum-actionbutton-m-quiet-text-color-selected-disabled": "var(--spectrum-alias-text-color-disabled)" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
367854
2971
153
+ Added@spectrum-web-components/button@0.12.0(transitive)
+ Added@spectrum-web-components/shared@0.10.0(transitive)
- Removed@spectrum-web-components/button@0.11.2(transitive)
- Removed@spectrum-web-components/shared@0.9.0(transitive)