@spectrum-web-components/action-button 0.8.7 → 0.9.1-devmode.7

package/src/spectrum-action-button.css.dev.js

@@ -0,0 +1,394 @@
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-font-family-base);justify-content:center;line-height:var(--spectrum-line-height-small);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(
+--spectrum-animation-duration-100
+);--spectrum-actionbutton-border-radius:var(--spectrum-corner-radius-100);--spectrum-actionbutton-border-width:var(--spectrum-border-width-100);--spectrum-actionbutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-actionbutton-focus-ring-thickness:var(
+--spectrum-focus-ring-thickness
+);--spectrum-actionbutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-actionbutton-focus-ring-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-ring-gap))}:host([size=s]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-75);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-actionbutton-font-size:var(--spectrum-font-size-75);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-actionbutton-edge-to-hold-icon:var(
+--spectrum-action-button-edge-to-hold-icon-small
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width))}:host([size=m]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-100)*2 + var(--spectrum-workflow-icon-size-100));--spectrum-actionbutton-height:var(--spectrum-component-height-100);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-actionbutton-font-size:var(--spectrum-font-size-100);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-actionbutton-edge-to-hold-icon:var(
+--spectrum-action-button-edge-to-hold-icon-medium
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width))}:host([size=l]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-200)*2 + var(--spectrum-workflow-icon-size-200));--spectrum-actionbutton-height:var(--spectrum-component-height-200);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-actionbutton-font-size:var(--spectrum-font-size-200);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-actionbutton-edge-to-hold-icon:var(
+--spectrum-action-button-edge-to-hold-icon-large
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width))}:host([size=xl]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-300)*2 + var(--spectrum-workflow-icon-size-300));--spectrum-actionbutton-height:var(--spectrum-component-height-300);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-actionbutton-font-size:var(--spectrum-font-size-300);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-300);--spectrum-actionbutton-edge-to-hold-icon:var(
+--spectrum-action-button-edge-to-hold-icon-extra-large
+);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-ring-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(
+--highcontrast-actionbutton-background-color-default,var(
+--mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)
+)
+);border-color:var(
+--highcontrast-actionbutton-border-color-default,var(
+--mod-actionbutton-border-color-default,var(--spectrum-actionbutton-border-color-default)
+)
+);border-radius:var(
+--mod-actionbutton-border-radius,var(--spectrum-actionbutton-border-radius)
+);border-width:var(
+--mod-actionbutton-border-width,var(--spectrum-actionbutton-border-width)
+);color:var(
+--highcontrast-actionbutton-content-color-default,var(
+--mod-actionbutton-content-color-default,var(--spectrum-actionbutton-content-color-default)
+)
+);height:var(--mod-actionbutton-height,var(--spectrum-actionbutton-height));min-inline-size:var(
+--mod-actionbutton-min-width,var(--spectrum-actionbutton-min-width)
+);padding-inline-end:var(
+--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)
+);padding-inline-start:var(
+--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)
+);position:relative}:host(:hover){background-color:var(
+--highcontrast-actionbutton-background-color-hover,var(
+--mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)
+)
+);border-color:var(
+--highcontrast-actionbutton-border-color-hover,var(
+--mod-actionbutton-border-color-hover,var(--spectrum-actionbutton-border-color-hover)
+)
+);color:var(
+--highcontrast-actionbutton-content-color-hover,var(
+--mod-actionbutton-content-color-hover,var(--spectrum-actionbutton-content-color-hover)
+)
+)}:host(.focus-visible){background-color:var(
+--highcontrast-actionbutton-background-color-focus,var(
+--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)
+)
+);border-color:var(
+--highcontrast-actionbutton-border-color-focus,var(
+--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)
+)
+);color:var(
+--highcontrast-actionbutton-content-color-focus,var(
+--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)
+)
+)}:host(:focus-visible){background-color:var(
+--highcontrast-actionbutton-background-color-focus,var(
+--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)
+)
+);border-color:var(
+--highcontrast-actionbutton-border-color-focus,var(
+--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)
+)
+);color:var(
+--highcontrast-actionbutton-content-color-focus,var(
+--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)
+)
+)}:host([active]){background-color:var(
+--highcontrast-actionbutton-background-color-down,var(
+--mod-actionbutton-background-color-down,var(--spectrum-actionbutton-background-color-down)
+)
+);border-color:var(
+--highcontrast-actionbutton-border-color-down,var(
+--mod-actionbutton-border-color-down,var(--spectrum-actionbutton-border-color-down)
+)
+);color:var(
+--highcontrast-actionbutton-content-color-down,var(
+--mod-actionbutton-content-color-down,var(--spectrum-actionbutton-content-color-down)
+)
+)}:host([disabled]),:host([disabled]){background-color:var(
+--highcontrast-actionbutton-background-color-disabled,var(
+--mod-actionbutton-background-color-disabled,var(--spectrum-actionbutton-background-color-disabled)
+)
+);border-color:var(
+--highcontrast-actionbutton-border-color-disabled,var(
+--mod-actionbutton-border-color-disabled,var(--spectrum-actionbutton-border-color-disabled)
+)
+);color:var(
+--highcontrast-actionbutton-content-color-disabled,var(
+--mod-actionbutton-content-color-disabled,var(--spectrum-actionbutton-content-color-disabled)
+)
+)}::slotted([slot=icon]){color:inherit;height:var(
+--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)
+);margin-inline-start:calc((var(
+--mod-actionbutton-edge-to-text,
+var(--spectrum-actionbutton-edge-to-text)
+) - var(
+--mod-actionbutton-edge-to-visual,
+var(--spectrum-actionbutton-edge-to-visual)
+))*-1);padding-inline-start:calc((var(
+--mod-actionbutton-edge-to-text,
+var(--spectrum-actionbutton-edge-to-text)
+) - var(
+--mod-actionbutton-edge-to-visual,
+var(--spectrum-actionbutton-edge-to-visual)
+))*-1);width:var(
+--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)
+)}slot[name=icon]+#label{padding-inline-end:0;padding-inline-start:var(
+--mod-actionbutton-text-to-visual,var(--spectrum-actionbutton-text-to-visual)
+)}.hold-affordance+::slotted([slot=icon]),slot[icon-only]::slotted([slot=icon]){margin-inline-end:calc((var(
+--mod-actionbutton-edge-to-text,
+var(--spectrum-actionbutton-edge-to-text)
+) - var(
+--mod-actionbutton-edge-to-visual-only,
+var(--spectrum-actionbutton-edge-to-visual-only)
+))*-1);margin-inline-start:calc((var(
+--mod-actionbutton-edge-to-text,
+var(--spectrum-actionbutton-edge-to-text)
+) - var(
+--mod-actionbutton-edge-to-visual-only,
+var(--spectrum-actionbutton-edge-to-visual-only)
+))*-1)}#label{color:inherit;font-size:var(
+--mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)
+);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(
+--mod-actionbutton-edge-to-hold-icon,
+var(--spectrum-actionbutton-edge-to-hold-icon)
+) - var(
+--mod-actionbutton-border-width,
+var(--spectrum-actionbutton-border-width)
+));inset-inline-end:calc(var(
+--mod-actionbutton-edge-to-hold-icon,
+var(--spectrum-actionbutton-edge-to-hold-icon)
+) - var(
+--mod-actionbutton-border-width,
+var(--spectrum-actionbutton-border-width)
+));position:absolute}:host{transition:border-color var(
+--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)
+) ease-in-out}:host:after{border-radius:var(
+--mod-actionbutton-focus-ring-border-radius,var(--spectrum-actionbutton-focus-ring-border-radius)
+);content:"";inset:0;margin:calc((var(
+--mod-actionbutton-focus-ring-gap,
+var(--spectrum-actionbutton-focus-ring-gap)
+) + var(
+--mod-actionbutton-border-width,
+var(--spectrum-actionbutton-border-width)
+))*-1);pointer-events:none;position:absolute;transition:box-shadow var(
+--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)
+) ease-in-out}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)
+) var(
+--highcontrast-actionbutton-focus-ring-color,var(
+--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)
+)
+)}:host(:focus-visible):after{box-shadow:0 0 0 var(
+--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)
+) var(
+--highcontrast-actionbutton-focus-ring-color,var(
+--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)
+)
+)}:host{--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-background-color-focus
+);--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-border-color-focus
+);--spectrum-actionbutton-content-color-default:var(
+--system-spectrum-actionbutton-content-color-default
+);--spectrum-actionbutton-content-color-hover:var(
+--system-spectrum-actionbutton-content-color-hover
+);--spectrum-actionbutton-content-color-down:var(
+--system-spectrum-actionbutton-content-color-down
+);--spectrum-actionbutton-content-color-focus:var(
+--system-spectrum-actionbutton-content-color-focus
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-background-color-disabled
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-border-color-disabled
+);--spectrum-actionbutton-content-color-disabled:var(
+--system-spectrum-actionbutton-content-color-disabled
+)}:host([quiet]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-quiet-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-quiet-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-quiet-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-quiet-background-color-focus
+);--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-quiet-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-quiet-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-quiet-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-quiet-border-color-focus
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-quiet-background-color-disabled
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-quiet-border-color-disabled
+)}:host([selected]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-selected-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-selected-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-selected-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-selected-background-color-focus
+);--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-selected-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-selected-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-selected-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-selected-border-color-focus
+);--spectrum-actionbutton-content-color-default:var(
+--system-spectrum-actionbutton-selected-content-color-default
+);--spectrum-actionbutton-content-color-hover:var(
+--system-spectrum-actionbutton-selected-content-color-hover
+);--spectrum-actionbutton-content-color-down:var(
+--system-spectrum-actionbutton-selected-content-color-down
+);--spectrum-actionbutton-content-color-focus:var(
+--system-spectrum-actionbutton-selected-content-color-focus
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-selected-background-color-disabled
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-selected-border-color-disabled
+)}:host([selected][emphasized]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-selected-emphasized-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-selected-emphasized-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-selected-emphasized-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-selected-emphasized-background-color-focus
+)}:host([variant=black][quiet]){--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-staticblack-quiet-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-staticblack-quiet-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-staticblack-quiet-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-staticblack-quiet-border-color-focus
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled
+)}:host([variant=white][quiet]){--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-staticwhite-quiet-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-staticwhite-quiet-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled
+)}:host([variant=black]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-staticblack-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-staticblack-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-staticblack-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-staticblack-background-color-focus
+);--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-staticblack-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-staticblack-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-staticblack-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-staticblack-border-color-focus
+);--spectrum-actionbutton-content-color-default:var(
+--system-spectrum-actionbutton-staticblack-content-color-default
+);--spectrum-actionbutton-content-color-hover:var(
+--system-spectrum-actionbutton-staticblack-content-color-hover
+);--spectrum-actionbutton-content-color-down:var(
+--system-spectrum-actionbutton-staticblack-content-color-down
+);--spectrum-actionbutton-content-color-focus:var(
+--system-spectrum-actionbutton-staticblack-content-color-focus
+);--spectrum-actionbutton-focus-ring-color:var(
+--system-spectrum-actionbutton-staticblack-focus-ring-color
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-staticblack-background-color-disabled
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-staticblack-border-color-disabled
+);--spectrum-actionbutton-content-color-disabled:var(
+--system-spectrum-actionbutton-staticblack-content-color-disabled
+)}:host([variant=black][selected]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-staticblack-selected-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-staticblack-selected-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-staticblack-selected-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-staticblack-selected-background-color-focus
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-staticblack-selected-border-color-disabled
+);--spectrum-actionbutton-content-color-default:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticblack-selected-content-color-default
+)
+);--spectrum-actionbutton-content-color-hover:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticblack-selected-content-color-hover
+)
+);--spectrum-actionbutton-content-color-down:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticblack-selected-content-color-down
+)
+);--spectrum-actionbutton-content-color-focus:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticblack-selected-content-color-focus
+)
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-staticblack-selected-background-color-disabled
+)}:host([variant=white]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-staticwhite-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-staticwhite-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-staticwhite-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-staticwhite-background-color-focus
+);--spectrum-actionbutton-border-color-default:var(
+--system-spectrum-actionbutton-staticwhite-border-color-default
+);--spectrum-actionbutton-border-color-hover:var(
+--system-spectrum-actionbutton-staticwhite-border-color-hover
+);--spectrum-actionbutton-border-color-down:var(
+--system-spectrum-actionbutton-staticwhite-border-color-down
+);--spectrum-actionbutton-border-color-focus:var(
+--system-spectrum-actionbutton-staticwhite-border-color-focus
+);--spectrum-actionbutton-content-color-default:var(
+--system-spectrum-actionbutton-staticwhite-content-color-default
+);--spectrum-actionbutton-content-color-hover:var(
+--system-spectrum-actionbutton-staticwhite-content-color-hover
+);--spectrum-actionbutton-content-color-down:var(
+--system-spectrum-actionbutton-staticwhite-content-color-down
+);--spectrum-actionbutton-content-color-focus:var(
+--system-spectrum-actionbutton-staticwhite-content-color-focus
+);--spectrum-actionbutton-focus-ring-color:var(
+--system-spectrum-actionbutton-staticwhite-focus-ring-color
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-staticwhite-background-color-disabled
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-staticwhite-border-color-disabled
+);--spectrum-actionbutton-content-color-disabled:var(
+--system-spectrum-actionbutton-staticwhite-content-color-disabled
+)}:host([variant=white][selected]){--spectrum-actionbutton-background-color-default:var(
+--system-spectrum-actionbutton-staticwhite-selected-background-color-default
+);--spectrum-actionbutton-background-color-hover:var(
+--system-spectrum-actionbutton-staticwhite-selected-background-color-hover
+);--spectrum-actionbutton-background-color-down:var(
+--system-spectrum-actionbutton-staticwhite-selected-background-color-down
+);--spectrum-actionbutton-background-color-focus:var(
+--system-spectrum-actionbutton-staticwhite-selected-background-color-focus
+);--spectrum-actionbutton-content-color-default:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticwhite-selected-content-color-default
+)
+);--spectrum-actionbutton-content-color-hover:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticwhite-selected-content-color-hover
+)
+);--spectrum-actionbutton-content-color-down:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticwhite-selected-content-color-down
+)
+);--spectrum-actionbutton-content-color-focus:var(
+--mod-actionbutton-static-content-color,var(
+--system-spectrum-actionbutton-staticwhite-selected-content-color-focus
+)
+);--spectrum-actionbutton-background-color-disabled:var(
+--system-spectrum-actionbutton-staticwhite-selected-background-color-disabled
+);--spectrum-actionbutton-border-color-disabled:var(
+--system-spectrum-actionbutton-staticwhite-selected-border-color-disabled
+)}
+`;
+export default styles;
+//# sourceMappingURL=spectrum-action-button.css.dev.js.map

package/src/spectrum-action-button.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["spectrum-action-button.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-font-family-base);justify-content:center;line-height:var(--spectrum-line-height-small);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host{--spectrum-actionbutton-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-actionbutton-border-radius:var(--spectrum-corner-radius-100);--spectrum-actionbutton-border-width:var(--spectrum-border-width-100);--spectrum-actionbutton-focus-ring-gap:var(--spectrum-focus-ring-gap);--spectrum-actionbutton-focus-ring-thickness:var(\n--spectrum-focus-ring-thickness\n);--spectrum-actionbutton-focus-ring-color:var(--spectrum-focus-ring-color);--spectrum-actionbutton-focus-ring-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-ring-gap))}:host([size=s]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-75);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-actionbutton-font-size:var(--spectrum-font-size-75);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-small\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width))}:host([size=m]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-100)*2 + var(--spectrum-workflow-icon-size-100));--spectrum-actionbutton-height:var(--spectrum-component-height-100);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-actionbutton-font-size:var(--spectrum-font-size-100);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-medium\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width))}:host([size=l]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-200)*2 + var(--spectrum-workflow-icon-size-200));--spectrum-actionbutton-height:var(--spectrum-component-height-200);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-actionbutton-font-size:var(--spectrum-font-size-200);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-large\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-200) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width))}:host([size=xl]){--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-300)*2 + var(--spectrum-workflow-icon-size-300));--spectrum-actionbutton-height:var(--spectrum-component-height-300);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-actionbutton-font-size:var(--spectrum-font-size-300);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-300);--spectrum-actionbutton-edge-to-hold-icon:var(\n--spectrum-action-button-edge-to-hold-icon-extra-large\n);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-300) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-ring-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}:host([selected]) #label,:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]){forced-color-adjust:none}}:host{background-color:var(\n--highcontrast-actionbutton-background-color-default,var(\n--mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-default,var(\n--mod-actionbutton-border-color-default,var(--spectrum-actionbutton-border-color-default)\n)\n);border-radius:var(\n--mod-actionbutton-border-radius,var(--spectrum-actionbutton-border-radius)\n);border-width:var(\n--mod-actionbutton-border-width,var(--spectrum-actionbutton-border-width)\n);color:var(\n--highcontrast-actionbutton-content-color-default,var(\n--mod-actionbutton-content-color-default,var(--spectrum-actionbutton-content-color-default)\n)\n);height:var(--mod-actionbutton-height,var(--spectrum-actionbutton-height));min-inline-size:var(\n--mod-actionbutton-min-width,var(--spectrum-actionbutton-min-width)\n);padding-inline-end:var(\n--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)\n);padding-inline-start:var(\n--mod-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)\n);position:relative}:host(:hover){background-color:var(\n--highcontrast-actionbutton-background-color-hover,var(\n--mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-hover,var(\n--mod-actionbutton-border-color-hover,var(--spectrum-actionbutton-border-color-hover)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-hover,var(\n--mod-actionbutton-content-color-hover,var(--spectrum-actionbutton-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-actionbutton-background-color-focus,var(\n--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-focus,var(\n--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-focus,var(\n--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-actionbutton-background-color-focus,var(\n--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-focus,var(\n--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-focus,var(\n--mod-actionbutton-content-color-focus,var(--spectrum-actionbutton-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-actionbutton-background-color-down,var(\n--mod-actionbutton-background-color-down,var(--spectrum-actionbutton-background-color-down)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-down,var(\n--mod-actionbutton-border-color-down,var(--spectrum-actionbutton-border-color-down)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-down,var(\n--mod-actionbutton-content-color-down,var(--spectrum-actionbutton-content-color-down)\n)\n)}:host([disabled]),:host([disabled]){background-color:var(\n--highcontrast-actionbutton-background-color-disabled,var(\n--mod-actionbutton-background-color-disabled,var(--spectrum-actionbutton-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-actionbutton-border-color-disabled,var(\n--mod-actionbutton-border-color-disabled,var(--spectrum-actionbutton-border-color-disabled)\n)\n);color:var(\n--highcontrast-actionbutton-content-color-disabled,var(\n--mod-actionbutton-content-color-disabled,var(--spectrum-actionbutton-content-color-disabled)\n)\n)}::slotted([slot=icon]){color:inherit;height:var(\n--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)\n);margin-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual,\nvar(--spectrum-actionbutton-edge-to-visual)\n))*-1);padding-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual,\nvar(--spectrum-actionbutton-edge-to-visual)\n))*-1);width:var(\n--mod-actionbutton-icon-size,var(--spectrum-actionbutton-icon-size)\n)}slot[name=icon]+#label{padding-inline-end:0;padding-inline-start:var(\n--mod-actionbutton-text-to-visual,var(--spectrum-actionbutton-text-to-visual)\n)}.hold-affordance+::slotted([slot=icon]),slot[icon-only]::slotted([slot=icon]){margin-inline-end:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual-only,\nvar(--spectrum-actionbutton-edge-to-visual-only)\n))*-1);margin-inline-start:calc((var(\n--mod-actionbutton-edge-to-text,\nvar(--spectrum-actionbutton-edge-to-text)\n) - var(\n--mod-actionbutton-edge-to-visual-only,\nvar(--spectrum-actionbutton-edge-to-visual-only)\n))*-1)}#label{color:inherit;font-size:var(\n--mod-actionbutton-font-size,var(--spectrum-actionbutton-font-size)\n);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .hold-affordance{transform:matrix(-1,0,0,1,0,0)}.hold-affordance{color:inherit;inset-block-end:calc(var(\n--mod-actionbutton-edge-to-hold-icon,\nvar(--spectrum-actionbutton-edge-to-hold-icon)\n) - var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n));inset-inline-end:calc(var(\n--mod-actionbutton-edge-to-hold-icon,\nvar(--spectrum-actionbutton-edge-to-hold-icon)\n) - var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n));position:absolute}:host{transition:border-color var(\n--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-actionbutton-focus-ring-border-radius,var(--spectrum-actionbutton-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-actionbutton-focus-ring-gap,\nvar(--spectrum-actionbutton-focus-ring-gap)\n) + var(\n--mod-actionbutton-border-width,\nvar(--spectrum-actionbutton-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-actionbutton-animation-duration,var(--spectrum-actionbutton-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)\n) var(\n--highcontrast-actionbutton-focus-ring-color,var(\n--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-actionbutton-focus-ring-thickness,var(--spectrum-actionbutton-focus-ring-thickness)\n) var(\n--highcontrast-actionbutton-focus-ring-color,var(\n--mod-actionbutton-focus-ring-color,var(--spectrum-actionbutton-focus-ring-color)\n)\n)}:host{--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-content-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-content-color-disabled\n)}:host([quiet]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-quiet-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-quiet-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-quiet-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-quiet-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-quiet-border-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-quiet-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-quiet-border-color-disabled\n)}:host([selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-selected-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-selected-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-selected-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-selected-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-selected-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-selected-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-selected-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-selected-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-selected-content-color-focus\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-selected-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-selected-emphasized-background-color-focus\n)}:host([variant=black][quiet]){--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled\n)}:host([variant=white][quiet]){--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled\n)}:host([variant=black]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticblack-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticblack-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticblack-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticblack-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticblack-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticblack-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticblack-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticblack-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-staticblack-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-staticblack-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-staticblack-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-staticblack-content-color-focus\n);--spectrum-actionbutton-focus-ring-color:var(\n--system-spectrum-actionbutton-staticblack-focus-ring-color\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-content-color-disabled\n)}:host([variant=black][selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-focus\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-selected-border-color-disabled\n);--spectrum-actionbutton-content-color-default:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-default\n)\n);--spectrum-actionbutton-content-color-hover:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-hover\n)\n);--spectrum-actionbutton-content-color-down:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-down\n)\n);--spectrum-actionbutton-content-color-focus:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticblack-selected-content-color-focus\n)\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticblack-selected-background-color-disabled\n)}:host([variant=white]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticwhite-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticwhite-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-background-color-focus\n);--spectrum-actionbutton-border-color-default:var(\n--system-spectrum-actionbutton-staticwhite-border-color-default\n);--spectrum-actionbutton-border-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-border-color-hover\n);--spectrum-actionbutton-border-color-down:var(\n--system-spectrum-actionbutton-staticwhite-border-color-down\n);--spectrum-actionbutton-border-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-border-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--system-spectrum-actionbutton-staticwhite-content-color-default\n);--spectrum-actionbutton-content-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-content-color-hover\n);--spectrum-actionbutton-content-color-down:var(\n--system-spectrum-actionbutton-staticwhite-content-color-down\n);--spectrum-actionbutton-content-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-content-color-focus\n);--spectrum-actionbutton-focus-ring-color:var(\n--system-spectrum-actionbutton-staticwhite-focus-ring-color\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-border-color-disabled\n);--spectrum-actionbutton-content-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-content-color-disabled\n)}:host([variant=white][selected]){--spectrum-actionbutton-background-color-default:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-default\n);--spectrum-actionbutton-background-color-hover:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-hover\n);--spectrum-actionbutton-background-color-down:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-down\n);--spectrum-actionbutton-background-color-focus:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-focus\n);--spectrum-actionbutton-content-color-default:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-default\n)\n);--spectrum-actionbutton-content-color-hover:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-hover\n)\n);--spectrum-actionbutton-content-color-down:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-down\n)\n);--spectrum-actionbutton-content-color-focus:var(\n--mod-actionbutton-static-content-color,var(\n--system-spectrum-actionbutton-staticwhite-selected-content-color-focus\n)\n);--spectrum-actionbutton-background-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-selected-background-color-disabled\n);--spectrum-actionbutton-border-color-disabled:var(\n--system-spectrum-actionbutton-staticwhite-selected-border-color-disabled\n)}\n`;\nexport default styles;"],
+  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuYf,eAAe;",
+  "names": []
+}