@spectrum-web-components/action-button
Advanced tools
Comparing version 0.2.0-alpha.1407 to 0.2.0
@@ -6,2 +6,19 @@ # Change Log | ||
# 0.2.0 (2021-01-21) | ||
### Bug Fixes | ||
- correct specificity of webkit appearance work around ([f0d06bf](https://github.com/adobe/spectrum-web-components/commit/f0d06bf17bbf1d7d2a41a3008373a4b0f4097cf9)) | ||
- update export patterns ([b2da444](https://github.com/adobe/spectrum-web-components/commit/b2da444359b4022ed3f61dedf563b5bacba42103)) | ||
- use icons without "size" values ([3fc7c91](https://github.com/adobe/spectrum-web-components/commit/3fc7c91713793a928082eae15fc3d9dec638a31a)) | ||
- use the "browsers" listing in postcss-preset-env ([4eaf6a2](https://github.com/adobe/spectrum-web-components/commit/4eaf6a28f7b5eaf60487841d264d6d804ae675ce)) | ||
### Features | ||
- apply sizedMixin for t-shirt sizing ([d7b63fb](https://github.com/adobe/spectrum-web-components/commit/d7b63fb0db06b5a8a412fea8370964f4db9d18ae)) | ||
- use SixedMixin to manage "size" property ([8819821](https://github.com/adobe/spectrum-web-components/commit/88198212cb495833ed2e7644f95b43dca915318d)) | ||
- **action-button:** add action button pattern ([03ac00a](https://github.com/adobe/spectrum-web-components/commit/03ac00a710290e6a78340f206d88385a4f8ae8c2)) | ||
- **action-group:** manage "one" and "multiple" selections ([6fad59e](https://github.com/adobe/spectrum-web-components/commit/6fad59e0df1210108fe6b54ab075c0cbd94cae78)) | ||
- **icons-workflow:** vend fully registered icon components ([941f3a4](https://github.com/adobe/spectrum-web-components/commit/941f3a41486fbd49eca0805fb63383f63313e71e)) | ||
# 0.1.0 (2021-01-13) | ||
@@ -8,0 +25,0 @@ |
@@ -21,3 +21,3 @@ { | ||
], | ||
"version": "0.2.0-alpha.1407+47b96fc6", | ||
"version": "0.2.0", | ||
"description": "", | ||
@@ -53,11 +53,11 @@ "main": "src/index.js", | ||
"@spectrum-css/actionbutton": "^1.0.0-beta.1", | ||
"@spectrum-web-components/icon": "^0.7.0-alpha.40+47b96fc6", | ||
"@spectrum-web-components/icons-workflow": "^0.4.0-alpha.40+47b96fc6" | ||
"@spectrum-web-components/icon": "^0.8.0", | ||
"@spectrum-web-components/icons-workflow": "^0.5.0" | ||
}, | ||
"dependencies": { | ||
"@spectrum-web-components/base": "^0.2.0-alpha.40+47b96fc6", | ||
"@spectrum-web-components/button": "^0.10.0-alpha.40+47b96fc6", | ||
"@spectrum-web-components/base": "^0.3.0", | ||
"@spectrum-web-components/button": "^0.11.0", | ||
"tslib": "^2.0.0" | ||
}, | ||
"gitHead": "47b96fc63e9b1cee03ba44793cfcd930488a7a17" | ||
"gitHead": "a5734426f36555951dc10c5740c9044bbd951315" | ||
} |
@@ -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;-moz-user-select:none;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(.spectrum-Dropdown-trigger) #button{text-align:left}::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{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}:host(.spectrum-Dropdown-trigger) #button{text-align:left}::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;-moz-user-select:none;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(.spectrum-Dropdown-trigger) #button{text-align:left}::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{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}:host(.spectrum-Dropdown-trigger) #button{text-align:left}::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; |
@@ -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;-moz-user-select:none;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{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))} | ||
`; | ||
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;-moz-user-select:none;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{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))} | ||
`; | ||
export default styles; |
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
291200
2398
0
+ Added@spectrum-web-components/button@0.11.2(transitive)
+ Added@spectrum-web-components/icon@0.8.3(transitive)
+ Added@spectrum-web-components/icons-ui@0.5.3(transitive)
+ Added@spectrum-web-components/iconset@0.4.3(transitive)
+ Added@spectrum-web-components/shared@0.9.0(transitive)
- Removed@spectrum-web-components/base@0.2.0(transitive)
- Removed@spectrum-web-components/button@0.10.0(transitive)
- Removed@spectrum-web-components/icon@0.7.0(transitive)
- Removed@spectrum-web-components/icons-ui@0.4.0(transitive)
- Removed@spectrum-web-components/iconset@0.3.0(transitive)
- Removed@spectrum-web-components/shared@0.8.0(transitive)
- Removed@spectrum-web-components/styles@0.8.1(transitive)
- Removed@spectrum-web-components/theme@0.7.4(transitive)