@spectrum-web-components/button 0.20.2 → 0.20.3

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;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;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}:host([disabled]){cursor:default}:host:after{bottom:0;display:block;left:0;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);right:0;top:0;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{align-self:center;justify-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-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);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap))}: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-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-padding-label-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--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-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-padding-label-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-100\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-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-padding-label-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-200\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-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-padding-label-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-300\n)}:host{block-size:auto;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));height:var(--mod-button-height,var(--spectrum-button-height));min-block-size:var(\n--mod-button-min-width,var(--spectrum-button-min-width)\n);min-block-size:var(\n--mod-spectrum-button-height,var(--spectrum-button-height)\n);min-inline-size:var(\n--mod-button-min-width,var(--spectrum-button-min-width)\n);min-width:var(--mod-button-min-width,var(--spectrum-button-min-width));padding-block-end:0;padding-block-start:0;padding-inline-end:var(\n--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)\n);padding-inline-start:var(\n--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)\n);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;inset-block-end:calc(var(\n--mod-spectrum-button-edge-to-visual,\nvar(--spectrum-button-edge-to-visual)\n) - var(--mod-button-border-width, var(--spectrum-button-border-width)));inset-inline-end:calc(var(\n--mod-spectrum-button-edge-to-visual,\nvar(--spectrum-button-edge-to-visual)\n) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}slot[name=icon]+#label{padding-inline-end:0;padding-inline-start:var(\n--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)\n)}: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)))}#label{padding-block-end:var(\n--mod-button-padding-label-bottom,var(--spectrum-button-padding-label-bottom)\n);padding-block-start:var(\n--mod-button-padding-label-top,var(--spectrum-button-padding-label-top)\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(: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}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow: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(.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]){background-color:ButtonText;color:ButtonFace}:host([variant=accent][treatment=fill][disabled]){background-color:ButtonFace;color:GrayText}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]:focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}: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(.is-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(.is-selected.spectrum-Button--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].is-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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAq0Bf,eAAeC",
+  "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;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-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);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap))}: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-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-padding-label-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--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-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-padding-label-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-100\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-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-padding-label-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-200\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-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-padding-label-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-button-padding-label-bottom:var(\n--spectrum-component-bottom-to-text-300\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);height:var(--mod-button-height,var(--spectrum-button-height));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)))}#label{align-self:start;line-height:var(--spectrum-line-height-100);padding-block-end:calc(var(\n--mod-button-padding-label-bottom,\nvar(--spectrum-button-padding-label-bottom)\n) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(\n--mod-button-padding-label-top,\nvar(--spectrum-button-padding-label-top)\n) - 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}:host(.focus-visible){box-shadow:none}:host(:focus-visible){box-shadow: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(.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]){background-color:ButtonText;color:ButtonFace}:host([variant=accent][treatment=fill][disabled]){background-color:ButtonFace;color:GrayText}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]:focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}: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,EA2zBf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-config.js

@@ -1,5 +1,6 @@
+// @ts-check
 /*
-Copyright 2020 Adobe. All rights reserved.
+Copyright 2023 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the 'License');
 you may not use this file except in compliance with the License. You may obtain a copy
 of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -10,127 +11,93 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
+import {
+    builder,
+    converterFor,
+} from '../../../tasks/process-spectrum-utils.js';
+
+const converter = converterFor('spectrum-Button');
+
+/**
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
+ */
 const config = {
-    spectrum: 'button',
-    components: [
+    conversions: [
         {
-            name: 'button-base',
-            host: {
-                selector: '.spectrum-Button',
-            },
-            slots: [
+            inPackage: '@spectrum-css/button',
+            outPackage: 'button',
+            fileName: 'button',
+            excludeByComponents: [
+                builder.element('a'),
                 {
-                    name: 'icon',
-                    selector: '.spectrum-Icon',
+                    type: 'pseudo-element',
+                    kind: 'custom',
+                    name: '-moz-focus-inner',
                 },
             ],
-            exclude: [/\.spectrum-ClearButton/],
-            excludeSourceSelector: [
-                /^(?!(\.spectrum-Button.*),(\.spectrum-ClearButton.*),(\.spectrum-LogicButton.*))/,
-            ],
-        },
-        {
-            name: 'button',
-            host: {
-                selector: '.spectrum-Button',
-            },
-            attributes: [
-                {
-                    type: 'boolean',
-                    selector: '.spectrum-Button--quiet',
-                },
-                {
-                    type: 'boolean',
-                    selector: '.is-disabled',
-                    name: 'disabled',
-                },
-                {
-                    type: 'boolean',
-                    selector: ':disabled',
-                    name: 'disabled',
-                },
-                {
-                    type: 'boolean',
-                    selector: '.is-focused',
-                    name: 'focused',
-                },
-                {
-                    type: 'boolean',
-                    selector: ':active',
-                    name: 'active',
-                },
-                {
-                    type: 'enum',
-                    name: 'variant',
-                    values: [
-                        '.spectrum-Button--accent',
-                        '.spectrum-Button--primary',
-                        '.spectrum-Button--secondary',
-                        '.spectrum-Button--negative',
+            components: [
+                converter.classToHost(),
+                converter.classToAttribute('spectrum-Button--quiet'),
+                converter.classToAttribute('spectrum-Button--emphasized'),
+                converter.classToAttribute('is-disabled', 'disabled'),
+                converter.classToAttribute('is-selected', 'selected'),
+                converter.classToAttribute('is-focused', 'focused'),
+                converter.pseudoToAttribute('disabled', 'disabled'),
+                converter.pseudoToAttribute('active', 'active'),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-Button--sizeS', 's'],
+                        ['spectrum-Button--sizeM', 'm'],
+                        ['spectrum-Button--sizeL', 'l'],
+                        ['spectrum-Button--sizeXL', 'xl'],
                     ],
-                },
-                {
-                    type: 'enum',
-                    name: 'treatment',
-                    values: [
-                        '.spectrum-Button--fill',
-                        '.spectrum-Button--outline',
+                    'size'
+                ),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-Button--accent'],
+                        ['spectrum-Button--primary'],
+                        ['spectrum-Button--secondary'],
+                        ['spectrum-Button--negative'],
                     ],
-                },
-                {
-                    type: 'enum',
-                    name: 'static',
-                    forceOntoHost: true,
-                    values: [
-                        {
-                            name: 'white',
-                            selector: '.spectrum-Button--staticWhite',
-                        },
-                        {
-                            name: 'black',
-                            selector: '.spectrum-Button--staticBlack',
-                        },
+                    'variant'
+                ),
+                ...converter.enumerateAttributes(
+                    [['spectrum-Button--fill'], ['spectrum-Button--outline']],
+                    'treatment'
+                ),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-Button--staticWhite', 'white'],
+                        ['spectrum-Button--staticBlack', 'black'],
                     ],
-                },
+                    'static'
+                ),
+                converter.classToId('spectrum-Button-label'),
+                converter.classToSlotted('spectrum-Icon', 'icon'),
                 {
-                    type: 'enum',
-                    name: 'size',
-                    forceOntoHost: true,
-                    values: [
-                        {
-                            name: 's',
-                            selector: '.spectrum-Button--sizeS',
-                        },
+                    find: [
+                        builder.class('spectrum-Icon'),
+                        builder.combinator('+'),
+                        builder.class('spectrum-Button-label'),
+                    ],
+                    replace: [
                         {
-                            name: 'm',
-                            selector: '.spectrum-Button--sizeM',
+                            replace: builder.attribute('name', 'icon', 'equal'),
+                            hoist: false,
                         },
                         {
-                            name: 'l',
-                            selector: '.spectrum-Button--sizeL',
+                            replace: builder.combinator('+'),
                         },
                         {
-                            name: 'xl',
-                            selector: '.spectrum-Button--sizeXL',
+                            replace: builder.id('label'),
                         },
                     ],
                 },
-            ],
-            ids: ['.spectrum-Button-label'],
-            slots: [
-                {
-                    name: 'icon',
-                    selector: '.spectrum-Icon',
-                },
-            ],
-            exclude: [/\.spectrum-ClearButton/],
-            excludeSourceSelector: [
-                /^(\.spectrum-Button.*),(\.spectrum-ClearButton.*),(\.spectrum-LogicButton.*)$/,
-            ],
-            complexSelectors: [
                 {
-                    replacement: '#label[hidden]',
-                    selector: '.spectrum-Button-label:empty',
+                    hoist: false,
+                    find: builder.pseudoClass('empty'),
+                    replace: builder.attribute('hidden'),
                 },
             ],
         },

package/test/benchmark/test-basic.js

@@ -1,8 +1,14 @@
 "use strict";
 import "@spectrum-web-components/button/sp-button.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
 import { html } from "lit";
 import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
 measureFixtureCreation(html`
-    <sp-button>Click me</sp-button>
+    <sp-button>Click Me</sp-button>
+    <sp-button disabled>Click Me</sp-button>
+    <sp-button>
+        <sp-icon-help slot="icon"></sp-icon-help>
+        Click Me
+    </sp-button>
 `);
 //# sourceMappingURL=test-basic.js.map

package/test/benchmark/test-basic.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["test-basic.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*/\n\nimport '@spectrum-web-components/button/sp-button.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-button>Click me</sp-button>\n`);\n"],
-  "mappings": ";AAYA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
+  "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*/\n\nimport '@spectrum-web-components/button/sp-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-button>Click Me</sp-button>\n    <sp-button disabled>Click Me</sp-button>\n    <sp-button>\n        <sp-icon-help slot=\"icon\"></sp-icon-help>\n        Click Me\n    </sp-button>\n`);\n"],
+  "mappings": ";AAYA,OAAO;AACP,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAOtB;",
   "names": []
 }