@spectrum-web-components/button 0.0.0-20241209155954

package/src/ClearButton.dev.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  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);
+  return result;
+};
+import {
+  html,
+  SizedMixin
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { StyledButton } from "./StyledButton.dev.js";
+import buttonStyles from "@spectrum-web-components/clear-button/src/clear-button.css.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";
+import crossMediumStyles from "@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";
+import crossMediumOverrides from "@spectrum-web-components/icon/src/icon-cross-overrides.css.js";
+const crossIcon = {
+  s: () => html`
+        <sp-icon-cross75
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross75"
+        ></sp-icon-cross75>
+    `,
+  m: () => html`
+        <sp-icon-cross100
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross100"
+        ></sp-icon-cross100>
+    `,
+  l: () => html`
+        <sp-icon-cross200
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross200"
+        ></sp-icon-cross200>
+    `,
+  xl: () => html`
+        <sp-icon-cross300
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross300"
+        ></sp-icon-cross300>
+    `
+};
+export class ClearButton extends SizedMixin(StyledButton, {
+  noDefaultSize: true
+}) {
+  constructor() {
+    super(...arguments);
+    this.variant = "";
+  }
+  static get styles() {
+    return [
+      ...super.styles,
+      buttonStyles,
+      crossMediumStyles,
+      crossMediumOverrides
+    ];
+  }
+  get buttonContent() {
+    return [crossIcon[this.size]()];
+  }
+  render() {
+    return html`
+            <div class="fill">${super.render()}</div>
+        `;
+  }
+}
+__decorateClass([
+  property({ reflect: true })
+], ClearButton.prototype, "variant", 2);
+//# sourceMappingURL=ClearButton.dev.js.map

package/src/ClearButton.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "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';\nimport crossMediumOverrides from '@spectrum-web-components/icon/src/icon-cross-overrides.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 [\n            ...super.styles,\n            buttonStyles,\n            crossMediumStyles,\n            crossMediumOverrides,\n        ];\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;AAC9B,OAAO,0BAA0B;AAEjC,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;AAgBH,SAAO,UAAiC;AAAA;AAAA,EAbxC,WAA2B,SAAyB;AAChD,WAAO;AAAA,MACH,GAAG,MAAM;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;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,GAflB,YAgBF;",
+  "names": []
+}

package/src/ClearButton.js

@@ -0,0 +1,24 @@
+"use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=(e,o,c,t)=>{for(var s=t>1?void 0:t?m(o,c):o,i=e.length-1,n;i>=0;i--)(n=e[i])&&(s=(t?n(o,c,s):n(s))||s);return t&&s&&l(o,c,s),s};import{html as r,SizedMixin as u}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{StyledButton as d}from"./StyledButton.js";import f from"@spectrum-web-components/clear-button/src/clear-button.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import I from"@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";import S from"@spectrum-web-components/icon/src/icon-cross-overrides.css.js";const v={s:()=>r`
+        <sp-icon-cross75
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross75"
+        ></sp-icon-cross75>
+    `,m:()=>r`
+        <sp-icon-cross100
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross100"
+        ></sp-icon-cross100>
+    `,l:()=>r`
+        <sp-icon-cross200
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross200"
+        ></sp-icon-cross200>
+    `,xl:()=>r`
+        <sp-icon-cross300
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross300"
+        ></sp-icon-cross300>
+    `};export class ClearButton extends u(d,{noDefaultSize:!0}){constructor(){super(...arguments);this.variant=""}static get styles(){return[...super.styles,f,I,S]}get buttonContent(){return[v[this.size]()]}render(){return r`
+            <div class="fill">${super.render()}</div>
+        `}}p([a({reflect:!0})],ClearButton.prototype,"variant",2);
+//# sourceMappingURL=ClearButton.js.map

package/src/ClearButton.js.map

@@ -0,0 +1,7 @@
+{
+  "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.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';\nimport crossMediumOverrides from '@spectrum-web-components/icon/src/icon-cross-overrides.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 [\n            ...super.styles,\n            buttonStyles,\n            crossMediumStyles,\n            crossMediumOverrides,\n        ];\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": "qNAYA,OAEI,QAAAA,EACA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,gBAAAC,MAAoB,oBAC7B,OAAOC,MAAkB,gEACzB,MAAO,6DACP,MAAO,8DACP,MAAO,8DACP,MAAO,8DACP,OAAOC,MAAuB,+DAC9B,OAAOC,MAA0B,gEAEjC,MAAMC,EAAkD,CACpD,EAAG,IAAMP;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,GAAI,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMd,EAQO,aAAM,oBAAoBC,EAAWE,EAAc,CACtD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAgBH,KAAO,QAAiC,GAbxC,WAA2B,QAAyB,CAChD,MAAO,CACH,GAAG,MAAM,OACTC,EACAC,EACAC,CACJ,CACJ,CAQA,IAAuB,eAAkC,CACrD,MAAO,CAACC,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CAEmB,QAAyB,CACxC,OAAOP;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA,SAE1C,CACJ,CAXWQ,EAAA,CADNN,EAAS,CAAE,QAAS,EAAK,CAAC,GAflB,YAgBF",
+  "names": ["html", "SizedMixin", "property", "StyledButton", "buttonStyles", "crossMediumStyles", "crossMediumOverrides", "crossIcon", "__decorateClass"]
+}

package/src/CloseButton.d.ts

@@ -0,0 +1,27 @@
+import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
+import { StyledButton } from './StyledButton.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';
+import type { ButtonStaticColors } from './Button.js';
+declare const CloseButton_base: typeof StyledButton & {
+    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
+    prototype: import("@spectrum-web-components/base").SizedElementInterface;
+};
+/**
+ * @element sp-close-button
+ *
+ * @slot - text label of the Close Button
+ * @slot icon - The icon to use for Close Button
+ */
+export declare class CloseButton extends CloseButton_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The visual variant to apply to this button.
+     */
+    variant: ButtonStaticColors | '';
+    staticColor?: 'black' | 'white';
+    protected get buttonContent(): TemplateResult[];
+}
+export {};

package/src/CloseButton.dev.js

@@ -0,0 +1,76 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  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);
+  return result;
+};
+import {
+  html,
+  SizedMixin
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { StyledButton } from "./StyledButton.dev.js";
+import buttonStyles from "@spectrum-web-components/close-button/src/close-button.css.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js";
+import crossMediumStyles from "@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";
+import crossMediumOverrides from "@spectrum-web-components/icon/src/icon-cross-overrides.css.js";
+const crossIcon = {
+  s: () => html`
+        <sp-icon-cross200
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross200"
+        ></sp-icon-cross200>
+    `,
+  m: () => html`
+        <sp-icon-cross300
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross300"
+        ></sp-icon-cross300>
+    `,
+  l: () => html`
+        <sp-icon-cross400
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross400"
+        ></sp-icon-cross400>
+    `,
+  xl: () => html`
+        <sp-icon-cross500
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross500"
+        ></sp-icon-cross500>
+    `
+};
+export class CloseButton extends SizedMixin(StyledButton, {
+  noDefaultSize: true
+}) {
+  constructor() {
+    super(...arguments);
+    this.variant = "";
+  }
+  static get styles() {
+    return [
+      ...super.styles,
+      buttonStyles,
+      crossMediumStyles,
+      crossMediumOverrides
+    ];
+  }
+  get buttonContent() {
+    return [crossIcon[this.size]()];
+  }
+}
+__decorateClass([
+  property({ reflect: true })
+], CloseButton.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true, attribute: "static-color" })
+], CloseButton.prototype, "staticColor", 2);
+//# sourceMappingURL=CloseButton.dev.js.map

package/src/CloseButton.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "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 crossMediumOverrides from '@spectrum-web-components/icon/src/icon-cross-overrides.css.js';\nimport type { ButtonStaticColors } 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 [\n            ...super.styles,\n            buttonStyles,\n            crossMediumStyles,\n            crossMediumOverrides,\n        ];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: ButtonStaticColors | '' = '';\n\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'black' | 'white';\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;AAC9B,OAAO,0BAA0B;AAGjC,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;AAgBH,SAAO,UAAmC;AAAA;AAAA,EAb1C,WAA2B,SAAyB;AAChD,WAAO;AAAA,MACH,GAAG,MAAM;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAAA,EAWA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AACJ;AARW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAflB,YAgBF;AAGA;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GAlB7C,YAmBF;",
+  "names": []
+}

package/src/CloseButton.js

@@ -0,0 +1,22 @@
+"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=(c,o,e,t)=>{for(var s=t>1?void 0:t?u(o,e):o,i=c.length-1,n;i>=0;i--)(n=c[i])&&(s=(t?n(o,e,s):n(s))||s);return t&&s&&m(o,e,s),s};import{html as r,SizedMixin as a}from"@spectrum-web-components/base";import{property as p}from"@spectrum-web-components/base/src/decorators.js";import{StyledButton as S}from"./StyledButton.js";import d from"@spectrum-web-components/close-button/src/close-button.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js";import f from"@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";import y from"@spectrum-web-components/icon/src/icon-cross-overrides.css.js";const C={s:()=>r`
+        <sp-icon-cross200
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross200"
+        ></sp-icon-cross200>
+    `,m:()=>r`
+        <sp-icon-cross300
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross300"
+        ></sp-icon-cross300>
+    `,l:()=>r`
+        <sp-icon-cross400
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross400"
+        ></sp-icon-cross400>
+    `,xl:()=>r`
+        <sp-icon-cross500
+            slot="icon"
+            class="icon spectrum-UIIcon-Cross500"
+        ></sp-icon-cross500>
+    `};export class CloseButton extends a(S,{noDefaultSize:!0}){constructor(){super(...arguments);this.variant=""}static get styles(){return[...super.styles,d,f,y]}get buttonContent(){return[C[this.size]()]}}l([p({reflect:!0})],CloseButton.prototype,"variant",2),l([p({reflect:!0,attribute:"static-color"})],CloseButton.prototype,"staticColor",2);
+//# sourceMappingURL=CloseButton.js.map

package/src/CloseButton.js.map

@@ -0,0 +1,7 @@
+{
+  "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.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 crossMediumOverrides from '@spectrum-web-components/icon/src/icon-cross-overrides.css.js';\nimport type { ButtonStaticColors } from './Button.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 [\n            ...super.styles,\n            buttonStyles,\n            crossMediumStyles,\n            crossMediumOverrides,\n        ];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: ButtonStaticColors | '' = '';\n\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'black' | 'white';\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,EACA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,gBAAAC,MAAoB,oBAC7B,OAAOC,MAAkB,gEACzB,MAAO,8DACP,MAAO,8DACP,MAAO,8DACP,MAAO,8DACP,OAAOC,MAAuB,+DAC9B,OAAOC,MAA0B,gEAGjC,MAAMC,EAAkD,CACpD,EAAG,IAAMP;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,GAAI,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMd,EAQO,aAAM,oBAAoBC,EAAWE,EAAc,CACtD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAgBH,KAAO,QAAmC,GAb1C,WAA2B,QAAyB,CAChD,MAAO,CACH,GAAG,MAAM,OACTC,EACAC,EACAC,CACJ,CACJ,CAWA,IAAuB,eAAkC,CACrD,MAAO,CAACC,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CACJ,CARWC,EAAA,CADNN,EAAS,CAAE,QAAS,EAAK,CAAC,GAflB,YAgBF,uBAGAM,EAAA,CADNN,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GAlB7C,YAmBF",
+  "names": ["html", "SizedMixin", "property", "StyledButton", "buttonStyles", "crossMediumStyles", "crossMediumOverrides", "crossIcon", "__decorateClass"]
+}

package/src/StyledButton.d.ts

@@ -0,0 +1,3 @@
+import { ButtonBase } from './ButtonBase.js';
+export declare class StyledButton extends ButtonBase {
+}

package/src/StyledButton.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { ButtonBase } from "./ButtonBase.dev.js";
+export class StyledButton extends ButtonBase {
+}
+//# sourceMappingURL=StyledButton.dev.js.map

package/src/StyledButton.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["StyledButton.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 { ButtonBase } from './ButtonBase.dev.js'\n\nexport class StyledButton extends ButtonBase {}\n"],
+  "mappings": ";AAYA,SAAS,kBAAkB;AAEpB,aAAM,qBAAqB,WAAW;AAAC;",
+  "names": []
+}

package/src/StyledButton.js

@@ -0,0 +1,2 @@
+"use strict";import{ButtonBase as t}from"./ButtonBase.js";export class StyledButton extends t{}
+//# sourceMappingURL=StyledButton.js.map

package/src/StyledButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["StyledButton.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 { ButtonBase } from './ButtonBase.js';\n\nexport class StyledButton extends ButtonBase {}\n"],
+  "mappings": "aAYA,OAAS,cAAAA,MAAkB,kBAEpB,aAAM,qBAAqBA,CAAW,CAAC",
+  "names": ["ButtonBase"]
+}

package/src/button-base.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/button-base.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
+`;
+export default styles;
+//# sourceMappingURL=button-base.css.dev.js.map

package/src/button-base.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["button-base.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/button-base.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as e}from"@spectrum-web-components/base";const s=e`
+    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
+`;export default s;
+//# sourceMappingURL=button-base.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["button-base.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after{pointer-events:none}::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/button-overrides.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/button-overrides.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{--spectrum-button-animation-duration:var(--system-button-animation-duration);--spectrum-button-border-radius:var(--system-button-border-radius);--spectrum-button-border-width:var(--system-button-border-width);--spectrum-button-line-height:var(--system-button-line-height);--spectrum-button-focus-ring-gap:var(--system-button-focus-ring-gap);--spectrum-button-focus-ring-thickness:var(--system-button-focus-ring-thickness);--spectrum-button-focus-indicator-color:var(--system-button-focus-indicator-color);--spectrum-button-intended-icon-size:var(--system-button-intended-icon-size);--spectrum-button-background-color-default:var(--system-button-background-color-default);--spectrum-button-background-color-hover:var(--system-button-background-color-hover);--spectrum-button-background-color-down:var(--system-button-background-color-down);--spectrum-button-background-color-focus:var(--system-button-background-color-focus);--spectrum-button-border-color-default:var(--system-button-border-color-default);--spectrum-button-border-color-hover:var(--system-button-border-color-hover);--spectrum-button-border-color-down:var(--system-button-border-color-down);--spectrum-button-border-color-focus:var(--system-button-border-color-focus);--spectrum-button-content-color-default:var(--system-button-content-color-default);--spectrum-button-content-color-hover:var(--system-button-content-color-hover);--spectrum-button-content-color-down:var(--system-button-content-color-down);--spectrum-button-content-color-focus:var(--system-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-button-selected-emphasized-background-color-focus)}:host([static-color=black][quiet]){--spectrum-button-border-color-default:var(--system-button-static-black-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-button-static-black-quiet-border-color-disabled)}:host([static-color=white][quiet]){--spectrum-button-border-color-default:var(--system-button-static-white-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-button-static-white-quiet-border-color-disabled)}:host([static-color=white]){--spectrum-button-background-color-default:var(--system-button-static-white-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-content-color-disabled)}:host([static-color=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-white-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-outline-content-color-disabled)}:host([static-color=white][selected]){--spectrum-button-background-color-default:var(--system-button-static-white-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-selected-background-color-focus);--spectrum-button-static-white-content-color-default:var(--system-button-static-white-selected-static-white-content-color-default);--spectrum-button-static-white-content-color-hover:var(--system-button-static-white-selected-static-white-content-color-hover);--spectrum-button-static-white-content-color-down:var(--system-button-static-white-selected-static-white-content-color-down);--spectrum-button-static-white-content-color-focus:var(--system-button-static-white-selected-static-white-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-static-white-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-selected-border-color-disabled)}:host([static-color=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-secondary-content-color-disabled)}:host([static-color=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-white-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-secondary-outline-content-color-disabled)}:host([static-color=black]){--spectrum-button-background-color-default:var(--system-button-static-black-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-content-color-disabled)}:host([static-color=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-black-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-outline-content-color-disabled)}:host([static-color=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-secondary-content-color-disabled)}:host([static-color=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-black-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-secondary-outline-content-color-disabled)}:host([size=s]){--spectrum-button-min-width:var(--system-button-size-s-min-width);--spectrum-button-border-radius:var(--system-button-size-s-border-radius);--spectrum-button-height:var(--system-button-size-s-height);--spectrum-button-font-size:var(--system-button-size-s-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-s-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-s-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-s-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-s-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-s-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-s-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-s-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-s-intended-icon-size)}:host{--spectrum-button-min-width:var(--system-button-size-m-min-width);--spectrum-button-border-radius:var(--system-button-size-m-border-radius);--spectrum-button-height:var(--system-button-size-m-height);--spectrum-button-font-size:var(--system-button-size-m-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-m-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-m-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-m-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-m-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-m-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-m-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-m-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-m-intended-icon-size)}:host([size=l]){--spectrum-button-min-width:var(--system-button-size-l-min-width);--spectrum-button-border-radius:var(--system-button-size-l-border-radius);--spectrum-button-height:var(--system-button-size-l-height);--spectrum-button-font-size:var(--system-button-size-l-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-l-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-l-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-l-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-l-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-l-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-l-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-l-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-l-intended-icon-size)}:host([size=xl]){--spectrum-button-min-width:var(--system-button-size-xl-min-width);--spectrum-button-border-radius:var(--system-button-size-xl-border-radius);--spectrum-button-height:var(--system-button-size-xl-height);--spectrum-button-font-size:var(--system-button-size-xl-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-xl-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-xl-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-xl-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-xl-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-xl-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-xl-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-xl-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-xl-intended-icon-size)}
+`;
+export default styles;
+//# sourceMappingURL=button-overrides.css.dev.js.map

package/src/button-overrides.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["button-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-button-animation-duration:var(--system-button-animation-duration);--spectrum-button-border-radius:var(--system-button-border-radius);--spectrum-button-border-width:var(--system-button-border-width);--spectrum-button-line-height:var(--system-button-line-height);--spectrum-button-focus-ring-gap:var(--system-button-focus-ring-gap);--spectrum-button-focus-ring-thickness:var(--system-button-focus-ring-thickness);--spectrum-button-focus-indicator-color:var(--system-button-focus-indicator-color);--spectrum-button-intended-icon-size:var(--system-button-intended-icon-size);--spectrum-button-background-color-default:var(--system-button-background-color-default);--spectrum-button-background-color-hover:var(--system-button-background-color-hover);--spectrum-button-background-color-down:var(--system-button-background-color-down);--spectrum-button-background-color-focus:var(--system-button-background-color-focus);--spectrum-button-border-color-default:var(--system-button-border-color-default);--spectrum-button-border-color-hover:var(--system-button-border-color-hover);--spectrum-button-border-color-down:var(--system-button-border-color-down);--spectrum-button-border-color-focus:var(--system-button-border-color-focus);--spectrum-button-content-color-default:var(--system-button-content-color-default);--spectrum-button-content-color-hover:var(--system-button-content-color-hover);--spectrum-button-content-color-down:var(--system-button-content-color-down);--spectrum-button-content-color-focus:var(--system-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-content-color-disabled)}:host([variant=accent]){--spectrum-button-background-color-default:var(--system-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-accent-content-color-disabled)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-accent-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-accent-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-accent-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-accent-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-accent-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-accent-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-accent-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-accent-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-accent-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-accent-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-accent-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-accent-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-accent-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-accent-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-accent-outline-content-color-disabled)}:host([variant=negative]){--spectrum-button-background-color-default:var(--system-button-negative-background-color-default);--spectrum-button-background-color-hover:var(--system-button-negative-background-color-hover);--spectrum-button-background-color-down:var(--system-button-negative-background-color-down);--spectrum-button-background-color-focus:var(--system-button-negative-background-color-focus);--spectrum-button-border-color-default:var(--system-button-negative-border-color-default);--spectrum-button-border-color-hover:var(--system-button-negative-border-color-hover);--spectrum-button-border-color-down:var(--system-button-negative-border-color-down);--spectrum-button-border-color-focus:var(--system-button-negative-border-color-focus);--spectrum-button-content-color-default:var(--system-button-negative-content-color-default);--spectrum-button-content-color-hover:var(--system-button-negative-content-color-hover);--spectrum-button-content-color-down:var(--system-button-negative-content-color-down);--spectrum-button-content-color-focus:var(--system-button-negative-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-negative-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-negative-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-negative-content-color-disabled)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-negative-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-negative-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-negative-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-negative-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-negative-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-negative-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-negative-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-negative-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-negative-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-negative-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-negative-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-negative-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-negative-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-negative-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-negative-outline-content-color-disabled)}:host([variant=primary]){--spectrum-button-background-color-default:var(--system-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-primary-content-color-disabled)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-primary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-primary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-primary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-primary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-primary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-primary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-primary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-primary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-primary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-primary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-primary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-primary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-primary-outline-content-color-disabled)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-secondary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-secondary-content-color-disabled)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-secondary-outline-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-secondary-outline-content-color-disabled)}:host([quiet]){--spectrum-button-background-color-default:var(--system-button-quiet-background-color-default);--spectrum-button-background-color-hover:var(--system-button-quiet-background-color-hover);--spectrum-button-background-color-down:var(--system-button-quiet-background-color-down);--spectrum-button-background-color-focus:var(--system-button-quiet-background-color-focus);--spectrum-button-border-color-default:var(--system-button-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-button-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-button-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-button-quiet-border-color-focus);--spectrum-button-background-color-disabled:var(--system-button-quiet-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-quiet-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-selected-border-color-disabled)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(--system-button-selected-emphasized-background-color-default);--spectrum-button-background-color-hover:var(--system-button-selected-emphasized-background-color-hover);--spectrum-button-background-color-down:var(--system-button-selected-emphasized-background-color-down);--spectrum-button-background-color-focus:var(--system-button-selected-emphasized-background-color-focus)}:host([static-color=black][quiet]){--spectrum-button-border-color-default:var(--system-button-static-black-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-button-static-black-quiet-border-color-disabled)}:host([static-color=white][quiet]){--spectrum-button-border-color-default:var(--system-button-static-white-quiet-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-quiet-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-quiet-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-quiet-border-color-focus);--spectrum-button-border-color-disabled:var(--system-button-static-white-quiet-border-color-disabled)}:host([static-color=white]){--spectrum-button-background-color-default:var(--system-button-static-white-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-content-color-disabled)}:host([static-color=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-white-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-outline-content-color-disabled)}:host([static-color=white][selected]){--spectrum-button-background-color-default:var(--system-button-static-white-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-selected-background-color-focus);--spectrum-button-static-white-content-color-default:var(--system-button-static-white-selected-static-white-content-color-default);--spectrum-button-static-white-content-color-hover:var(--system-button-static-white-selected-static-white-content-color-hover);--spectrum-button-static-white-content-color-down:var(--system-button-static-white-selected-static-white-content-color-down);--spectrum-button-static-white-content-color-focus:var(--system-button-static-white-selected-static-white-content-color-focus);--spectrum-button-background-color-disabled:var(--system-button-static-white-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-selected-border-color-disabled)}:host([static-color=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-secondary-content-color-disabled)}:host([static-color=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-white-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-white-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-white-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-white-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-white-secondary-outline-content-color-disabled)}:host([static-color=black]){--spectrum-button-background-color-default:var(--system-button-static-black-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-content-color-disabled)}:host([static-color=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-black-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-outline-content-color-disabled)}:host([static-color=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-secondary-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-secondary-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-secondary-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-secondary-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-secondary-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-secondary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-secondary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-secondary-content-color-disabled)}:host([static-color=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-black-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-secondary-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-secondary-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-secondary-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-secondary-outline-content-color-focus);--spectrum-button-focus-indicator-color:var(--system-button-static-black-secondary-outline-focus-indicator-color);--spectrum-button-background-color-disabled:var(--system-button-static-black-secondary-outline-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-static-black-secondary-outline-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-button-static-black-secondary-outline-content-color-disabled)}:host([size=s]){--spectrum-button-min-width:var(--system-button-size-s-min-width);--spectrum-button-border-radius:var(--system-button-size-s-border-radius);--spectrum-button-height:var(--system-button-size-s-height);--spectrum-button-font-size:var(--system-button-size-s-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-s-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-s-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-s-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-s-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-s-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-s-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-s-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-s-intended-icon-size)}:host{--spectrum-button-min-width:var(--system-button-size-m-min-width);--spectrum-button-border-radius:var(--system-button-size-m-border-radius);--spectrum-button-height:var(--system-button-size-m-height);--spectrum-button-font-size:var(--system-button-size-m-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-m-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-m-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-m-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-m-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-m-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-m-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-m-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-m-intended-icon-size)}:host([size=l]){--spectrum-button-min-width:var(--system-button-size-l-min-width);--spectrum-button-border-radius:var(--system-button-size-l-border-radius);--spectrum-button-height:var(--system-button-size-l-height);--spectrum-button-font-size:var(--system-button-size-l-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-l-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-l-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-l-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-l-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-l-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-l-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-l-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-l-intended-icon-size)}:host([size=xl]){--spectrum-button-min-width:var(--system-button-size-xl-min-width);--spectrum-button-border-radius:var(--system-button-size-xl-border-radius);--spectrum-button-height:var(--system-button-size-xl-height);--spectrum-button-font-size:var(--system-button-size-xl-font-size);--spectrum-button-edge-to-visual:var(--system-button-size-xl-edge-to-visual);--spectrum-button-edge-to-visual-only:var(--system-button-size-xl-edge-to-visual-only);--spectrum-button-edge-to-text:var(--system-button-size-xl-edge-to-text);--spectrum-button-padding-label-to-icon:var(--system-button-size-xl-padding-label-to-icon);--spectrum-button-top-to-text:var(--system-button-size-xl-top-to-text);--spectrum-button-bottom-to-text:var(--system-button-size-xl-bottom-to-text);--spectrum-button-top-to-icon:var(--system-button-size-xl-top-to-icon);--spectrum-button-intended-icon-size:var(--system-button-size-xl-intended-icon-size)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}