npm - @spectrum-web-components/button - Versions diffs - 0.42.3 → 0.42.5 - Mend

@spectrum-web-components/button 0.42.3 → 0.42.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/package.json +10 -10
package/src/Button.dev.js +2 -4
package/src/Button.dev.js.map +1 -1
package/src/ButtonBase.dev.js +1 -2
package/src/ButtonBase.dev.js.map +1 -1
package/src/ClearButton.dev.js +1 -2
package/src/ClearButton.dev.js.map +1 -1
package/src/CloseButton.dev.js +1 -2
package/src/CloseButton.dev.js.map +1 -1
package/src/button.css.dev.js +1 -1
package/src/button.css.dev.js.map +1 -1
package/src/button.css.js +1 -1
package/src/button.css.js.map +1 -1
package/src/spectrum-button.css.dev.js +1 -1
package/src/spectrum-button.css.dev.js.map +1 -1
package/src/spectrum-button.css.js +1 -1
package/src/spectrum-button.css.js.map +1 -1
package/test/button.test.js +161 -193
package/test/button.test.js.map +2 -2

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/button",
-    "version": "0.42.3",
+    "version": "0.42.5",
     "publishConfig": {
         "access": "public"
     },
@@ -82,16 +82,16 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.42.3",
-        "@spectrum-web-components/clear-button": "^0.42.3",
-        "@spectrum-web-components/close-button": "^0.42.3",
-        "@spectrum-web-components/icon": "^0.42.3",
-        "@spectrum-web-components/icons-ui": "^0.42.3",
-        "@spectrum-web-components/progress-circle": "^0.42.3",
-        "@spectrum-web-components/shared": "^0.42.3"
+        "@spectrum-web-components/base": "^0.42.5",
+        "@spectrum-web-components/clear-button": "^0.42.5",
+        "@spectrum-web-components/close-button": "^0.42.5",
+        "@spectrum-web-components/icon": "^0.42.5",
+        "@spectrum-web-components/icons-ui": "^0.42.5",
+        "@spectrum-web-components/progress-circle": "^0.42.5",
+        "@spectrum-web-components/shared": "^0.42.5"
     },
     "devDependencies": {
-        "@spectrum-css/button": "^12.0.2"
+        "@spectrum-css/button": "^13.1.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -99,5 +99,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "a03edce4f21f232f1705d8eb222e6e5436cad4c3"
+    "gitHead": "f29fd737947945de8cd6f5bc03fb389d386c9c3a"
 }

package/src/Button.dev.js CHANGED Viewed

@@ -6,8 +6,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 import {
@@ -49,8 +48,7 @@ export class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {
     return this._variant;
   }
   set variant(variant) {
-    if (variant === this.variant)
-      return;
+    if (variant === this.variant) return;
     this.requestUpdate("variant", this.variant);
     switch (variant) {
       case "cta":

package/src/Button.dev.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Button.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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ButtonBase } from './ButtonBase.dev.js'\nimport buttonStyles from './button.css.js';\nimport { when } from '@spectrum-web-components/base/src/directives.js';\n\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\nexport type ButtonStatics = 'white' | 'black';\nexport type ButtonVariants =\n    | 'accent'\n    | 'primary'\n    | 'secondary'\n    | 'negative'\n    | ButtonStatics\n    | DeprecatedButtonVariants;\nexport const VALID_VARIANTS = [\n    'accent',\n    'primary',\n    'secondary',\n    'negative',\n    'white',\n    'black',\n];\nexport const VALID_STATICS = ['white', 'black'];\n\nexport type ButtonTreatments = 'fill' | 'outline';\n\n/**\n * @element sp-button\n *\n * @slot - text label of the Button\n * @slot icon - The icon to use for Button\n */\nexport class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles];\n    }\n\n    @property({ type: String, attribute: 'pending-label' })\n    public pendingLabel = 'Pending';\n\n    // pending is the property that consumers can use to set the button into a pending state\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public pending = false;\n\n    private cachedAriaLabel: string | null = null;\n\n    public override click(): void {\n        if (this.pending) {\n            return;\n        }\n        super.click();\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property()\n    public get variant(): ButtonVariants {\n        return this._variant;\n    }\n    public set variant(variant: ButtonVariants) {\n        if (variant === this.variant) return;\n\n        this.requestUpdate('variant', this.variant);\n        switch (variant) {\n            case 'cta':\n                this._variant = 'accent';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"cta\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"variant='accent'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/#variants'\n                    );\n                }\n                break;\n            case 'overBackground':\n                this.removeAttribute('variant');\n                this.static = 'white';\n                this.treatment = 'outline';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"overBackground\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static='white'\" with \"treatment='outline'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button#static'\n                    );\n                }\n                return;\n            case 'white':\n            case 'black':\n                this.static = variant;\n                this.removeAttribute('variant');\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"black\" and \"white\" values of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static='black'\" or \"static='white'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button#static'\n                    );\n                }\n                return;\n            case null:\n                return;\n            default:\n                if (!VALID_VARIANTS.includes(variant)) {\n                    this._variant = 'accent';\n                } else {\n                    this._variant = variant;\n                }\n                break;\n        }\n        this.setAttribute('variant', this.variant);\n    }\n    private _variant: ButtonVariants = 'accent';\n\n    @property({ type: String, reflect: true })\n    public static: 'black' | 'white' | undefined;\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public treatment: ButtonTreatments = 'fill';\n\n    /**\n     * Style this button to be less obvious\n     */\n    @property({ type: Boolean })\n    public set quiet(quiet: boolean) {\n        this.treatment = quiet ? 'outline' : 'fill';\n    }\n\n    public get quiet(): boolean {\n        return this.treatment === 'outline';\n    }\n\n    protected override firstUpdated(changes: PropertyValues<this>): void {\n        super.firstUpdated(changes);\n        // There is no Spectrum design context for an `<sp-button>` without a variant\n        // apply one manually when a consumer has not applied one themselves.\n        if (!this.hasAttribute('variant')) {\n            this.setAttribute('variant', this.variant);\n        }\n    }\n\n    protected override updated(changed: PropertyValues): void {\n        super.updated(changed);\n\n        if (changed.has('pending')) {\n            if (\n                this.pending &&\n                this.pendingLabel !== this.getAttribute('aria-label')\n            ) {\n                if (!this.disabled) {\n                    this.cachedAriaLabel =\n                        this.getAttribute('aria-label') || '';\n                    this.setAttribute('aria-label', this.pendingLabel);\n                }\n            } else if (!this.pending && this.cachedAriaLabel) {\n                this.setAttribute('aria-label', this.cachedAriaLabel);\n            } else if (!this.pending && this.cachedAriaLabel === '') {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (changed.has('disabled')) {\n            if (\n                !this.disabled &&\n                this.pendingLabel !== this.getAttribute('aria-label')\n            ) {\n                if (this.pending) {\n                    this.cachedAriaLabel =\n                        this.getAttribute('aria-label') || '';\n                    this.setAttribute('aria-label', this.pendingLabel);\n                }\n            } else if (this.disabled && this.cachedAriaLabel) {\n                this.setAttribute('aria-label', this.cachedAriaLabel);\n            } else if (this.disabled && this.cachedAriaLabel == '') {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n\n    protected override renderButton(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n            ${when(this.pending, () => {\n                import(\n                    '@spectrum-web-components/progress-circle/sp-progress-circle.js'\n                );\n                return html`\n                    <sp-progress-circle\n                        indeterminate\n                        static=\"white\"\n                        aria-hidden=\"true\"\n                    ></sp-progress-circle>\n                `;\n            })}\n        `;\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/src/ButtonBase.dev.js CHANGED Viewed

@@ -6,8 +6,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 import {

package/src/ButtonBase.dev.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["ButtonBase.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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport buttonStyles from './button-base.css.js';\n\n/**\n * @slot - text content to be displayed in the Button element\n * @slot icon - icon element(s) to display at the start of the button\n */\nexport class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [\n    'sp-overlay,sp-tooltip',\n]) {\n    public static override get styles(): CSSResultArray {\n        return [buttonStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ type: String })\n    public type: 'button' | 'submit' | 'reset' = 'button';\n\n    @query('.anchor')\n    private anchorElement!: HTMLButtonElement;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    protected get hasLabel(): boolean {\n        return this.slotHasContent;\n    }\n\n    protected get buttonContent(): TemplateResult[] {\n        const content = [\n            html`\n                <slot name=\"icon\" ?icon-only=${!this.hasLabel}></slot>\n            `,\n            html`\n                <span id=\"label\">\n                    <slot @slotchange=${this.manageTextObservedSlot}></slot>\n                </span>\n            `,\n        ];\n        return content;\n    }\n\n    constructor() {\n        super();\n        this.proxyFocus = this.proxyFocus.bind(this);\n\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n    }\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.shouldProxyClick()) {\n            return;\n        }\n\n        super.click();\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n    }\n\n    private proxyFocus(): void {\n        this.focus();\n    }\n\n    private shouldProxyClick(): boolean {\n        let handled = false;\n        if (this.anchorElement) {\n            this.anchorElement.click();\n            handled = true;\n        } else if (this.type !== 'button') {\n            const proxy = document.createElement('button');\n            proxy.type = this.type;\n            this.insertAdjacentElement('afterend', proxy);\n            proxy.click();\n            proxy.remove();\n            handled = true;\n        }\n        return handled;\n    }\n\n    public override renderAnchor(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n            ${super.renderAnchor({\n                id: 'button',\n                ariaHidden: true,\n                className: 'button anchor hidden',\n            })}\n        `;\n    }\n\n    protected renderButton(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return this.href && this.href.length > 0\n            ? this.renderAnchor()\n            : this.renderButton();\n    }\n\n    protected handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                event.preventDefault();\n                if (typeof this.href === 'undefined') {\n                    this.addEventListener('keyup', this.handleKeyup);\n                    this.active = true;\n                }\n                break;\n            default:\n                break;\n        }\n    }\n\n    private handleKeypress(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected handleKeyup(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.removeEventListener('keyup', this.handleKeyup);\n                this.active = false;\n                this.click();\n                break;\n            default:\n                break;\n        }\n    }\n\n    private manageAnchor(): void {\n        if (this.href && this.href.length > 0) {\n            if (\n                !this.hasAttribute('role') ||\n                this.getAttribute('role') === 'button'\n            ) {\n                this.setAttribute('role', 'link');\n            }\n            this.removeEventListener('click', this.shouldProxyClick);\n        } else {\n            if (\n                !this.hasAttribute('role') ||\n                this.getAttribute('role') === 'link'\n            ) {\n                this.setAttribute('role', 'button');\n            }\n            this.addEventListener('click', this.shouldProxyClick);\n        }\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        if (!this.hasAttribute('tabindex')) {\n            this.setAttribute('tabindex', '0');\n        }\n        this.manageAnchor();\n        this.addEventListener('keydown', this.handleKeydown);\n        this.addEventListener('keypress', this.handleKeypress);\n    }\n\n    protected override updated(changed: PropertyValues): void {\n        super.updated(changed);\n        if (changed.has('href')) {\n            this.manageAnchor();\n        }\n        if (changed.has('label')) {\n            this.setAttribute('aria-label', this.label || '');\n        }\n        if (this.anchorElement) {\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n            this.anchorElement.tabIndex = -1;\n        }\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/src/ClearButton.dev.js CHANGED Viewed

@@ -6,8 +6,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 import {

package/src/ClearButton.dev.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["ClearButton.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 {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.dev.js'\nimport buttonStyles from '@spectrum-web-components/clear-button/src/clear-button.css.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport crossMediumStyles from '@spectrum-web-components/icon/src/spectrum-icon-cross.css.js';\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross75\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross75\"\n        ></sp-icon-cross75>\n    `,\n    m: () => html`\n        <sp-icon-cross100\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross100\"\n        ></sp-icon-cross100>\n    `,\n    l: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    xl: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n};\n\n/**\n * @element sp-clear-button\n *\n * @slot - text label of the Clear Button\n * @slot icon - The icon to use for Clear Button\n */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 'overBackground' | '' = '';\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAE9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAQO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAAiC;AAAA;AAAA,EARxC,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAQA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA;AAAA,EAE1C;AACJ;AAXW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;",
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAE9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAQO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAAiC;AAAA;AAAA,EARxC,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAQA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA;AAAA,EAE1C;AACJ;AAXW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;",
   "names": []
 }

package/src/CloseButton.dev.js CHANGED Viewed

@@ -6,8 +6,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 import {

package/src/CloseButton.dev.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["CloseButton.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 {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.dev.js'\nimport buttonStyles from '@spectrum-web-components/close-button/src/close-button.css.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';\nimport crossMediumStyles from '@spectrum-web-components/icon/src/spectrum-icon-cross.css.js';\nimport type { ButtonStatics } from './Button.dev.js'\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    m: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n    l: () => html`\n        <sp-icon-cross400\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross400\"\n        ></sp-icon-cross400>\n    `,\n    xl: () => html`\n        <sp-icon-cross500\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross500\"\n        ></sp-icon-cross500>\n    `,\n};\n\n/**\n * @element sp-close-button\n *\n * @slot - text label of the Close Button\n * @slot icon - The icon to use for Close Button\n */\nexport class CloseButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: ButtonStatics | '' = '';\n\n    @property({ type: String, reflect: true })\n    public static: 'black' | 'white' | undefined;\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAG9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAQO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAA8B;AAAA;AAAA,EARrC,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAWA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AACJ;AARW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAbhC,YAcF;",
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAG9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAQO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAA8B;AAAA;AAAA,EARrC,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAWA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AACJ;AARW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAbhC,YAcF;",
   "names": []
 }

package/src/button.css.dev.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-style:solid;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host .is-disabled{cursor:default}:host:after{content:"";margin:calc(var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-100);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([pending]),:host([pending]){--mod-button-edge-to-visual-only:calc(1px + var(--spectrum-button-edge-to-visual-only))}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-200);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=l][pending]),:host([size=l][pending]){--mod-button-edge-to-visual-only:calc(2px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-300);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xl][pending]) .spectrum--medium,:host([size=xl][pending]) .spectrum--medium{--mod-button-edge-to-visual-only:calc(3px + var(--spectrum-button-edge-to-visual-only))}:host([size=xl][pending]) .spectrum--large,:host([size=xl][pending]) .spectrum--large{--mod-button-edge-to-visual-only:calc(4px + var(--spectrum-button-edge-to-visual-only))}:host{border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:var(--mod-button-margin-block);border-style:solid;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)))}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host([disabled]),:host .is-disabled,:host([pending]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}:host([pending]),:host([pending]){cursor:default}:host([static=white]),:host([static=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium)}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-spectrum-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-emphasized-background-color-focus)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-quiet-border-color-disabled)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-quiet-border-color-disabled)}:host([static=white]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-content-color-disabled)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-outline-content-color-disabled)}:host([static=white][selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-selected-background-color-focus);--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus));--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-selected-border-color-disabled)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-content-color-disabled)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled)}:host([static=black]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-content-color-disabled)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-outline-content-color-disabled)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-content-color-disabled)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s)forwards}sp-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s)forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s)forwards}
+    :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-50);--mod-progress-circle-position:absolute}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-100);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-200);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-300);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host{border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:var(--mod-button-margin-block);border-style:solid;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)));transition:border var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,background-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out,visibility 0s linear var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}:host([static=black]),:host([static=white]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium)}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-spectrum-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-spectrum-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-emphasized-background-color-focus)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-quiet-border-color-disabled)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-quiet-border-color-disabled)}:host([static=white]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-content-color-disabled)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-outline-content-color-disabled)}:host([static=white][selected]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-selected-background-color-focus);--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus));--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-selected-border-color-disabled)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-content-color-disabled)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled)}:host([static=black]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-content-color-disabled)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-outline-content-color-disabled)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-content-color-disabled)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s)forwards}::slotted([slot=icon]){visibility:revert-layer;--mod-progress-circle-position:relative}sp-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s)forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s)forwards}
 `;
 export default styles;
 //# sourceMappingURL=button.css.dev.js.map