Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@spectrum-web-components/action-button
Advanced tools
@spectrum-web-components/action-button - npm Package Compare versions
Comparing version 0.5.10-lit-next.0 to 0.6.0
| { | ||
| "name": "@spectrum-web-components/action-button", | ||
| "version": "0.5.10-lit-next.0+aad74d6ac", | ||
| "version": "0.6.0", | ||
| "publishConfig": { | ||
@@ -47,10 +47,10 @@ "access": "public" | ||
| "dependencies": { | ||
| "@spectrum-web-components/base": "^0.4.6-lit-next.184+aad74d6ac", | ||
| "@spectrum-web-components/button": "^0.14.10-lit-next.0+aad74d6ac", | ||
| "@spectrum-web-components/icon": "^0.9.12-lit-next.47+aad74d6ac", | ||
| "@spectrum-web-components/icons-ui": "^0.6.12-lit-next.47+aad74d6ac", | ||
| "@spectrum-web-components/base": "^0.4.5", | ||
| "@spectrum-web-components/button": "^0.15.0", | ||
| "@spectrum-web-components/icon": "^0.10.0", | ||
| "@spectrum-web-components/icons-ui": "^0.7.0", | ||
| "tslib": "^2.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@spectrum-css/actionbutton": "^1.0.3" | ||
| "@spectrum-css/actionbutton": "^1.0.5" | ||
| }, | ||
@@ -62,3 +62,3 @@ "types": "./src/index.d.ts", | ||
| ], | ||
| "gitHead": "aad74d6ac41d8450aee82d73aaf58ab949b72a00" | ||
| "gitHead": "12d891f3dc85e8de641804d8efc9ca06b7fdee2d" | ||
| } |
@@ -14,502 +14,538 @@ /* | ||
| const styles = css ` | ||
| :host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var( | ||
| :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;font-family:var( | ||
| --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base) | ||
| );justify-content:center;line-height:var(--spectrum-button-line-height);margin:0;overflow:visible;text-decoration:none;text-transform:none;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;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s) | ||
| );justify-content:center;line-height:var( | ||
| --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small) | ||
| );margin:0;overflow:visible;text-decoration:none;text-transform:none;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;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}: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-texticon-border-size:var( | ||
| --spectrum-actionbutton-s-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-s-texticon-icon-gap,var(--spectrum-global-dimension-size-85) | ||
| );--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-s-texticon-padding-left,var(--spectrum-global-dimension-size-85) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-75) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-s-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-s-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-25) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-s-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-25) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-s-textonly-text-size,var(--spectrum-global-dimension-font-size-75) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-s-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-s-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-s-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-s-textonly-height,var(--spectrum-global-dimension-size-300) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-s-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-global-dimension-size-115) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-global-dimension-size-115) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-s-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-global-dimension-size-50) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s) | ||
| --spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-global-dimension-size-50) | ||
| )}:host([size=m]){--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-m-texticon-padding-left | ||
| );--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-m-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-m-texticon-icon-gap,var(--spectrum-global-dimension-size-100) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-100) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-m-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-m-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-m-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-40) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-m-textonly-text-size,var(--spectrum-global-dimension-font-size-100) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-m-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-m-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-m-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-m-textonly-height,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-m-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-global-dimension-size-150) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-global-dimension-size-150) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-m-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s) | ||
| --spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-global-dimension-size-85) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-global-dimension-size-85) | ||
| )}:host([size=l]){--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-l-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-l-texticon-icon-gap,var(--spectrum-global-dimension-size-115) | ||
| );--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-l-texticon-padding-left,var(--spectrum-global-dimension-size-160) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-200) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-l-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-l-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-50) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-l-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-50) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-l-textonly-text-size,var(--spectrum-global-dimension-font-size-200) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-l-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-l-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-l-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-l-textonly-height,var(--spectrum-global-dimension-size-500) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-l-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-global-dimension-size-185) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s) | ||
| --spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-global-dimension-size-185) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-l-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-global-dimension-size-125) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-global-dimension-size-125) | ||
| )}:host([size=xl]){--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-xl-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-xl-texticon-icon-gap,var(--spectrum-global-dimension-size-125) | ||
| );--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-xl-texticon-padding-left,var(--spectrum-global-dimension-size-185) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-300) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-xl-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-xl-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-65) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-xl-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-65) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-xl-textonly-text-size,var(--spectrum-global-dimension-font-size-300) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-xl-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-xl-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-xl-textonly-height,var(--spectrum-global-dimension-size-600) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-xl-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-25 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-25 | ||
| )}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m) | ||
| --spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-global-dimension-size-225) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-40 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-40 | ||
| )}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l) | ||
| --spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-global-dimension-size-225) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-xl-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-50 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-50 | ||
| )}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl) | ||
| --spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-global-dimension-size-160) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-65 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-65 | ||
| )}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var( | ||
| --spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-global-dimension-size-160) | ||
| )}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-texticon-padding-left) - var(--spectrum-actionbutton-texticon-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-textonly-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-textonly-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-icononly-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-icononly-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-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted);padding-right:var( | ||
| --spectrum-actionbutton-textonly-padding-left-adjusted | ||
| )}:host{border-radius:var(--spectrum-actionbutton-border-radius);border-width:var(--spectrum-actionbutton-border-size);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);height:var(--spectrum-actionbutton-height);line-height:var(--spectrum-actionbutton-text-line-height);min-width:var(--spectrum-actionbutton-min-width);position:relative}: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{border-radius:var(--spectrum-actionbutton-textonly-border-radius);border-width:var(--spectrum-actionbutton-textonly-border-size);font-size:var(--spectrum-actionbutton-textonly-text-size);font-weight:var(--spectrum-actionbutton-textonly-text-font-weight);height:var(--spectrum-actionbutton-textonly-height);line-height:var(--spectrum-actionbutton-textonly-text-line-height);min-width:var(--spectrum-actionbutton-textonly-min-width);position:relative}: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-texticon-icon-gap | ||
| )}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var( | ||
| --spectrum-actionbutton-icon-gap | ||
| --spectrum-actionbutton-texticon-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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) #hold-affordance{right:var( | ||
| --spectrum-actionbutton-hold-icon-padding-right | ||
| --spectrum-actionbutton-textonly-hold-icon-padding-right | ||
| )}:host([dir=rtl]) #hold-affordance{left:var( | ||
| --spectrum-actionbutton-hold-icon-padding-right | ||
| )}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom);position:absolute}:host([quiet]){border-radius:var(--spectrum-actionbutton-quiet-border-radius);border-width:var( | ||
| --spectrum-actionbutton-quiet-border-size | ||
| );font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px}:host{background-color:var( | ||
| --spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75) | ||
| --spectrum-actionbutton-textonly-hold-icon-padding-right | ||
| )}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{bottom:var(--spectrum-actionbutton-textonly-hold-icon-padding-bottom);position:absolute}:host([quiet]){border-radius:var(--spectrum-actionbutton-quiet-textonly-border-radius);border-width:var( | ||
| --spectrum-actionbutton-quiet-textonly-border-size | ||
| );font-size:var(--spectrum-actionbutton-quiet-textonly-text-size);font-weight:var(--spectrum-actionbutton-quiet-textonly-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-textonly-border-size-key-focus:1px}:host{background-color:var( | ||
| --spectrum-actionbutton-m-textonly-background-color,var(--spectrum-alias-component-background-color-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color) | ||
| --spectrum-actionbutton-m-textonly-border-color,var(--spectrum-alias-component-border-color-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-textonly-text-color,var(--spectrum-alias-component-text-color-default) | ||
| )}::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-texticon-icon-color,var(--spectrum-alias-component-icon-color-default) | ||
| )}#hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| )}:host(:hover){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-textonly-background-color-hover,var(--spectrum-alias-component-background-color-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-textonly-border-color-hover,var(--spectrum-alias-component-border-color-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-hover,var(--spectrum-alias-component-text-color-hover) | ||
| )}:host(:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-hover,var(--spectrum-alias-component-icon-color-hover) | ||
| )}:host(:hover) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| )}:host(.focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host(:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host(.focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host(:focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host(.focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host(:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host(.focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host(:focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host([active]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-down,var(--spectrum-alias-component-background-color-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down) | ||
| --spectrum-actionbutton-m-textonly-border-color-down,var(--spectrum-alias-component-border-color-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-textonly-text-color-down,var(--spectrum-alias-component-text-color-down) | ||
| )}:host([active]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| )}:host(:disabled),:host([disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-border-color-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-text-color-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-texticon-icon-color-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| )}:host([selected]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected,var(--spectrum-alias-component-background-color-selected-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected,var(--spectrum-alias-component-border-color-selected-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected,var(--spectrum-alias-component-text-color-selected-default) | ||
| )}:host([selected]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-key-focus,var(--spectrum-alias-component-background-color-selected-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([selected]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-key-focus,var(--spectrum-alias-component-background-color-selected-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([selected].focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host([selected]:focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host([selected].focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected]:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-hover,var(--spectrum-alias-component-background-color-selected-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-hover,var(--spectrum-alias-component-border-color-selected-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-selected-hover) | ||
| )}:host([selected]:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-hover,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected][active]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-down,var(--spectrum-alias-component-background-color-selected-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-down,var(--spectrum-alias-component-border-color-selected-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-down,var(--spectrum-alias-component-text-color-selected-down) | ||
| )}:host([selected][active]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-down,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected]:disabled),:host([selected][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host([emphasized]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color,var(--spectrum-alias-component-background-color-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color,var(--spectrum-alias-component-border-color-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color,var(--spectrum-alias-component-text-color-default) | ||
| )}:host([emphasized]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color,var(--spectrum-alias-component-icon-color-default) | ||
| )}:host([emphasized]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| )}:host([emphasized][selected]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected,var(--spectrum-global-color-static-white) | ||
| )}:host([emphasized][selected]:hover) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-emphasized-selected-hover) | ||
| )}:host([emphasized]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-hover,var(--spectrum-alias-component-background-color-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-hover,var(--spectrum-alias-component-border-color-hover) | ||
| );box-shadow:none;color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-hover,var(--spectrum-alias-component-text-color-hover) | ||
| )}:host([emphasized]:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-hover,var(--spectrum-alias-component-icon-color-hover) | ||
| )}:host([emphasized]:hover) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| )}:host([emphasized].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([emphasized]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host([emphasized].focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host([emphasized]:focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host([emphasized][active]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-down,var(--spectrum-alias-component-background-color-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-down,var(--spectrum-alias-component-border-color-down) | ||
| );box-shadow:none;color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-down,var(--spectrum-alias-component-text-color-down) | ||
| )}:host([emphasized][active]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| )}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| )}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-default | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected,var(--spectrum-alias-component-border-color-emphasized-selected-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected,var(--spectrum-alias-component-text-color-emphasized-selected-default) | ||
| )}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected,var(--spectrum-alias-component-icon-color-emphasized-selected-default) | ||
| )}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus,var( | ||
| --spectrum-alias-component-border-color-emphasized-selected-key-focus | ||
| ) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus,var( | ||
| --spectrum-alias-component-border-color-emphasized-selected-key-focus | ||
| ) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-hover | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover,var(--spectrum-alias-component-border-color-emphasized-selected-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-emphasized-selected-hover) | ||
| )}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover,var(--spectrum-alias-component-icon-color-emphasized-selected-hover) | ||
| )}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-down | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down,var(--spectrum-alias-component-border-color-emphasized-selected-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down,var(--spectrum-alias-component-text-color-emphasized-selected-down) | ||
| )}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down,var(--spectrum-alias-component-icon-color-emphasized-selected-down) | ||
| )}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host([quiet]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color,var(--spectrum-alias-component-background-color-quiet-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color,var(--spectrum-alias-component-border-color-quiet-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color,var(--spectrum-alias-component-text-color-default) | ||
| )}:host([quiet]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-hover,var(--spectrum-alias-component-background-color-quiet-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-hover,var(--spectrum-alias-component-border-color-quiet-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-hover,var(--spectrum-alias-component-text-color-hover) | ||
| )}:host([quiet].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-quiet-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([quiet]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-quiet-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([quiet][active]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-down,var(--spectrum-alias-component-background-color-quiet-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-down,var(--spectrum-alias-component-border-color-quiet-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-down,var(--spectrum-alias-component-text-color-down) | ||
| )}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-disabled,var(--spectrum-alias-component-background-color-quiet-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-disabled,var(--spectrum-alias-component-border-color-quiet-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([quiet][selected]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected,var(--spectrum-alias-component-background-color-selected-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected,var(--spectrum-alias-component-border-color-quiet-selected-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected,var(--spectrum-alias-component-text-color-selected-default) | ||
| )}:host([quiet][selected].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-quiet-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-quiet-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([quiet][selected]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-quiet-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-quiet-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([quiet][selected]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover,var(--spectrum-alias-component-background-color-quiet-selected-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover,var(--spectrum-alias-component-border-color-quiet-selected-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-selected-hover) | ||
| )}:host([quiet][selected][active]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-down,var(--spectrum-alias-component-background-color-quiet-selected-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-down,var(--spectrum-alias-component-border-color-quiet-selected-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-down,var(--spectrum-alias-component-text-color-selected-down) | ||
| )}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled,var(--spectrum-alias-component-background-color-selected-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled,var(--spectrum-alias-component-border-color-quiet-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled) | ||
| )}@media (forced-colors:active){:host{--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px;forced-color-adjust:none}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}@media (forced-colors:active){:host{--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;forced-color-adjust:none}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-hover | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-hover | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover | ||
| )}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-down | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-down | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-down | ||
| )}}:host{display:inline-flex;flex-direction:row}:host([disabled]){cursor:auto;pointer-events:none}:host([dir]){-webkit-appearance:none}::slotted([slot=icon]){flex-shrink:0}#button{bottom:0;left:0;position:absolute;right:0;top: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( | ||
@@ -516,0 +552,0 @@ --spectrum-alias-workflow-icon-size-s |
@@ -14,502 +14,538 @@ /* | ||
| const styles = css ` | ||
| :host{--spectrum-button-line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var( | ||
| :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var( | ||
| --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base) | ||
| );justify-content:center;line-height:var(--spectrum-button-line-height);margin:0;overflow:visible;text-decoration:none;text-transform:none;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;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-s-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-s-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-s-quiet-text-size,var(--spectrum-alias-item-text-size-s) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-s-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-s-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-s-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-s-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-s-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-s-text-size,var(--spectrum-alias-item-text-size-s) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-s-height,var(--spectrum-alias-item-height-s) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s) | ||
| );justify-content:center;line-height:var( | ||
| --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small) | ||
| );margin:0;overflow:visible;text-decoration:none;text-transform:none;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;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-s-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-s-texticon-icon-gap,var(--spectrum-global-dimension-size-85) | ||
| );--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-s-texticon-padding-left,var(--spectrum-global-dimension-size-85) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-75) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-s-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-s-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-s-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-25) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-s-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-25) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-s-textonly-text-size,var(--spectrum-global-dimension-font-size-75) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-s-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-s-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-s-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-s-textonly-height,var(--spectrum-global-dimension-size-300) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-s-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-global-dimension-size-115) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-global-dimension-size-115) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-s-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-global-dimension-size-50) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-s) | ||
| --spectrum-actionbutton-s-icononly-padding-left,var(--spectrum-global-dimension-size-50) | ||
| )}:host([size=m]){--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-m-texticon-padding-left | ||
| );--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-m-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-m-texticon-icon-gap,var(--spectrum-global-dimension-size-100) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-100) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-m-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-m-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-m-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-40) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-m-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-40) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-m-textonly-text-size,var(--spectrum-global-dimension-font-size-100) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-m-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-m-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-m-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-m-textonly-height,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-m-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-global-dimension-size-150) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-global-dimension-size-150) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-m-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-s-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-s) | ||
| --spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-global-dimension-size-85) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-global-dimension-size-85) | ||
| )}:host([size=l]){--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-l-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-l-texticon-icon-gap,var(--spectrum-global-dimension-size-115) | ||
| );--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-l-texticon-padding-left,var(--spectrum-global-dimension-size-160) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-200) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-l-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-l-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-l-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-50) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-l-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-50) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-l-textonly-text-size,var(--spectrum-global-dimension-font-size-200) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-l-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-l-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-l-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-l-textonly-height,var(--spectrum-global-dimension-size-500) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-l-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-global-dimension-size-185) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-s-textonly-padding-left,var(--spectrum-alias-item-padding-s) | ||
| --spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-global-dimension-size-185) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-l-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-global-dimension-size-125) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-global-dimension-size-125) | ||
| )}:host([size=xl]){--spectrum-actionbutton-texticon-border-size:var( | ||
| --spectrum-actionbutton-xl-texticon-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-texticon-icon-gap:var( | ||
| --spectrum-actionbutton-xl-texticon-icon-gap,var(--spectrum-global-dimension-size-125) | ||
| );--spectrum-actionbutton-texticon-padding-left:var( | ||
| --spectrum-actionbutton-xl-texticon-padding-left,var(--spectrum-global-dimension-size-185) | ||
| );--spectrum-actionbutton-quiet-textonly-border-size:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-textonly-text-size:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-text-size,var(--spectrum-global-dimension-font-size-300) | ||
| );--spectrum-actionbutton-quiet-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-textonly-border-radius:var( | ||
| --spectrum-actionbutton-xl-quiet-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-border-size:var( | ||
| --spectrum-actionbutton-xl-textonly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-bottom:var( | ||
| --spectrum-actionbutton-xl-textonly-hold-icon-padding-bottom,var(--spectrum-global-dimension-size-65) | ||
| );--spectrum-actionbutton-textonly-hold-icon-padding-right:var( | ||
| --spectrum-actionbutton-xl-textonly-hold-icon-padding-right,var(--spectrum-global-dimension-size-65) | ||
| );--spectrum-actionbutton-textonly-text-size:var( | ||
| --spectrum-actionbutton-xl-textonly-text-size,var(--spectrum-global-dimension-font-size-300) | ||
| );--spectrum-actionbutton-textonly-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-textonly-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-textonly-text-line-height:var( | ||
| --spectrum-actionbutton-xl-textonly-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-textonly-min-width:var( | ||
| --spectrum-actionbutton-xl-textonly-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-textonly-height:var( | ||
| --spectrum-actionbutton-xl-textonly-height,var(--spectrum-global-dimension-size-600) | ||
| );--spectrum-actionbutton-textonly-border-radius:var( | ||
| --spectrum-actionbutton-xl-textonly-border-radius,var(--spectrum-alias-component-border-radius) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-s-textonly-padding-right,var(--spectrum-alias-item-padding-s) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-25 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-25 | ||
| )}:host([size=m]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-m-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-m-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-m-quiet-text-size,var(--spectrum-alias-item-text-size-m) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-m-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-m-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-m-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-m-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-m-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-m-text-size,var(--spectrum-alias-item-text-size-m) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-m-height,var(--spectrum-alias-item-height-m) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-m-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-m) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-m-padding-left,var(--spectrum-alias-item-workflow-padding-left-m) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-m-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-m) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-m-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-m) | ||
| --spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-global-dimension-size-225) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-m-textonly-padding-left,var(--spectrum-alias-item-padding-m) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-m-textonly-padding-right,var(--spectrum-alias-item-padding-m) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-40 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-40 | ||
| )}:host([size=l]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-l-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-l-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-l-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-l-quiet-text-size,var(--spectrum-alias-item-text-size-l) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-l-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-l-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-l-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-l-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-l-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-l-text-size,var(--spectrum-alias-item-text-size-l) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-l-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-l-height,var(--spectrum-alias-item-height-l) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-l-padding-left,var(--spectrum-alias-item-workflow-padding-left-l) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-l-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-l) | ||
| --spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-global-dimension-size-225) | ||
| );--spectrum-actionbutton-icononly-border-size:var( | ||
| --spectrum-actionbutton-xl-icononly-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-l-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-l) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-l-textonly-padding-left,var(--spectrum-alias-item-padding-l) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-l-textonly-padding-right,var(--spectrum-alias-item-padding-l) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-50 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-50 | ||
| )}:host([size=xl]){--spectrum-actionbutton-quiet-border-size:var( | ||
| --spectrum-actionbutton-xl-quiet-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-quiet-border-radius:var( | ||
| --spectrum-actionbutton-xl-quiet-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-quiet-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-quiet-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-quiet-text-size:var( | ||
| --spectrum-actionbutton-xl-quiet-text-size,var(--spectrum-alias-item-text-size-xl) | ||
| );--spectrum-actionbutton-border-size:var( | ||
| --spectrum-actionbutton-xl-border-size,var(--spectrum-alias-border-size-thin) | ||
| );--spectrum-actionbutton-border-radius:var( | ||
| --spectrum-actionbutton-xl-border-radius,var(--spectrum-alias-border-radius-regular) | ||
| );--spectrum-actionbutton-min-width:var( | ||
| --spectrum-actionbutton-xl-min-width,var(--spectrum-global-dimension-size-400) | ||
| );--spectrum-actionbutton-text-font-weight:var( | ||
| --spectrum-actionbutton-xl-text-font-weight,var(--spectrum-alias-body-text-font-weight) | ||
| );--spectrum-actionbutton-text-line-height:var( | ||
| --spectrum-actionbutton-xl-text-line-height,var(--spectrum-alias-component-text-line-height) | ||
| );--spectrum-actionbutton-icon-gap:var( | ||
| --spectrum-actionbutton-xl-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-l) | ||
| );--spectrum-actionbutton-text-size:var( | ||
| --spectrum-actionbutton-xl-text-size,var(--spectrum-alias-item-text-size-xl) | ||
| );--spectrum-actionbutton-height:var( | ||
| --spectrum-actionbutton-xl-height,var(--spectrum-alias-item-height-xl) | ||
| );--spectrum-actionbutton-padding-left:var( | ||
| --spectrum-actionbutton-xl-padding-left,var(--spectrum-alias-item-workflow-padding-left-xl) | ||
| --spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-global-dimension-size-160) | ||
| );--spectrum-actionbutton-icononly-padding-left:var( | ||
| --spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-alias-item-icononly-padding-xl) | ||
| );--spectrum-actionbutton-icononly-padding-right:var( | ||
| --spectrum-actionbutton-xl-icononly-padding-right,var(--spectrum-alias-item-icononly-padding-xl) | ||
| );--spectrum-actionbutton-textonly-padding-left:var( | ||
| --spectrum-actionbutton-xl-textonly-padding-left,var(--spectrum-alias-item-padding-xl) | ||
| );--spectrum-actionbutton-textonly-padding-right:var( | ||
| --spectrum-actionbutton-xl-textonly-padding-right,var(--spectrum-alias-item-padding-xl) | ||
| );--spectrum-actionbutton-hold-icon-padding-bottom:var( | ||
| --spectrum-global-dimension-size-65 | ||
| );--spectrum-actionbutton-hold-icon-padding-right:var( | ||
| --spectrum-global-dimension-size-65 | ||
| )}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-border-size))}:host([dir=ltr]){padding-left:var( | ||
| --spectrum-actionbutton-xl-icononly-padding-left,var(--spectrum-global-dimension-size-160) | ||
| )}:host{--spectrum-actionbutton-padding-left-adjusted:calc(var(--spectrum-actionbutton-texticon-padding-left) - var(--spectrum-actionbutton-texticon-border-size));--spectrum-actionbutton-textonly-padding-left-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-textonly-border-size));--spectrum-actionbutton-textonly-padding-right-adjusted:calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-textonly-border-size));--spectrum-actionbutton-icononly-padding-left-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-icononly-border-size));--spectrum-actionbutton-icononly-padding-right-adjusted:calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-icononly-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-left:var(--spectrum-actionbutton-textonly-padding-right-adjusted);padding-right:var( | ||
| --spectrum-actionbutton-textonly-padding-left-adjusted | ||
| )}:host{border-radius:var(--spectrum-actionbutton-border-radius);border-width:var(--spectrum-actionbutton-border-size);font-size:var(--spectrum-actionbutton-text-size);font-weight:var(--spectrum-actionbutton-text-font-weight);height:var(--spectrum-actionbutton-height);line-height:var(--spectrum-actionbutton-text-line-height);min-width:var(--spectrum-actionbutton-min-width);position:relative}: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{border-radius:var(--spectrum-actionbutton-textonly-border-radius);border-width:var(--spectrum-actionbutton-textonly-border-size);font-size:var(--spectrum-actionbutton-textonly-text-size);font-weight:var(--spectrum-actionbutton-textonly-text-font-weight);height:var(--spectrum-actionbutton-textonly-height);line-height:var(--spectrum-actionbutton-textonly-text-line-height);min-width:var(--spectrum-actionbutton-textonly-min-width);position:relative}: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-texticon-icon-gap | ||
| )}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var( | ||
| --spectrum-actionbutton-icon-gap | ||
| --spectrum-actionbutton-texticon-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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) #hold-affordance{right:var( | ||
| --spectrum-actionbutton-hold-icon-padding-right | ||
| --spectrum-actionbutton-textonly-hold-icon-padding-right | ||
| )}:host([dir=rtl]) #hold-affordance{left:var( | ||
| --spectrum-actionbutton-hold-icon-padding-right | ||
| )}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{bottom:var(--spectrum-actionbutton-hold-icon-padding-bottom);position:absolute}:host([quiet]){border-radius:var(--spectrum-actionbutton-quiet-border-radius);border-width:var( | ||
| --spectrum-actionbutton-quiet-border-size | ||
| );font-size:var(--spectrum-actionbutton-quiet-text-size);font-weight:var(--spectrum-actionbutton-quiet-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-border-size-key-focus:1px}:host{background-color:var( | ||
| --spectrum-actionbutton-m-background-color,var(--spectrum-global-color-gray-75) | ||
| --spectrum-actionbutton-textonly-hold-icon-padding-right | ||
| )}:host([dir=rtl]) #hold-affordance{transform:matrix(-1,0,0,1,0,0)}#hold-affordance{bottom:var(--spectrum-actionbutton-textonly-hold-icon-padding-bottom);position:absolute}:host([quiet]){border-radius:var(--spectrum-actionbutton-quiet-textonly-border-radius);border-width:var( | ||
| --spectrum-actionbutton-quiet-textonly-border-size | ||
| );font-size:var(--spectrum-actionbutton-quiet-textonly-text-size);font-weight:var(--spectrum-actionbutton-quiet-textonly-text-font-weight)}:host{--spectrum-actionbutton-m-quiet-textonly-border-size-key-focus:1px}:host{background-color:var( | ||
| --spectrum-actionbutton-m-textonly-background-color,var(--spectrum-alias-component-background-color-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color,var(--spectrum-alias-border-color) | ||
| --spectrum-actionbutton-m-textonly-border-color,var(--spectrum-alias-component-border-color-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-textonly-text-color,var(--spectrum-alias-component-text-color-default) | ||
| )}::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-texticon-icon-color,var(--spectrum-alias-component-icon-color-default) | ||
| )}#hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| )}:host(:hover){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-hover,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-textonly-background-color-hover,var(--spectrum-alias-component-background-color-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-hover,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-textonly-border-color-hover,var(--spectrum-alias-component-border-color-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-hover,var(--spectrum-alias-component-text-color-hover) | ||
| )}:host(:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-hover,var(--spectrum-alias-component-icon-color-hover) | ||
| )}:host(:hover) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| )}:host(.focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host(:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host(.focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host(:focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host(.focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host(:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host(.focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host(:focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host([active]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-down,var(--spectrum-alias-component-background-color-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-down,var(--spectrum-alias-border-color-down) | ||
| --spectrum-actionbutton-m-textonly-border-color-down,var(--spectrum-alias-component-border-color-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-textonly-text-color-down,var(--spectrum-alias-component-text-color-down) | ||
| )}:host([active]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| )}:host(:disabled),:host([disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-border-color-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-text-color-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host(:disabled) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-texticon-icon-color-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host(:disabled) #hold-affordance,:host([disabled]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| )}:host([selected]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected,var(--spectrum-alias-component-background-color-selected-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected,var(--spectrum-alias-border-color) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected,var(--spectrum-alias-component-border-color-selected-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected,var(--spectrum-alias-component-text-color-selected-default) | ||
| )}:host([selected]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-key-focus,var(--spectrum-alias-component-background-color-selected-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([selected]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-key-focus,var(--spectrum-alias-component-background-color-selected-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([selected].focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host([selected]:focus-visible[active]){border-color:var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| )}:host([selected].focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected]:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-hover,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-hover,var(--spectrum-alias-component-background-color-selected-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-hover,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-hover,var(--spectrum-alias-component-border-color-selected-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-selected-hover) | ||
| )}:host([selected]:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-hover,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected][active]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-down,var(--spectrum-alias-component-background-color-selected-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-down,var(--spectrum-alias-border-color-down) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-down,var(--spectrum-alias-component-border-color-selected-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-down,var(--spectrum-alias-component-text-color-selected-down) | ||
| )}:host([selected][active]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-down,var(--spectrum-alias-icon-color-down) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-down,var(--spectrum-alias-component-icon-color-selected) | ||
| )}:host([selected]:disabled),:host([selected][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-background-color-selected-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-textonly-background-color-selected-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-border-color-selected-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-textonly-text-color-selected-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([selected]:disabled) ::slotted([slot=icon]),:host([selected][disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-texticon-icon-color-selected-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host([emphasized]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color,var(--spectrum-global-color-gray-75) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color,var(--spectrum-alias-component-background-color-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color,var(--spectrum-alias-border-color) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color,var(--spectrum-alias-component-border-color-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color,var(--spectrum-alias-component-text-color-default) | ||
| )}:host([emphasized]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color,var(--spectrum-alias-component-icon-color-default) | ||
| )}:host([emphasized]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color,var(--spectrum-alias-icon-color) | ||
| )}:host([emphasized][selected]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-selected,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected,var(--spectrum-global-color-static-white) | ||
| )}:host([emphasized][selected]:hover) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-emphasized-selected-hover) | ||
| )}:host([emphasized]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-hover,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-hover,var(--spectrum-alias-component-background-color-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-hover,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-hover,var(--spectrum-alias-component-border-color-hover) | ||
| );box-shadow:none;color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-hover,var(--spectrum-alias-component-text-color-hover) | ||
| )}:host([emphasized]:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-hover,var(--spectrum-alias-component-icon-color-hover) | ||
| )}:host([emphasized]:hover) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-hover,var(--spectrum-alias-icon-color-hover) | ||
| )}:host([emphasized].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([emphasized]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-key-focus,var(--spectrum-global-color-gray-50) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-key-focus,var(--spectrum-alias-border-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([emphasized].focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host([emphasized]:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-key-focus,var(--spectrum-alias-icon-color-focus) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus) | ||
| )}:host([emphasized].focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host([emphasized]:focus-visible) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus) | ||
| )}:host([emphasized][active]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-down,var(--spectrum-alias-component-background-color-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-down,var(--spectrum-alias-border-color-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-down,var(--spectrum-alias-component-border-color-down) | ||
| );box-shadow:none;color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-down,var(--spectrum-alias-component-text-color-down) | ||
| )}:host([emphasized][active]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-down,var(--spectrum-alias-icon-color-down) | ||
| )}:host([emphasized]:disabled),:host([emphasized][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([emphasized]:disabled) ::slotted([slot=icon]),:host([emphasized][disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host([emphasized]:disabled) #hold-affordance,:host([emphasized][disabled]) #hold-affordance{color:var( | ||
| --spectrum-actionbutton-m-emphasized-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| )}:host([emphasized][quiet][selected]),:host([emphasized][selected]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected,var(--spectrum-semantic-cta-color-background-default) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-default | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected,var(--spectrum-semantic-cta-color-background-default) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected,var(--spectrum-alias-component-border-color-emphasized-selected-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected,var(--spectrum-alias-component-text-color-emphasized-selected-default) | ||
| )}:host([emphasized][quiet][selected]) ::slotted([slot=icon]),:host([emphasized][selected]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected,var(--spectrum-alias-component-icon-color-emphasized-selected-default) | ||
| )}:host([emphasized][quiet][selected].focus-visible),:host([emphasized][selected].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus,var( | ||
| --spectrum-alias-component-border-color-emphasized-selected-key-focus | ||
| ) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected]:focus-visible),:host([emphasized][selected]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-key-focus,var(--spectrum-semantic-cta-color-background-key-focus) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus,var( | ||
| --spectrum-alias-component-border-color-emphasized-selected-key-focus | ||
| ) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected].focus-visible) ::slotted([slot=icon]),:host([emphasized][selected].focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected]:focus-visible) ::slotted([slot=icon]),:host([emphasized][selected]:focus-visible) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-key-focus,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus,var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus) | ||
| )}:host([emphasized][quiet][selected]:hover),:host([emphasized][selected]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-hover | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover,var(--spectrum-alias-component-border-color-emphasized-selected-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-emphasized-selected-hover) | ||
| )}:host([emphasized][quiet][selected]:hover) ::slotted([slot=icon]),:host([emphasized][selected]:hover) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover,var(--spectrum-alias-component-icon-color-emphasized-selected-hover) | ||
| )}:host([emphasized][quiet][selected][active]),:host([emphasized][selected][active]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down,var( | ||
| --spectrum-alias-component-background-color-emphasized-selected-down | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down,var(--spectrum-alias-component-border-color-emphasized-selected-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down,var(--spectrum-alias-component-text-color-emphasized-selected-down) | ||
| )}:host([emphasized][quiet][selected][active]) ::slotted([slot=icon]),:host([emphasized][selected][active]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-down,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down,var(--spectrum-alias-component-icon-color-emphasized-selected-down) | ||
| )}:host([emphasized][quiet][selected]:disabled),:host([emphasized][quiet][selected][disabled]),:host([emphasized][selected]:disabled),:host([emphasized][selected][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled,var(--spectrum-alias-component-background-color-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-disabled,var(--spectrum-alias-border-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled,var(--spectrum-alias-component-border-color-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([emphasized][quiet][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][quiet][selected][disabled]) ::slotted([slot=icon]),:host([emphasized][selected]:disabled) ::slotted([slot=icon]),:host([emphasized][selected][disabled]) ::slotted([slot=icon]){color:var( | ||
| --spectrum-actionbutton-m-emphasized-icon-color-selected-disabled,var(--spectrum-alias-icon-color-disabled) | ||
| --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled,var(--spectrum-alias-component-icon-color-disabled) | ||
| )}:host([quiet]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color,var(--spectrum-alias-component-background-color-quiet-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color,var(--spectrum-alias-component-border-color-quiet-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color,var(--spectrum-alias-component-text-color-default) | ||
| )}:host([quiet]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-hover,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-hover,var(--spectrum-alias-component-background-color-quiet-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-hover,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-hover,var(--spectrum-alias-component-border-color-quiet-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-hover,var(--spectrum-alias-component-text-color-hover) | ||
| )}:host([quiet].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-quiet-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([quiet]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-key-focus,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus,var(--spectrum-alias-component-background-color-quiet-key-focus) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );box-shadow:0 0 0 var( | ||
| --spectrum-actionbutton-m-quiet-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus,var(--spectrum-alias-border-size-thick) | ||
| ) var( | ||
| --spectrum-actionbutton-m-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus,var(--spectrum-alias-component-border-color-quiet-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus) | ||
| )}:host([quiet][active]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-down,var(--spectrum-global-color-gray-300) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-down,var(--spectrum-alias-component-background-color-quiet-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-down,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-down,var(--spectrum-alias-component-border-color-quiet-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-down,var(--spectrum-alias-component-text-color-down) | ||
| )}:host([quiet]:disabled),:host([quiet][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-disabled,var(--spectrum-alias-component-background-color-quiet-disabled) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-disabled,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-disabled,var(--spectrum-alias-component-border-color-quiet-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-disabled,var(--spectrum-alias-text-color-disabled) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}:host([quiet][selected]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected,var(--spectrum-alias-component-background-color-selected-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected,var(--spectrum-alias-component-border-color-quiet-selected-default) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected,var(--spectrum-alias-text-color) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected,var(--spectrum-alias-component-text-color-selected-default) | ||
| )}:host([quiet][selected].focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-quiet-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-quiet-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([quiet][selected]:focus-visible){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-key-focus,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus,var( | ||
| --spectrum-alias-component-background-color-quiet-selected-key-focus | ||
| ) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-key-focus,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus,var(--spectrum-alias-component-border-color-quiet-selected-key-focus) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-key-focus,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus,var(--spectrum-alias-component-text-color-selected-key-focus) | ||
| )}:host([quiet][selected]:hover){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-hover,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover,var(--spectrum-alias-component-background-color-quiet-selected-hover) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-hover,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover,var(--spectrum-alias-component-border-color-quiet-selected-hover) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-hover,var(--spectrum-alias-text-color-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover,var(--spectrum-alias-component-text-color-selected-hover) | ||
| )}:host([quiet][selected][active]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-down,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-down,var(--spectrum-alias-component-background-color-quiet-selected-down) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-down,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-down,var(--spectrum-alias-component-border-color-quiet-selected-down) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-down,var(--spectrum-alias-text-color-down) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-down,var(--spectrum-alias-component-text-color-selected-down) | ||
| )}:host([quiet][selected]:disabled),:host([quiet][selected][disabled]){background-color:var( | ||
| --spectrum-actionbutton-m-quiet-background-color-selected-disabled,var(--spectrum-global-color-gray-200) | ||
| --spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled,var(--spectrum-alias-component-background-color-selected-default) | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-quiet-border-color-selected-disabled,var(--spectrum-alias-border-color-transparent) | ||
| --spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled,var(--spectrum-alias-component-border-color-quiet-disabled) | ||
| );color:var( | ||
| --spectrum-actionbutton-m-quiet-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled) | ||
| )}@media (forced-colors:active){:host{--spectrum-actionbutton-m-background-color:ButtonFace;--spectrum-actionbutton-m-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-down:ButtonFace;--spectrum-actionbutton-m-background-color-hover:ButtonFace;--spectrum-actionbutton-m-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-background-color-selected:Highlight;--spectrum-actionbutton-m-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-background-color-selected-down:Highlight;--spectrum-actionbutton-m-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-border-color:ButtonText;--spectrum-actionbutton-m-border-color-disabled:GrayText;--spectrum-actionbutton-m-border-color-down:Highlight;--spectrum-actionbutton-m-border-color-hover:Highlight;--spectrum-actionbutton-m-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-border-color-selected:HighlightText;--spectrum-actionbutton-m-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-background-color:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-emphasized-border-color:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-border-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-emphasized-text-color-selected:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-background-color:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-down:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-hover:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-key-focus:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-background-color-selected-down:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-quiet-background-color-selected-key-focus:Highlight;--spectrum-actionbutton-m-quiet-border-color:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-down:Highlight;--spectrum-actionbutton-m-quiet-border-color-hover:Highlight;--spectrum-actionbutton-m-quiet-border-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-border-color-selected:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-disabled:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-down:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-hover:ButtonFace;--spectrum-actionbutton-m-quiet-border-color-selected-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color:ButtonText;--spectrum-actionbutton-m-quiet-text-color-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-down:ButtonText;--spectrum-actionbutton-m-quiet-text-color-hover:ButtonText;--spectrum-actionbutton-m-quiet-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-quiet-text-color-selected:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-quiet-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-quiet-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-text-color:ButtonText;--spectrum-actionbutton-m-text-color-disabled:GrayText;--spectrum-actionbutton-m-text-color-down:ButtonText;--spectrum-actionbutton-m-text-color-hover:ButtonText;--spectrum-actionbutton-m-text-color-key-focus:ButtonText;--spectrum-actionbutton-m-text-color-selected:HighlightText;--spectrum-actionbutton-m-text-color-selected-disabled:GrayText;--spectrum-actionbutton-m-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-text-color-selected-hover:HighlightText;--spectrum-actionbutton-m-text-color-selected-key-focus:HighlightText;--spectrum-actionbutton-m-quiet-border-size-key-focus:3px;forced-color-adjust:none}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled,var(--spectrum-alias-component-text-color-disabled) | ||
| )}@media (forced-colors:active){:host{--spectrum-actionbutton-m-emphasized-background-color-selected-down:Highlight;--spectrum-actionbutton-m-emphasized-background-color-selected-hover:Highlight;--spectrum-actionbutton-m-emphasized-border-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-border-color-selected-hover:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-down:HighlightText;--spectrum-actionbutton-m-emphasized-text-color-selected-hover:HighlightText;forced-color-adjust:none}:host([quiet][emphasized]:not(:disabled,[disabled]):hover){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-hover | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-hover,var(--spectrum-semantic-cta-color-background-hover) | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-hover | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-hover | ||
| )}:host([quiet][emphasized]:not(:disabled,[disabled])[active]){background-color:var( | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-background-color-selected-down | ||
| );border-color:var( | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-down,var(--spectrum-semantic-cta-color-background-down) | ||
| --spectrum-actionbutton-m-emphasized-border-color-selected-down | ||
| );color:var( | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-down,var(--spectrum-global-color-static-white) | ||
| --spectrum-actionbutton-m-emphasized-text-color-selected-down | ||
| )}} | ||
@@ -516,0 +552,0 @@ `; |
@@ -13,3 +13,3 @@ /* | ||
| import { html } from '@spectrum-web-components/base'; | ||
| import { spreadProps } from '../../../test/lit-helpers.js'; | ||
| import { spreadProps } from '@open-wc/lit-helpers'; | ||
| import '@spectrum-web-components/action-group'; | ||
@@ -69,3 +69,3 @@ import '@spectrum-web-components/icon/sp-icon.js'; | ||
| return html ` | ||
| <sp-action-button ${spreadProps(args)}> | ||
| <sp-action-button ...=${spreadProps(args)}> | ||
| <sp-icon-edit slot="icon"></sp-icon-edit> | ||
@@ -81,3 +81,3 @@ This is an action button | ||
| return html ` | ||
| <sp-action-button label="Edit" ${spreadProps(args)}> | ||
| <sp-action-button label="Edit" ...=${spreadProps(args)}> | ||
| <sp-icon-edit slot="icon"></sp-icon-edit> | ||
@@ -84,0 +84,0 @@ </sp-action-button> |
Sorry, the diff of this file is too big to display
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
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by1.63%
368487
- Lines of code
- increased by1.47%
2422
- Number of medium supply chain risk alerts
- decreased by-100%
0
Dependency changes
+ Added@spectrum-web-components/button@0.15.1(transitive)
+ Added@spectrum-web-components/icon@0.10.1(transitive)
+ Added@spectrum-web-components/icons-ui@0.7.1(transitive)
- Removed@spectrum-web-components/button@0.14.10-lit-next.0(transitive)
- Removed@spectrum-web-components/icon@0.9.12-lit-next.47(transitive)
- Removed@spectrum-web-components/icons-ui@0.6.12-lit-next.47(transitive)