@spectrum-web-components/button 0.39.4 → 0.40.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-button.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)\n);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,border-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,margin var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) 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)}: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(\n--spectrum-animation-duration-100\n);--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-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-button-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-75\n);--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(\n--spectrum-component-pill-edge-to-visual-only-75\n);--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(\n--spectrum-button-bottom-to-text-small\n)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-100\n);--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(\n--spectrum-component-pill-edge-to-visual-only-100\n);--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(\n--spectrum-button-bottom-to-text-medium\n)}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-200\n);--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(\n--spectrum-component-pill-edge-to-visual-only-200\n);--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(\n--spectrum-button-bottom-to-text-large\n)}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-300\n);--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(\n--spectrum-component-pill-edge-to-visual-only-300\n);--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(\n--spectrum-button-top-to-text-extra-large\n);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-extra-large\n)}:host{border-radius:var(\n--mod-button-border-radius,var(--spectrum-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-button-border-width,var(--spectrum-button-border-width)\n);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(\n--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)\n);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(\n--mod-button-min-width,var(--spectrum-button-min-width)\n);padding-block:0;padding-inline:var(\n--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)\n);position:relative}:host(:hover),: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 .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(\n--mod-button-edge-to-visual-only,\nvar(--spectrum-button-edge-to-visual-only)\n) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(\n--mod-button-line-height,var(--spectrum-button-line-height)\n);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(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host{transition:border-color var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-button-focus-ring-gap,\nvar(--spectrum-button-focus-ring-gap)\n) + var(\n--mod-button-border-width,\nvar(--spectrum-button-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}: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(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host{background-color:var(\n--highcontrast-button-background-color-default,var(\n--mod-button-background-color-default,var(--spectrum-button-background-color-default)\n)\n);border-color:var(\n--highcontrast-button-border-color-default,var(\n--mod-button-border-color-default,var(--spectrum-button-border-color-default)\n)\n);color:var(\n--highcontrast-button-content-color-default,var(\n--mod-button-content-color-default,var(--spectrum-button-content-color-default)\n)\n)}:host(:hover){background-color:var(\n--highcontrast-button-background-color-hover,var(\n--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)\n)\n);border-color:var(\n--highcontrast-button-border-color-hover,var(\n--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)\n)\n);color:var(\n--highcontrast-button-content-color-hover,var(\n--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-button-background-color-down,var(\n--mod-button-background-color-down,var(--spectrum-button-background-color-down)\n)\n);border-color:var(\n--highcontrast-button-border-color-down,var(\n--mod-button-border-color-down,var(--spectrum-button-border-color-down)\n)\n);color:var(\n--highcontrast-button-content-color-down,var(\n--mod-button-content-color-down,var(--spectrum-button-content-color-down)\n)\n)}:host([disabled]){background-color:var(\n--highcontrast-button-background-color-disabled,var(\n--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-button-border-color-disabled,var(\n--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)\n)\n);color:var(\n--highcontrast-button-content-color-disabled,var(\n--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)\n)\n)}@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(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) 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=white]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host([static=black]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host{--spectrum-button-background-color-default:var(\n--system-spectrum-button-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-content-color-disabled\n)}:host([variant=accent]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-content-color-disabled\n)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-outline-content-color-disabled\n)}:host([variant=negative]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-content-color-disabled\n)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-outline-content-color-disabled\n)}:host([variant=primary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-content-color-disabled\n)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-outline-content-color-disabled\n)}:host([variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-content-color-disabled\n)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-outline-content-color-disabled\n)}:host([quiet]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-quiet-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-quiet-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-quiet-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-quiet-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-quiet-border-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-quiet-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-quiet-border-color-disabled\n)}:host([selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-selected-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-selected-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-selected-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-selected-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-selected-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-selected-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-selected-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-selected-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-emphasized-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-emphasized-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-emphasized-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-emphasized-background-color-focus\n)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-quiet-border-color-disabled\n)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-quiet-border-color-disabled\n)}:host([static=white]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-content-color-disabled\n)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-content-color-disabled\n)}:host([static=white][selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-selected-background-color-focus\n);--spectrum-button-content-color-default:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default)\n);--spectrum-button-content-color-hover:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover)\n);--spectrum-button-content-color-down:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down)\n);--spectrum-button-content-color-focus:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus)\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-border-color-disabled\n)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-content-color-disabled\n)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled\n)}:host([static=black]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-content-color-disabled\n)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-outline-content-color-disabled\n)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-content-color-disabled\n)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-disabled\n)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2023 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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)\n);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,border-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,margin var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) 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)}: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(\n--spectrum-animation-duration-100\n);--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-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-button-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-75\n);--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(\n--spectrum-component-pill-edge-to-visual-only-75\n);--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(\n--spectrum-button-bottom-to-text-small\n)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-100\n);--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(\n--spectrum-component-pill-edge-to-visual-only-100\n);--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(\n--spectrum-button-bottom-to-text-medium\n)}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-200\n);--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(\n--spectrum-component-pill-edge-to-visual-only-200\n);--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(\n--spectrum-button-bottom-to-text-large\n)}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-300\n);--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(\n--spectrum-component-pill-edge-to-visual-only-300\n);--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(\n--spectrum-button-top-to-text-extra-large\n);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-extra-large\n)}:host{border-radius:var(\n--mod-button-border-radius,var(--spectrum-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-button-border-width,var(--spectrum-button-border-width)\n);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(\n--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)\n);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(\n--mod-button-min-width,var(--spectrum-button-min-width)\n);padding-block:0;padding-inline:var(\n--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)\n);position:relative}:host(:hover),: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(\n--mod-button-edge-to-visual-only,\nvar(--spectrum-button-edge-to-visual-only)\n) - 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(\n--mod-button-line-height,var(--spectrum-button-line-height)\n);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(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host{transition:border-color var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-button-focus-ring-gap,\nvar(--spectrum-button-focus-ring-gap)\n) + var(\n--mod-button-border-width,\nvar(--spectrum-button-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}: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(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host{background-color:var(\n--highcontrast-button-background-color-default,var(\n--mod-button-background-color-default,var(--spectrum-button-background-color-default)\n)\n);border-color:var(\n--highcontrast-button-border-color-default,var(\n--mod-button-border-color-default,var(--spectrum-button-border-color-default)\n)\n);color:var(\n--highcontrast-button-content-color-default,var(\n--mod-button-content-color-default,var(--spectrum-button-content-color-default)\n)\n)}:host(:hover){background-color:var(\n--highcontrast-button-background-color-hover,var(\n--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)\n)\n);border-color:var(\n--highcontrast-button-border-color-hover,var(\n--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)\n)\n);color:var(\n--highcontrast-button-content-color-hover,var(\n--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-button-background-color-down,var(\n--mod-button-background-color-down,var(--spectrum-button-background-color-down)\n)\n);border-color:var(\n--highcontrast-button-border-color-down,var(\n--mod-button-border-color-down,var(--spectrum-button-border-color-down)\n)\n);color:var(\n--highcontrast-button-content-color-down,var(\n--mod-button-content-color-down,var(--spectrum-button-content-color-down)\n)\n)}:host([disabled]){background-color:var(\n--highcontrast-button-background-color-disabled,var(\n--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-button-border-color-disabled,var(\n--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)\n)\n);color:var(\n--highcontrast-button-content-color-disabled,var(\n--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)\n)\n)}@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(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) 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=white]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host([static=black]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host{--spectrum-button-background-color-default:var(\n--system-spectrum-button-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-content-color-disabled\n)}:host([variant=accent]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-content-color-disabled\n)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-outline-content-color-disabled\n)}:host([variant=negative]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-content-color-disabled\n)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-outline-content-color-disabled\n)}:host([variant=primary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-content-color-disabled\n)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-outline-content-color-disabled\n)}:host([variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-content-color-disabled\n)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-outline-content-color-disabled\n)}:host([quiet]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-quiet-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-quiet-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-quiet-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-quiet-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-quiet-border-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-quiet-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-quiet-border-color-disabled\n)}:host([selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-selected-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-selected-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-selected-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-selected-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-selected-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-selected-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-selected-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-selected-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-emphasized-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-emphasized-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-emphasized-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-emphasized-background-color-focus\n)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-quiet-border-color-disabled\n)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-quiet-border-color-disabled\n)}:host([static=white]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-content-color-disabled\n)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-content-color-disabled\n)}:host([static=white][selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-selected-background-color-focus\n);--spectrum-button-content-color-default:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default)\n);--spectrum-button-content-color-hover:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover)\n);--spectrum-button-content-color-down:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down)\n);--spectrum-button-content-color-focus:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus)\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-border-color-disabled\n)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-content-color-disabled\n)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled\n)}:host([static=black]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-content-color-disabled\n)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-outline-content-color-disabled\n)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-content-color-disabled\n)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-disabled\n)}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4zBf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-config.js

@@ -44,6 +44,10 @@ const config = {
                 converter.classToAttribute('is-focused', 'focused'),
                 converter.pseudoToAttribute('disabled', 'disabled'),
                 converter.pseudoToAttribute('active', 'active'),
+                converter.classToAttribute(
+                    'spectrum-Button--iconOnly',
+                    'icon-only'
+                ),
                 // Default to `size='m'` without needing the attribute
                 converter.classToHost('spectrum-Button--sizeM'),
                 ...converter.enumerateAttributes(

package/stories/button-accent-fill.stories.js

@@ -5,7 +5,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -23,6 +24,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-accent-fill.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-accent-fill.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-accent-outline.stories.js

@@ -5,7 +5,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -23,6 +24,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-accent-outline.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-accent-outline.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-black-fill.stories.js

@@ -6,7 +6,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -25,6 +26,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-black-fill.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-black-fill.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Fill',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,OAAO,CAAC;AAAA,EACxC,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Fill',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,OAAO,CAAC;AAAA,EACxC,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-black-outline.stories.js

@@ -6,7 +6,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -25,6 +26,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-black-outline.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-black-outline.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Outline',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,OAAO,CAAC;AAAA,EACxC,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Outline',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY,CAAC,mBAAmB,OAAO,CAAC;AAAA,EACxC,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-negative-fill.stories.js

@@ -5,7 +5,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -23,6 +24,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-negative-fill.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-negative-fill.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-negative-outline.stories.js

@@ -5,7 +5,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -23,6 +24,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-negative-outline.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-negative-outline.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-primary-fill.stories.js

@@ -5,7 +5,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -23,6 +24,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-primary-fill.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-primary-fill.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }

package/stories/button-primary-outline.stories.js

@@ -5,7 +5,8 @@ import {
   renderLink,
   renderLinkWithTarget,
   renderMinWidthButton,
-  renderWithIcon
+  renderWithIcon,
+  renderWithIconOnly
 } from "./index.js";
 import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { args, argTypes } from "./index.js";
@@ -23,6 +24,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
+export const withIconOnly = (props) => renderWithIconOnly(props);
 export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.storyName = "min-width";

package/stories/button-primary-outline.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-primary-outline.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
-  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
+  "sourcesContent": ["/*\nCopyright 2020 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 { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n    renderWithIconOnly,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const withIconOnly = (props: Properties): TemplateResult =>\n    renderWithIconOnly(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
+  "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,eAAe,CAAC,UACzB,mBAAmB,KAAK;AAErB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
   "names": []
 }