@spectrum-web-components/button
Advanced tools
Comparing version 0.41.1 to 0.41.2
| { | ||
| "name": "@spectrum-web-components/button", | ||
| "version": "0.41.1", | ||
| "version": "0.41.2", | ||
| "publishConfig": { | ||
@@ -85,11 +85,12 @@ "access": "public" | ||
| "dependencies": { | ||
| "@spectrum-web-components/base": "^0.41.1", | ||
| "@spectrum-web-components/clear-button": "^0.41.1", | ||
| "@spectrum-web-components/close-button": "^0.41.1", | ||
| "@spectrum-web-components/icon": "^0.41.1", | ||
| "@spectrum-web-components/icons-ui": "^0.41.1", | ||
| "@spectrum-web-components/shared": "^0.41.1" | ||
| "@spectrum-web-components/base": "^0.41.2", | ||
| "@spectrum-web-components/clear-button": "^0.41.2", | ||
| "@spectrum-web-components/close-button": "^0.41.2", | ||
| "@spectrum-web-components/icon": "^0.41.2", | ||
| "@spectrum-web-components/icons-ui": "^0.41.2", | ||
| "@spectrum-web-components/progress-circle": "^0.41.2", | ||
| "@spectrum-web-components/shared": "^0.41.2" | ||
| }, | ||
| "devDependencies": { | ||
| "@spectrum-css/button": "^11.2.1" | ||
| "@spectrum-css/button": "^12.0.1" | ||
| }, | ||
@@ -102,3 +103,3 @@ "types": "./src/index.d.ts", | ||
| ], | ||
| "gitHead": "1eded35d98d01973b40990486b86840ba464a2da" | ||
| "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87" | ||
| } |
| "use strict"; | ||
| import { css } from "@spectrum-web-components/base"; | ||
| const styles = css` | ||
| :host{display:inline-flex;vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([dir]){-webkit-appearance:none}:host([disabled]){cursor:auto;pointer-events:none}#button{inset:0;position:absolute}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}slot[name=icon]::slotted(img),slot[name=icon]::slotted(svg){fill:currentcolor;stroke:currentcolor;block-size:var( | ||
| --spectrum-icon-size,var(--spectrum-workflow-icon-size-100) | ||
| );inline-size:var( | ||
| --spectrum-icon-size,var(--spectrum-workflow-icon-size-100) | ||
| )}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)} | ||
| :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=button-base.css.dev.js.map |
| "use strict";import{css as s}from"@spectrum-web-components/base";const e=s` | ||
| :host{display:inline-flex;vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([dir]){-webkit-appearance:none}:host([disabled]){cursor:auto;pointer-events:none}#button{inset:0;position:absolute}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}slot[name=icon]::slotted(img),slot[name=icon]::slotted(svg){fill:currentcolor;stroke:currentcolor;block-size:var( | ||
| --spectrum-icon-size,var(--spectrum-workflow-icon-size-100) | ||
| );inline-size:var( | ||
| --spectrum-icon-size,var(--spectrum-workflow-icon-size-100) | ||
| )}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)} | ||
| :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)} | ||
| `;export default e; | ||
| //# sourceMappingURL=button-base.css.js.map |
| "use strict"; | ||
| import { css } from "@spectrum-web-components/base"; | ||
| const styles = css` | ||
| :host{-webkit-appearance:button;box-sizing:border-box;cursor:pointer;font-family:var( | ||
| --mod-button-font-family,var( | ||
| --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack) | ||
| ) | ||
| );line-height:var( | ||
| --mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)) | ||
| );text-transform:none;transition:background var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,border-color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,box-shadow var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:inline-flex;justify-content:center;margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var( | ||
| --mod-button-focus-indicator-gap, | ||
| var( | ||
| --mod-focus-indicator-gap, | ||
| var(--spectrum-focus-indicator-gap) | ||
| ) | ||
| ) * -1);transition:opacity var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out,margin var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var( | ||
| --spectrum-animation-duration-100 | ||
| );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var( | ||
| --spectrum-focus-indicator-thickness | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --spectrum-focus-indicator-color | ||
| )}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-75 | ||
| );--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-75 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-small | ||
| )}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-100 | ||
| );--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-100 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-medium | ||
| )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-200 | ||
| );--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-200 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-large | ||
| )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-300 | ||
| );--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-300 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var( | ||
| --spectrum-button-top-to-text-extra-large | ||
| );--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-extra-large | ||
| )}:host{border-radius:var( | ||
| --mod-button-border-radius,var(--spectrum-button-border-radius) | ||
| );border-style:solid;border-width:var( | ||
| --mod-button-border-width,var(--spectrum-button-border-width) | ||
| );color:inherit;font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var( | ||
| --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon) | ||
| );margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var( | ||
| --mod-button-min-width,var(--spectrum-button-min-width) | ||
| );padding-block:0;padding-inline:var( | ||
| --mod-button-edge-to-text,var(--spectrum-button-edge-to-text) | ||
| );position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var( | ||
| --mod-button-edge-to-visual-only, | ||
| var(--spectrum-button-edge-to-visual-only) | ||
| ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var( | ||
| --mod-button-line-height,var(--spectrum-button-line-height) | ||
| );padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host{transition:border-color var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host:after{border-radius:var( | ||
| --mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius) | ||
| );content:"";inset:0;margin:calc((var( | ||
| --mod-button-focus-ring-gap, | ||
| var(--spectrum-button-focus-ring-gap) | ||
| ) + var( | ||
| --mod-button-border-width, | ||
| var(--spectrum-button-border-width) | ||
| ))*-1);pointer-events:none;position:absolute;transition:box-shadow var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host{background-color:var( | ||
| --highcontrast-button-background-color-default,var( | ||
| --mod-button-background-color-default,var(--spectrum-button-background-color-default) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-default,var( | ||
| --mod-button-border-color-default,var(--spectrum-button-border-color-default) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-default,var( | ||
| --mod-button-content-color-default,var(--spectrum-button-content-color-default) | ||
| ) | ||
| )}@media (hover:hover){:host(:hover){background-color:var( | ||
| --highcontrast-button-background-color-hover,var( | ||
| --mod-button-background-color-hover,var(--spectrum-button-background-color-hover) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-hover,var( | ||
| --mod-button-border-color-hover,var(--spectrum-button-border-color-hover) | ||
| ) | ||
| );box-shadow:none;color:var( | ||
| --highcontrast-button-content-color-hover,var( | ||
| --mod-button-content-color-hover,var(--spectrum-button-content-color-hover) | ||
| ) | ||
| )}}:host(.focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host(:focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host([active]){background-color:var( | ||
| --highcontrast-button-background-color-down,var( | ||
| --mod-button-background-color-down,var(--spectrum-button-background-color-down) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-down,var( | ||
| --mod-button-border-color-down,var(--spectrum-button-border-color-down) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-down,var( | ||
| --mod-button-content-color-down,var(--spectrum-button-content-color-down) | ||
| ) | ||
| )}:host .is-disabled,:host([disabled]){background-color:var( | ||
| --highcontrast-button-background-color-disabled,var( | ||
| --mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-disabled,var( | ||
| --mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-disabled,var( | ||
| --mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled) | ||
| ) | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=black]),:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
| )}:host{--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-content-color-disabled | ||
| )}:host([variant=accent]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-content-color-disabled | ||
| )}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-content-color-disabled | ||
| )}:host([variant=negative]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-content-color-disabled | ||
| )}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-content-color-disabled | ||
| )}:host([variant=primary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-content-color-disabled | ||
| )}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-content-color-disabled | ||
| )}:host([variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-content-color-disabled | ||
| )}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-content-color-disabled | ||
| )}:host([quiet]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-quiet-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-quiet-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-quiet-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-quiet-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-quiet-border-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-quiet-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-quiet-border-color-disabled | ||
| )}:host([selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-selected-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-selected-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-selected-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-selected-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-selected-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-selected-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-selected-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-selected-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-selected-border-color-disabled | ||
| )}:host([selected][emphasized]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-focus | ||
| )}:host([static=black][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-disabled | ||
| )}:host([static=white][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-disabled | ||
| )}:host([static=white]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-content-color-disabled | ||
| )}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-disabled | ||
| )}:host([static=white][selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default) | ||
| );--spectrum-button-content-color-hover:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover) | ||
| );--spectrum-button-content-color-down:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down) | ||
| );--spectrum-button-content-color-focus:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus) | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-border-color-disabled | ||
| )}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-disabled | ||
| )}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled | ||
| )}:host([static=black]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-content-color-disabled | ||
| )}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-disabled | ||
| )}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-disabled | ||
| )}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-disabled | ||
| )}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var( | ||
| --highcontrast-button-background-color-disabled,var( | ||
| --mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-disabled,var( | ||
| --mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-disabled,var( | ||
| --mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled) | ||
| ) | ||
| )}}:host([pending]:not([disabled])){animation:update-pending-button-styles 0s var(--pending-delay,1s) forwards;cursor:default;pointer-events:none}sp-progress-circle{display:block;left:50%;position:absolute;transform:translate(-50%);visibility:hidden}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s) forwards}:host([pending]:not([disabled])) #label,:host([pending]:not([disabled])) slot[name=icon]{animation:hide-icons-label 0s var(--pending-delay,1s) forwards} | ||
| :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-style:solid;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host .is-disabled{cursor:default}:host:after{content:"";margin:calc(var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-100);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([pending]),:host([pending]){--mod-button-edge-to-visual-only:calc(1px + var(--spectrum-button-edge-to-visual-only))}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-200);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=l][pending]),:host([size=l][pending]){--mod-button-edge-to-visual-only:calc(2px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-300);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xl][pending]) .spectrum--medium,:host([size=xl][pending]) .spectrum--medium{--mod-button-edge-to-visual-only:calc(3px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl][pending]) .spectrum--large,:host([size=xl][pending]) .spectrum--large{--mod-button-edge-to-visual-only:calc(4px + var(--spectrum-button-edge-to-visual-only))}:host{border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:var(--mod-button-margin-block);border-style:solid;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)))}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host([active]){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host([disabled]),:host .is-disabled,:host([pending]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}:host([pending]),:host([pending]){cursor:default}:host([static=white]),:host([static=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium)}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-spectrum-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-emphasized-background-color-focus)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-quiet-border-color-disabled)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-quiet-border-color-disabled)}:host([static=white]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-content-color-disabled)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-outline-content-color-disabled)}:host([static=white][selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-selected-background-color-focus);--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus));--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-selected-border-color-disabled)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-content-color-disabled)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled)}:host([static=black]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-content-color-disabled)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-outline-content-color-disabled)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-content-color-disabled)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s)forwards}sp-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s)forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s)forwards} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=button.css.dev.js.map |
| "use strict";import{css as t}from"@spectrum-web-components/base";const o=t` | ||
| :host{-webkit-appearance:button;box-sizing:border-box;cursor:pointer;font-family:var( | ||
| --mod-button-font-family,var( | ||
| --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack) | ||
| ) | ||
| );line-height:var( | ||
| --mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)) | ||
| );text-transform:none;transition:background var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,border-color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,box-shadow var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:inline-flex;justify-content:center;margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var( | ||
| --mod-button-focus-indicator-gap, | ||
| var( | ||
| --mod-focus-indicator-gap, | ||
| var(--spectrum-focus-indicator-gap) | ||
| ) | ||
| ) * -1);transition:opacity var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out,margin var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var( | ||
| --spectrum-animation-duration-100 | ||
| );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var( | ||
| --spectrum-focus-indicator-thickness | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --spectrum-focus-indicator-color | ||
| )}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-75 | ||
| );--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-75 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-small | ||
| )}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-100 | ||
| );--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-100 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-medium | ||
| )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-200 | ||
| );--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-200 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-large | ||
| )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-300 | ||
| );--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-300 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var( | ||
| --spectrum-button-top-to-text-extra-large | ||
| );--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-extra-large | ||
| )}:host{border-radius:var( | ||
| --mod-button-border-radius,var(--spectrum-button-border-radius) | ||
| );border-style:solid;border-width:var( | ||
| --mod-button-border-width,var(--spectrum-button-border-width) | ||
| );color:inherit;font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var( | ||
| --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon) | ||
| );margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var( | ||
| --mod-button-min-width,var(--spectrum-button-min-width) | ||
| );padding-block:0;padding-inline:var( | ||
| --mod-button-edge-to-text,var(--spectrum-button-edge-to-text) | ||
| );position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var( | ||
| --mod-button-edge-to-visual-only, | ||
| var(--spectrum-button-edge-to-visual-only) | ||
| ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var( | ||
| --mod-button-line-height,var(--spectrum-button-line-height) | ||
| );padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host{transition:border-color var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host:after{border-radius:var( | ||
| --mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius) | ||
| );content:"";inset:0;margin:calc((var( | ||
| --mod-button-focus-ring-gap, | ||
| var(--spectrum-button-focus-ring-gap) | ||
| ) + var( | ||
| --mod-button-border-width, | ||
| var(--spectrum-button-border-width) | ||
| ))*-1);pointer-events:none;position:absolute;transition:box-shadow var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host{background-color:var( | ||
| --highcontrast-button-background-color-default,var( | ||
| --mod-button-background-color-default,var(--spectrum-button-background-color-default) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-default,var( | ||
| --mod-button-border-color-default,var(--spectrum-button-border-color-default) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-default,var( | ||
| --mod-button-content-color-default,var(--spectrum-button-content-color-default) | ||
| ) | ||
| )}@media (hover:hover){:host(:hover){background-color:var( | ||
| --highcontrast-button-background-color-hover,var( | ||
| --mod-button-background-color-hover,var(--spectrum-button-background-color-hover) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-hover,var( | ||
| --mod-button-border-color-hover,var(--spectrum-button-border-color-hover) | ||
| ) | ||
| );box-shadow:none;color:var( | ||
| --highcontrast-button-content-color-hover,var( | ||
| --mod-button-content-color-hover,var(--spectrum-button-content-color-hover) | ||
| ) | ||
| )}}:host(.focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host(:focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host([active]){background-color:var( | ||
| --highcontrast-button-background-color-down,var( | ||
| --mod-button-background-color-down,var(--spectrum-button-background-color-down) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-down,var( | ||
| --mod-button-border-color-down,var(--spectrum-button-border-color-down) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-down,var( | ||
| --mod-button-content-color-down,var(--spectrum-button-content-color-down) | ||
| ) | ||
| )}:host .is-disabled,:host([disabled]){background-color:var( | ||
| --highcontrast-button-background-color-disabled,var( | ||
| --mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-disabled,var( | ||
| --mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-disabled,var( | ||
| --mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled) | ||
| ) | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=black]),:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
| )}:host{--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-content-color-disabled | ||
| )}:host([variant=accent]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-content-color-disabled | ||
| )}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-content-color-disabled | ||
| )}:host([variant=negative]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-content-color-disabled | ||
| )}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-content-color-disabled | ||
| )}:host([variant=primary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-content-color-disabled | ||
| )}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-content-color-disabled | ||
| )}:host([variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-content-color-disabled | ||
| )}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-content-color-disabled | ||
| )}:host([quiet]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-quiet-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-quiet-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-quiet-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-quiet-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-quiet-border-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-quiet-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-quiet-border-color-disabled | ||
| )}:host([selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-selected-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-selected-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-selected-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-selected-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-selected-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-selected-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-selected-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-selected-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-selected-border-color-disabled | ||
| )}:host([selected][emphasized]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-focus | ||
| )}:host([static=black][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-disabled | ||
| )}:host([static=white][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-disabled | ||
| )}:host([static=white]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-content-color-disabled | ||
| )}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-disabled | ||
| )}:host([static=white][selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default) | ||
| );--spectrum-button-content-color-hover:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover) | ||
| );--spectrum-button-content-color-down:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down) | ||
| );--spectrum-button-content-color-focus:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus) | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-border-color-disabled | ||
| )}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-disabled | ||
| )}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled | ||
| )}:host([static=black]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-content-color-disabled | ||
| )}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-disabled | ||
| )}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-disabled | ||
| )}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-disabled | ||
| )}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var( | ||
| --highcontrast-button-background-color-disabled,var( | ||
| --mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-disabled,var( | ||
| --mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-disabled,var( | ||
| --mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled) | ||
| ) | ||
| )}}:host([pending]:not([disabled])){animation:update-pending-button-styles 0s var(--pending-delay,1s) forwards;cursor:default;pointer-events:none}sp-progress-circle{display:block;left:50%;position:absolute;transform:translate(-50%);visibility:hidden}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s) forwards}:host([pending]:not([disabled])) #label,:host([pending]:not([disabled])) slot[name=icon]{animation:hide-icons-label 0s var(--pending-delay,1s) forwards} | ||
| :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-style:solid;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host .is-disabled{cursor:default}:host:after{content:"";margin:calc(var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-100);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([pending]),:host([pending]){--mod-button-edge-to-visual-only:calc(1px + var(--spectrum-button-edge-to-visual-only))}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-200);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=l][pending]),:host([size=l][pending]){--mod-button-edge-to-visual-only:calc(2px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-300);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xl][pending]) .spectrum--medium,:host([size=xl][pending]) .spectrum--medium{--mod-button-edge-to-visual-only:calc(3px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl][pending]) .spectrum--large,:host([size=xl][pending]) .spectrum--large{--mod-button-edge-to-visual-only:calc(4px + var(--spectrum-button-edge-to-visual-only))}:host{border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:var(--mod-button-margin-block);border-style:solid;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)))}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host([active]){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host([disabled]),:host .is-disabled,:host([pending]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}:host([pending]),:host([pending]){cursor:default}:host([static=white]),:host([static=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium)}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-spectrum-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-emphasized-background-color-focus)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-quiet-border-color-disabled)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-quiet-border-color-disabled)}:host([static=white]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-content-color-disabled)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-outline-content-color-disabled)}:host([static=white][selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-selected-background-color-focus);--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus));--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-selected-border-color-disabled)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-content-color-disabled)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled)}:host([static=black]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-content-color-disabled)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-outline-content-color-disabled)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-content-color-disabled)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s)forwards}sp-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s)forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s)forwards} | ||
| `;export default o; | ||
| //# sourceMappingURL=button.css.js.map |
| "use strict"; | ||
| import { css } from "@spectrum-web-components/base"; | ||
| const styles = css` | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=spectrum-button-base.css.dev.js.map |
| "use strict";import{css as s}from"@spectrum-web-components/base";const t=s` | ||
| `;export default t; | ||
| //# sourceMappingURL=spectrum-button-base.css.js.map |
| "use strict"; | ||
| import { css } from "@spectrum-web-components/base"; | ||
| const styles = css` | ||
| :host{-webkit-appearance:button;box-sizing:border-box;cursor:pointer;font-family:var( | ||
| --mod-button-font-family,var( | ||
| --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack) | ||
| ) | ||
| );line-height:var( | ||
| --mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)) | ||
| );text-transform:none;transition:background var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,border-color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,box-shadow var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:inline-flex;justify-content:center;margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var( | ||
| --mod-button-focus-indicator-gap, | ||
| var( | ||
| --mod-focus-indicator-gap, | ||
| var(--spectrum-focus-indicator-gap) | ||
| ) | ||
| ) * -1);transition:opacity var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out,margin var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var( | ||
| --spectrum-animation-duration-100 | ||
| );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var( | ||
| --spectrum-focus-indicator-thickness | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --spectrum-focus-indicator-color | ||
| )}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-75 | ||
| );--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-75 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-small | ||
| )}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-100 | ||
| );--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-100 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-medium | ||
| )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-200 | ||
| );--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-200 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-large | ||
| )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-300 | ||
| );--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-300 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var( | ||
| --spectrum-button-top-to-text-extra-large | ||
| );--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-extra-large | ||
| )}:host{border-radius:var( | ||
| --mod-button-border-radius,var(--spectrum-button-border-radius) | ||
| );border-style:solid;border-width:var( | ||
| --mod-button-border-width,var(--spectrum-button-border-width) | ||
| );color:inherit;font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var( | ||
| --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon) | ||
| );margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var( | ||
| --mod-button-min-width,var(--spectrum-button-min-width) | ||
| );padding-block:0;padding-inline:var( | ||
| --mod-button-edge-to-text,var(--spectrum-button-edge-to-text) | ||
| );position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var( | ||
| --mod-button-edge-to-visual-only, | ||
| var(--spectrum-button-edge-to-visual-only) | ||
| ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var( | ||
| --mod-button-line-height,var(--spectrum-button-line-height) | ||
| );padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host{transition:border-color var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host:after{border-radius:var( | ||
| --mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius) | ||
| );content:"";inset:0;margin:calc((var( | ||
| --mod-button-focus-ring-gap, | ||
| var(--spectrum-button-focus-ring-gap) | ||
| ) + var( | ||
| --mod-button-border-width, | ||
| var(--spectrum-button-border-width) | ||
| ))*-1);pointer-events:none;position:absolute;transition:box-shadow var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host{background-color:var( | ||
| --highcontrast-button-background-color-default,var( | ||
| --mod-button-background-color-default,var(--spectrum-button-background-color-default) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-default,var( | ||
| --mod-button-border-color-default,var(--spectrum-button-border-color-default) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-default,var( | ||
| --mod-button-content-color-default,var(--spectrum-button-content-color-default) | ||
| ) | ||
| )}@media (hover:hover){:host(:hover){background-color:var( | ||
| --highcontrast-button-background-color-hover,var( | ||
| --mod-button-background-color-hover,var(--spectrum-button-background-color-hover) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-hover,var( | ||
| --mod-button-border-color-hover,var(--spectrum-button-border-color-hover) | ||
| ) | ||
| );box-shadow:none;color:var( | ||
| --highcontrast-button-content-color-hover,var( | ||
| --mod-button-content-color-hover,var(--spectrum-button-content-color-hover) | ||
| ) | ||
| )}}:host(.focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host(:focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host([active]){background-color:var( | ||
| --highcontrast-button-background-color-down,var( | ||
| --mod-button-background-color-down,var(--spectrum-button-background-color-down) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-down,var( | ||
| --mod-button-border-color-down,var(--spectrum-button-border-color-down) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-down,var( | ||
| --mod-button-content-color-down,var(--spectrum-button-content-color-down) | ||
| ) | ||
| )}:host .is-disabled,:host([disabled]){background-color:var( | ||
| --highcontrast-button-background-color-disabled,var( | ||
| --mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-disabled,var( | ||
| --mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-disabled,var( | ||
| --mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled) | ||
| ) | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=black]),:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
| )}:host{--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-content-color-disabled | ||
| )}:host([variant=accent]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-content-color-disabled | ||
| )}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-content-color-disabled | ||
| )}:host([variant=negative]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-content-color-disabled | ||
| )}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-content-color-disabled | ||
| )}:host([variant=primary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-content-color-disabled | ||
| )}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-content-color-disabled | ||
| )}:host([variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-content-color-disabled | ||
| )}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-content-color-disabled | ||
| )}:host([quiet]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-quiet-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-quiet-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-quiet-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-quiet-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-quiet-border-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-quiet-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-quiet-border-color-disabled | ||
| )}:host([selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-selected-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-selected-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-selected-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-selected-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-selected-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-selected-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-selected-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-selected-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-selected-border-color-disabled | ||
| )}:host([selected][emphasized]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-focus | ||
| )}:host([static=black][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-disabled | ||
| )}:host([static=white][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-disabled | ||
| )}:host([static=white]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-content-color-disabled | ||
| )}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-disabled | ||
| )}:host([static=white][selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default) | ||
| );--spectrum-button-content-color-hover:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover) | ||
| );--spectrum-button-content-color-down:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down) | ||
| );--spectrum-button-content-color-focus:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus) | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-border-color-disabled | ||
| )}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-disabled | ||
| )}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled | ||
| )}:host([static=black]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-content-color-disabled | ||
| )}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-disabled | ||
| )}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-disabled | ||
| )}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-disabled | ||
| )} | ||
| :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-style:solid;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host .is-disabled{cursor:default}:host:after{content:"";margin:calc(var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-100);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([pending]),:host([pending]){--mod-button-edge-to-visual-only:calc(1px + var(--spectrum-button-edge-to-visual-only))}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-200);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=l][pending]),:host([size=l][pending]){--mod-button-edge-to-visual-only:calc(2px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-300);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xl][pending]) .spectrum--medium,:host([size=xl][pending]) .spectrum--medium{--mod-button-edge-to-visual-only:calc(3px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl][pending]) .spectrum--large,:host([size=xl][pending]) .spectrum--large{--mod-button-edge-to-visual-only:calc(4px + var(--spectrum-button-edge-to-visual-only))}:host{border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:var(--mod-button-margin-block);border-style:solid;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)))}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host([active]){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host([disabled]),:host .is-disabled,:host([pending]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}:host([pending]),:host([pending]){cursor:default}:host([static=white]),:host([static=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium)}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-spectrum-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-emphasized-background-color-focus)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-quiet-border-color-disabled)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-quiet-border-color-disabled)}:host([static=white]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-content-color-disabled)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-outline-content-color-disabled)}:host([static=white][selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-selected-background-color-focus);--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus));--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-selected-border-color-disabled)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-content-color-disabled)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled)}:host([static=black]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-content-color-disabled)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-outline-content-color-disabled)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-content-color-disabled)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled)} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=spectrum-button.css.dev.js.map |
| "use strict";import{css as t}from"@spectrum-web-components/base";const o=t` | ||
| :host{-webkit-appearance:button;box-sizing:border-box;cursor:pointer;font-family:var( | ||
| --mod-button-font-family,var( | ||
| --mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack) | ||
| ) | ||
| );line-height:var( | ||
| --mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)) | ||
| );text-transform:none;transition:background var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,border-color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,color var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out,box-shadow var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:inline-flex;justify-content:center;margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{display:block;inset-block:0;inset-inline:0;margin:calc(var( | ||
| --mod-button-focus-indicator-gap, | ||
| var( | ||
| --mod-focus-indicator-gap, | ||
| var(--spectrum-focus-indicator-gap) | ||
| ) | ||
| ) * -1);transition:opacity var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out,margin var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-button-animation-duration,var( | ||
| --mod-animation-duration-100,var(--spectrum-animation-duration-100) | ||
| ) | ||
| ) | ||
| ) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var( | ||
| --spectrum-animation-duration-100 | ||
| );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var( | ||
| --spectrum-focus-indicator-thickness | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --spectrum-focus-indicator-color | ||
| )}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-75 | ||
| );--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-75 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-small | ||
| )}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-100 | ||
| );--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-100 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-medium | ||
| )}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-200 | ||
| );--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-200 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-large | ||
| )}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var( | ||
| --spectrum-component-pill-edge-to-text-300 | ||
| );--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var( | ||
| --spectrum-component-pill-edge-to-visual-only-300 | ||
| );--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var( | ||
| --spectrum-button-top-to-text-extra-large | ||
| );--spectrum-button-bottom-to-text:var( | ||
| --spectrum-button-bottom-to-text-extra-large | ||
| )}:host{border-radius:var( | ||
| --mod-button-border-radius,var(--spectrum-button-border-radius) | ||
| );border-style:solid;border-width:var( | ||
| --mod-button-border-width,var(--spectrum-button-border-width) | ||
| );color:inherit;font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var( | ||
| --mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon) | ||
| );margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var( | ||
| --mod-button-min-width,var(--spectrum-button-min-width) | ||
| );padding-block:0;padding-inline:var( | ||
| --mod-button-edge-to-text,var(--spectrum-button-edge-to-text) | ||
| );position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var( | ||
| --mod-button-edge-to-visual-only, | ||
| var(--spectrum-button-edge-to-visual-only) | ||
| ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var( | ||
| --mod-button-line-height,var(--spectrum-button-line-height) | ||
| );padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| )}:host{transition:border-color var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host:after{border-radius:var( | ||
| --mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius) | ||
| );content:"";inset:0;margin:calc((var( | ||
| --mod-button-focus-ring-gap, | ||
| var(--spectrum-button-focus-ring-gap) | ||
| ) + var( | ||
| --mod-button-border-width, | ||
| var(--spectrum-button-border-width) | ||
| ))*-1);pointer-events:none;position:absolute;transition:box-shadow var( | ||
| --mod-button-animation-duration,var(--spectrum-button-animation-duration) | ||
| ) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) var( | ||
| --highcontrast-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var( | ||
| --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color) | ||
| ) | ||
| ) | ||
| )}:host{background-color:var( | ||
| --highcontrast-button-background-color-default,var( | ||
| --mod-button-background-color-default,var(--spectrum-button-background-color-default) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-default,var( | ||
| --mod-button-border-color-default,var(--spectrum-button-border-color-default) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-default,var( | ||
| --mod-button-content-color-default,var(--spectrum-button-content-color-default) | ||
| ) | ||
| )}@media (hover:hover){:host(:hover){background-color:var( | ||
| --highcontrast-button-background-color-hover,var( | ||
| --mod-button-background-color-hover,var(--spectrum-button-background-color-hover) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-hover,var( | ||
| --mod-button-border-color-hover,var(--spectrum-button-border-color-hover) | ||
| ) | ||
| );box-shadow:none;color:var( | ||
| --highcontrast-button-content-color-hover,var( | ||
| --mod-button-content-color-hover,var(--spectrum-button-content-color-hover) | ||
| ) | ||
| )}}:host(.focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host(:focus-visible){background-color:var( | ||
| --highcontrast-button-background-color-focus,var( | ||
| --mod-button-background-color-focus,var(--spectrum-button-background-color-focus) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-focus,var( | ||
| --mod-button-border-color-focus,var(--spectrum-button-border-color-focus) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-focus,var( | ||
| --mod-button-content-color-focus,var(--spectrum-button-content-color-focus) | ||
| ) | ||
| )}:host([active]){background-color:var( | ||
| --highcontrast-button-background-color-down,var( | ||
| --mod-button-background-color-down,var(--spectrum-button-background-color-down) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-down,var( | ||
| --mod-button-border-color-down,var(--spectrum-button-border-color-down) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-down,var( | ||
| --mod-button-content-color-down,var(--spectrum-button-content-color-down) | ||
| ) | ||
| )}:host .is-disabled,:host([disabled]){background-color:var( | ||
| --highcontrast-button-background-color-disabled,var( | ||
| --mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled) | ||
| ) | ||
| );border-color:var( | ||
| --highcontrast-button-border-color-disabled,var( | ||
| --mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled) | ||
| ) | ||
| );color:var( | ||
| --highcontrast-button-content-color-disabled,var( | ||
| --mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled) | ||
| ) | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=black]),:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
| )}:host{--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-content-color-disabled | ||
| )}:host([variant=accent]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-content-color-disabled | ||
| )}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-accent-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-accent-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-accent-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-accent-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-accent-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-accent-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-accent-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-accent-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-accent-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-accent-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-accent-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-accent-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-accent-outline-content-color-disabled | ||
| )}:host([variant=negative]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-content-color-disabled | ||
| )}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-negative-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-negative-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-negative-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-negative-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-negative-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-negative-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-negative-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-negative-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-negative-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-negative-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-negative-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-negative-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-negative-outline-content-color-disabled | ||
| )}:host([variant=primary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-content-color-disabled | ||
| )}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-primary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-primary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-primary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-primary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-primary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-primary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-primary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-primary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-primary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-primary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-primary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-primary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-primary-outline-content-color-disabled | ||
| )}:host([variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-content-color-disabled | ||
| )}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-secondary-outline-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-secondary-outline-content-color-disabled | ||
| )}:host([quiet]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-quiet-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-quiet-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-quiet-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-quiet-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-quiet-border-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-quiet-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-quiet-border-color-disabled | ||
| )}:host([selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-selected-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-selected-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-selected-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-selected-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-selected-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-selected-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-selected-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-selected-content-color-focus | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-selected-border-color-disabled | ||
| )}:host([selected][emphasized]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-selected-emphasized-background-color-focus | ||
| )}:host([static=black][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-quiet-border-color-disabled | ||
| )}:host([static=white][quiet]){--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-focus | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-quiet-border-color-disabled | ||
| )}:host([static=white]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-content-color-disabled | ||
| )}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-outline-content-color-disabled | ||
| )}:host([static=white][selected]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default) | ||
| );--spectrum-button-content-color-hover:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover) | ||
| );--spectrum-button-content-color-down:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down) | ||
| );--spectrum-button-content-color-focus:var( | ||
| --mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus) | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-selected-border-color-disabled | ||
| )}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-content-color-disabled | ||
| )}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled | ||
| )}:host([static=black]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-content-color-disabled | ||
| )}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-outline-content-color-disabled | ||
| )}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-content-color-disabled | ||
| )}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-default | ||
| );--spectrum-button-background-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-hover | ||
| );--spectrum-button-background-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-down | ||
| );--spectrum-button-background-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-focus | ||
| );--spectrum-button-border-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-default | ||
| );--spectrum-button-border-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-hover | ||
| );--spectrum-button-border-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-down | ||
| );--spectrum-button-border-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-focus | ||
| );--spectrum-button-content-color-default:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-default | ||
| );--spectrum-button-content-color-hover:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-hover | ||
| );--spectrum-button-content-color-down:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-down | ||
| );--spectrum-button-content-color-focus:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-focus | ||
| );--spectrum-button-focus-indicator-color:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color | ||
| );--spectrum-button-background-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-background-color-disabled | ||
| );--spectrum-button-border-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-border-color-disabled | ||
| );--spectrum-button-content-color-disabled:var( | ||
| --system-spectrum-button-staticblack-secondary-outline-content-color-disabled | ||
| )} | ||
| :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-style:solid;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host .is-disabled{cursor:default}:host:after{content:"";margin:calc(var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-100);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([pending]),:host([pending]){--mod-button-edge-to-visual-only:calc(1px + var(--spectrum-button-edge-to-visual-only))}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-200);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=l][pending]),:host([size=l][pending]){--mod-button-edge-to-visual-only:calc(2px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-300);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xl][pending]) .spectrum--medium,:host([size=xl][pending]) .spectrum--medium{--mod-button-edge-to-visual-only:calc(3px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl][pending]) .spectrum--large,:host([size=xl][pending]) .spectrum--large{--mod-button-edge-to-visual-only:calc(4px + var(--spectrum-button-edge-to-visual-only))}:host{border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:var(--mod-button-margin-block);border-style:solid;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([active]){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)))}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host([active]){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host([disabled]),:host .is-disabled,:host([pending]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}:host([pending]),:host([pending]){cursor:default}:host([static=white]),:host([static=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium)}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-spectrum-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-emphasized-background-color-focus)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-quiet-border-color-disabled)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-quiet-border-color-disabled)}:host([static=white]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-content-color-disabled)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-outline-content-color-disabled)}:host([static=white][selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-selected-background-color-focus);--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus));--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-selected-border-color-disabled)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-content-color-disabled)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled)}:host([static=black]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-content-color-disabled)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-outline-content-color-disabled)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-content-color-disabled)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled)} | ||
| `;export default o; | ||
| //# sourceMappingURL=spectrum-button.css.js.map |
@@ -38,2 +38,33 @@ // @ts-check | ||
| ], | ||
| excludeByWholeSelector: [ | ||
| // Exclude content hiding selectors when `pending` | ||
| //.spectrum-Button[pending] .spectrum-Icon | ||
| [ | ||
| builder.class('spectrum-Button'), | ||
| builder.attribute('pending'), | ||
| builder.combinator(' '), | ||
| builder.class('spectrum-Icon'), | ||
| ], | ||
| //.spectrum-Button[pending] .spectrum-Button-label | ||
| [ | ||
| builder.class('spectrum-Button'), | ||
| builder.attribute('pending'), | ||
| builder.combinator(' '), | ||
| builder.class('spectrum-Button-label'), | ||
| ], | ||
| //.spectrum-Button.is-pending .spectrum-Icon | ||
| [ | ||
| builder.class('spectrum-Button'), | ||
| builder.class('is-pending'), | ||
| builder.combinator(' '), | ||
| builder.class('spectrum-Icon'), | ||
| ], | ||
| //.spectrum-Button.is-pending .spectrum-Button-label | ||
| [ | ||
| builder.class('spectrum-Button'), | ||
| builder.class('is-pending'), | ||
| builder.combinator(' '), | ||
| builder.class('spectrum-Button-label'), | ||
| ], | ||
| ], | ||
| components: [ | ||
@@ -45,8 +76,3 @@ converter.classToHost(), | ||
| converter.classToAttribute('is-focused', 'focused'), | ||
| /** | ||
| * HACK! | ||
| * This relies on the fact that spectrum-css is using both `&:disabled` and `&.is-disabled` in the selectors | ||
| * for disabled states. We're using the class based selector here to also emit a `pending` selector. | ||
| */ | ||
| // converter.classToAttribute('is-disabled', 'pending'), | ||
| converter.classToAttribute('is-pending', 'pending'), | ||
| converter.pseudoToAttribute('disabled', 'disabled'), | ||
@@ -53,0 +79,0 @@ converter.pseudoToAttribute('active', 'active'), |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-2.12%
846553
- Dependency count
- increased by16.67%
7
- Lines of code
- decreased by-29.99%
6036
Dependency changes
+ Added@spectrum-web-components/progress-circle@0.41.2(transitive)