@spectrum-web-components/button 1.5.0-beta.0 → 1.5.0

package/README.md

@@ -11,26 +11,28 @@ loudness for various attention-getting needs.
 [![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/button?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/button)
 [![Try it on webcomponents.dev](https://img.shields.io/badge/Try%20it%20on-webcomponents.dev-green?style=for-the-badge)](https://webcomponents.dev/edit/collection/fO75441E1Q5ZlI0e9pgq/Zjc3o94DWuBkT4ve3dny/src/index.ts)
 
-```
+```zsh
 yarn add @spectrum-web-components/button
 ```
 
-Import the side effectful registration of `<sp-button>` or `<sp-clear-button>` as follows:
+Import the side effectful registration of `<sp-button>` as follows:
 
-```
+```ts
 import '@spectrum-web-components/button/sp-button.js';
-import '@spectrum-web-components/button/sp-clear-button.js';
-import '@spectrum-web-components/button/sp-close-button.js';
 ```
 
-When looking to leverage the `Button`, `ClearButton`, or `CloseButton` base classes as a type and/or for extension purposes, do so via:
+When looking to leverage the `Button` base classes as a type and/or for extension purposes, do so via:
 
-```
-import { Button, ClearButton, CloseButton } from '@spectrum-web-components/button';
+```ts
+import { Button } from '@spectrum-web-components/button';
 ```
 
 ### Anatomy
 
+```html
+<sp-button>Try me</sp-button>
+```
+
 #### Content
 
 `<sp-button>` elements can be provided a visible label,
@@ -388,7 +390,13 @@ mounts. This is useful for setting focus to a specific sp-button when a
 popover or dialog opens.
 
 ```html
-<sp-button autofocus>Confirm</sp-button>
+<sp-button id="trigger">Open</sp-button>
+<sp-overlay trigger="trigger@click" placement="bottom">
+    <sp-popover>
+        <!-- Button will autofocus when open -->
+        <sp-button autofocus>Confirm</sp-button>
+    </sp-popover>
+</sp-overlay>
 ```
 
 ### Accessibility

package/custom-elements.json

@@ -825,7 +825,7 @@
               }
             },
             {
-              "description": "The icon to use for Clear Button",
+              "description": "icon element(s) to display at the start of the button",
               "name": "icon",
               "inheritedFrom": {
                 "name": "ButtonBase",
@@ -1166,7 +1166,7 @@
               }
             },
             {
-              "description": "The icon to use for Close Button",
+              "description": "icon element(s) to display at the start of the button",
               "name": "icon",
               "inheritedFrom": {
                 "name": "ButtonBase",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/button",
-    "version": "1.5.0-beta.0",
+    "version": "1.5.0",
     "publishConfig": {
         "access": "public"
     },
@@ -11,7 +11,7 @@
         "url": "https://github.com/adobe/spectrum-web-components.git",
         "directory": "packages/button"
     },
-    "author": "",
+    "author": "Adobe",
     "homepage": "https://opensource.adobe.com/spectrum-web-components/components/button",
     "bugs": {
         "url": "https://github.com/adobe/spectrum-web-components/issues"
@@ -77,23 +77,29 @@
         "!test/"
     ],
     "keywords": [
-        "spectrum css",
+        "design-system",
+        "spectrum",
+        "adobe",
+        "adobe-spectrum",
         "web components",
+        "web-components",
         "lit-element",
-        "lit-html"
+        "lit-html",
+        "component",
+        "css"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "1.5.0-beta.0",
-        "@spectrum-web-components/clear-button": "1.5.0-beta.0",
-        "@spectrum-web-components/close-button": "1.5.0-beta.0",
-        "@spectrum-web-components/icon": "1.5.0-beta.0",
-        "@spectrum-web-components/icons-ui": "1.5.0-beta.0",
-        "@spectrum-web-components/progress-circle": "1.5.0-beta.0",
-        "@spectrum-web-components/reactive-controllers": "1.5.0-beta.0",
-        "@spectrum-web-components/shared": "1.5.0-beta.0"
+        "@spectrum-web-components/base": "1.5.0",
+        "@spectrum-web-components/clear-button": "1.5.0",
+        "@spectrum-web-components/close-button": "1.5.0",
+        "@spectrum-web-components/icon": "1.5.0",
+        "@spectrum-web-components/icons-ui": "1.5.0",
+        "@spectrum-web-components/progress-circle": "1.5.0",
+        "@spectrum-web-components/reactive-controllers": "1.5.0",
+        "@spectrum-web-components/shared": "1.5.0"
     },
     "devDependencies": {
-        "@spectrum-css/button": "14.1.1"
+        "@spectrum-css/button": "14.1.6"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

package/src/ClearButton.d.ts

@@ -12,7 +12,6 @@ declare const ClearButton_base: typeof StyledButton & {
  * @element sp-clear-button
  *
  * @slot - text label of the Clear Button
- * @slot icon - The icon to use for Clear Button
  */
 export declare class ClearButton extends ClearButton_base {
     static get styles(): CSSResultArray;

package/src/ClearButton.dev.js.map

@@ -1,7 +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';\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross75\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross75\"\n        ></sp-icon-cross75>\n    `,\n    m: () => html`\n        <sp-icon-cross100\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross100\"\n        ></sp-icon-cross100>\n    `,\n    l: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    xl: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n};\n\n/**\n * @element sp-clear-button\n *\n * @slot - text label of the Clear Button\n * @slot icon - The icon to use for Clear Button\n */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 'overBackground' | '' = '';\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAE9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAQO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAAiC;AAAA;AAAA,EARxC,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAQA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA;AAAA,EAE1C;AACJ;AAXW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.dev.js'\nimport buttonStyles from '@spectrum-web-components/clear-button/src/clear-button.css.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport crossMediumStyles from '@spectrum-web-components/icon/src/spectrum-icon-cross.css.js';\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross75\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross75\"\n        ></sp-icon-cross75>\n    `,\n    m: () => html`\n        <sp-icon-cross100\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross100\"\n        ></sp-icon-cross100>\n    `,\n    l: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    xl: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n};\n\n/**\n * @element sp-clear-button\n *\n * @slot - text label of the Clear Button\n */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 'overBackground' | '' = '';\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAE9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAOO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAAiC;AAAA;AAAA,EARxC,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAQA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA;AAAA,EAE1C;AACJ;AAXW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;",
   "names": []
 }

package/src/ClearButton.js.map

@@ -1,7 +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';\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross75\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross75\"\n        ></sp-icon-cross75>\n    `,\n    m: () => html`\n        <sp-icon-cross100\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross100\"\n        ></sp-icon-cross100>\n    `,\n    l: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    xl: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n};\n\n/**\n * @element sp-clear-button\n *\n * @slot - text label of the Clear Button\n * @slot icon - The icon to use for Clear Button\n */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 'overBackground' | '' = '';\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
-  "mappings": "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,+DAE9B,MAAMC,EAAkD,CACpD,EAAG,IAAMN;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,kCAWH,KAAO,QAAiC,GARxC,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,EAAcC,CAAiB,CAC5D,CAQA,IAAuB,eAAkC,CACrD,MAAO,CAACC,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CAEmB,QAAyB,CACxC,OAAON;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA,SAE1C,CACJ,CAXWO,EAAA,CADNL,EAAS,CAAE,QAAS,EAAK,CAAC,GAVlB,YAWF",
+  "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';\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 */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 'overBackground' | '' = '';\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
+  "mappings": "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,+DAE9B,MAAMC,EAAkD,CACpD,EAAG,IAAMN;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,EAOO,aAAM,oBAAoBC,EAAWE,EAAc,CACtD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAWH,KAAO,QAAiC,GARxC,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,EAAcC,CAAiB,CAC5D,CAQA,IAAuB,eAAkC,CACrD,MAAO,CAACC,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CAEmB,QAAyB,CACxC,OAAON;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA,SAE1C,CACJ,CAXWO,EAAA,CADNL,EAAS,CAAE,QAAS,EAAK,CAAC,GAVlB,YAWF",
   "names": ["html", "SizedMixin", "property", "StyledButton", "buttonStyles", "crossMediumStyles", "crossIcon", "__decorateClass"]
 }

package/src/CloseButton.d.ts

@@ -13,7 +13,6 @@ declare const CloseButton_base: typeof StyledButton & {
  * @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;

package/src/CloseButton.dev.js.map

@@ -1,7 +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 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 [...super.styles, buttonStyles, crossMediumStyles];\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;AAG9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAQO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAAmC;AAAA;AAAA,EAR1C,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAWA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AACJ;AARW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;AAGA;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GAb7C,YAcF;",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.dev.js'\nimport buttonStyles from '@spectrum-web-components/close-button/src/close-button.css.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';\nimport crossMediumStyles from '@spectrum-web-components/icon/src/spectrum-icon-cross.css.js';\nimport type { 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 */\nexport class CloseButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 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;AAG9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAOO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,UAAmC;AAAA;AAAA,EAR1C,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAWA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AACJ;AARW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,YAWF;AAGA;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GAb7C,YAcF;",
   "names": []
 }

package/src/CloseButton.js.map

@@ -1,7 +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 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 [...super.styles, buttonStyles, crossMediumStyles];\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,+DAG9B,MAAMC,EAAkD,CACpD,EAAG,IAAMN;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,kCAWH,KAAO,QAAmC,GAR1C,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,EAAcC,CAAiB,CAC5D,CAWA,IAAuB,eAAkC,CACrD,MAAO,CAACC,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CACJ,CARWC,EAAA,CADNL,EAAS,CAAE,QAAS,EAAK,CAAC,GAVlB,YAWF,uBAGAK,EAAA,CADNL,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GAb7C,YAcF",
+  "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 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 */\nexport class CloseButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public variant: 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,+DAG9B,MAAMC,EAAkD,CACpD,EAAG,IAAMN;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,EAOO,aAAM,oBAAoBC,EAAWE,EAAc,CACtD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAWH,KAAO,QAAmC,GAR1C,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,EAAcC,CAAiB,CAC5D,CAWA,IAAuB,eAAkC,CACrD,MAAO,CAACC,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CACJ,CARWC,EAAA,CADNL,EAAS,CAAE,QAAS,EAAK,CAAC,GAVlB,YAWF,uBAGAK,EAAA,CADNL,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GAb7C,YAcF",
   "names": ["html", "SizedMixin", "property", "StyledButton", "buttonStyles", "crossMediumStyles", "crossIcon", "__decorateClass"]
 }

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

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled);--mod-button-background-color-default:var(--system-button-background-color-default);--mod-button-background-color-hover:var(--system-button-background-color-hover);--mod-button-background-color-down:var(--system-button-background-color-down);--mod-button-background-color-focus:var(--system-button-background-color-focus);--mod-button-border-color-default:var(--system-button-border-color-default);--mod-button-border-color-hover:var(--system-button-border-color-hover);--mod-button-border-color-down:var(--system-button-border-color-down);--mod-button-border-color-focus:var(--system-button-border-color-focus)}:host([selected]){--mod-button-background-color-default:var(--system-button-selected-background-color-default);--mod-button-background-color-hover:var(--system-button-selected-background-color-hover);--mod-button-background-color-down:var(--system-button-selected-background-color-down);--mod-button-background-color-focus:var(--system-button-selected-background-color-focus)}:host([variant=primary]){--mod-button-content-color-default:var(--system-button-primary-content-color-default);--mod-button-content-color-hover:var(--system-button-primary-content-color-hover);--mod-button-content-color-down:var(--system-button-primary-content-color-down);--mod-button-content-color-focus:var(--system-button-primary-content-color-focus)}:host([variant=primary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-primary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-primary-outline-background-color-focus)}:host([variant=secondary]){--mod-button-background-color-default:var(--system-button-secondary-background-color-default)}:host([variant=secondary]:not([treatment=outline])){--mod-button-background-color-hover:var(--system-button-secondary-not-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-not-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-not-outline-background-color-focus)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-secondary-outline-border-color-default)}:host([static-color=white]){--mod-button-background-color-default:var(--system-button-static-white-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-content-color-focus)}:host([static-color=white][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus)}:host([static-color=white][variant=secondary][treatment=outline]){--mod-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus)}:host([static-color=white][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-white-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-white-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-outline-not-secondary-border-color-focus)}:host([static-color=white][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-white-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-secondary-background-color-focus)}:host([static-color=black]){--mod-button-background-color-default:var(--system-button-static-black-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-content-color-focus)}:host([static-color=black][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus)}:host([static-color=black][variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus)}:host([static-color=black][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-black-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-black-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-outline-not-secondary-border-color-focus)}:host([static-color=black][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-black-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-secondary-background-color-focus)}
+    :host{--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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-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)}:host([variant=primary]){--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)}:host([variant=primary][treatment=outline]){--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)}: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)}:host([variant=secondary][treatment=outline]){--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-down:var(--system-button-secondary-outline-border-color-down)}: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-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)}: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-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-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)}: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-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)}:host([static-color=white][variant=secondary][treatment=outline]){--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-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)}: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-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)}: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-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-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)}: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-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)}:host([static-color=black][variant=secondary][treatment=outline]){--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-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)}
 `;
 export default styles;
 //# sourceMappingURL=button-overrides.css.dev.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-overrides.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2025 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-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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled);--mod-button-background-color-default:var(--system-button-background-color-default);--mod-button-background-color-hover:var(--system-button-background-color-hover);--mod-button-background-color-down:var(--system-button-background-color-down);--mod-button-background-color-focus:var(--system-button-background-color-focus);--mod-button-border-color-default:var(--system-button-border-color-default);--mod-button-border-color-hover:var(--system-button-border-color-hover);--mod-button-border-color-down:var(--system-button-border-color-down);--mod-button-border-color-focus:var(--system-button-border-color-focus)}:host([selected]){--mod-button-background-color-default:var(--system-button-selected-background-color-default);--mod-button-background-color-hover:var(--system-button-selected-background-color-hover);--mod-button-background-color-down:var(--system-button-selected-background-color-down);--mod-button-background-color-focus:var(--system-button-selected-background-color-focus)}:host([variant=primary]){--mod-button-content-color-default:var(--system-button-primary-content-color-default);--mod-button-content-color-hover:var(--system-button-primary-content-color-hover);--mod-button-content-color-down:var(--system-button-primary-content-color-down);--mod-button-content-color-focus:var(--system-button-primary-content-color-focus)}:host([variant=primary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-primary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-primary-outline-background-color-focus)}:host([variant=secondary]){--mod-button-background-color-default:var(--system-button-secondary-background-color-default)}:host([variant=secondary]:not([treatment=outline])){--mod-button-background-color-hover:var(--system-button-secondary-not-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-not-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-not-outline-background-color-focus)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-secondary-outline-border-color-default)}:host([static-color=white]){--mod-button-background-color-default:var(--system-button-static-white-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-content-color-focus)}:host([static-color=white][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus)}:host([static-color=white][variant=secondary][treatment=outline]){--mod-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus)}:host([static-color=white][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-white-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-white-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-outline-not-secondary-border-color-focus)}:host([static-color=white][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-white-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-secondary-background-color-focus)}:host([static-color=black]){--mod-button-background-color-default:var(--system-button-static-black-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-content-color-focus)}:host([static-color=black][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus)}:host([static-color=black][variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus)}:host([static-color=black][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-black-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-black-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-outline-not-secondary-border-color-focus)}:host([static-color=black][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-black-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-secondary-background-color-focus)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2025 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-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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-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)}:host([variant=primary]){--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)}:host([variant=primary][treatment=outline]){--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)}: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)}:host([variant=secondary][treatment=outline]){--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-down:var(--system-button-secondary-outline-border-color-down)}: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-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)}: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-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-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)}: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-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)}:host([static-color=white][variant=secondary][treatment=outline]){--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-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)}: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-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)}: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-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-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)}: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-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)}:host([static-color=black][variant=secondary][treatment=outline]){--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-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)}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/button-overrides.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
-    :host{--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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled);--mod-button-background-color-default:var(--system-button-background-color-default);--mod-button-background-color-hover:var(--system-button-background-color-hover);--mod-button-background-color-down:var(--system-button-background-color-down);--mod-button-background-color-focus:var(--system-button-background-color-focus);--mod-button-border-color-default:var(--system-button-border-color-default);--mod-button-border-color-hover:var(--system-button-border-color-hover);--mod-button-border-color-down:var(--system-button-border-color-down);--mod-button-border-color-focus:var(--system-button-border-color-focus)}:host([selected]){--mod-button-background-color-default:var(--system-button-selected-background-color-default);--mod-button-background-color-hover:var(--system-button-selected-background-color-hover);--mod-button-background-color-down:var(--system-button-selected-background-color-down);--mod-button-background-color-focus:var(--system-button-selected-background-color-focus)}:host([variant=primary]){--mod-button-content-color-default:var(--system-button-primary-content-color-default);--mod-button-content-color-hover:var(--system-button-primary-content-color-hover);--mod-button-content-color-down:var(--system-button-primary-content-color-down);--mod-button-content-color-focus:var(--system-button-primary-content-color-focus)}:host([variant=primary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-primary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-primary-outline-background-color-focus)}:host([variant=secondary]){--mod-button-background-color-default:var(--system-button-secondary-background-color-default)}:host([variant=secondary]:not([treatment=outline])){--mod-button-background-color-hover:var(--system-button-secondary-not-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-not-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-not-outline-background-color-focus)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-secondary-outline-border-color-default)}:host([static-color=white]){--mod-button-background-color-default:var(--system-button-static-white-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-content-color-focus)}:host([static-color=white][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus)}:host([static-color=white][variant=secondary][treatment=outline]){--mod-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus)}:host([static-color=white][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-white-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-white-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-outline-not-secondary-border-color-focus)}:host([static-color=white][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-white-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-secondary-background-color-focus)}:host([static-color=black]){--mod-button-background-color-default:var(--system-button-static-black-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-content-color-focus)}:host([static-color=black][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus)}:host([static-color=black][variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus)}:host([static-color=black][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-black-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-black-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-outline-not-secondary-border-color-focus)}:host([static-color=black][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-black-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-secondary-background-color-focus)}
+    :host{--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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-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)}:host([variant=primary]){--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)}:host([variant=primary][treatment=outline]){--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)}: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)}:host([variant=secondary][treatment=outline]){--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-down:var(--system-button-secondary-outline-border-color-down)}: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-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)}: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-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-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)}: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-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)}:host([static-color=white][variant=secondary][treatment=outline]){--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-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)}: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-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)}: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-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-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)}: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-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)}:host([static-color=black][variant=secondary][treatment=outline]){--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-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)}
 `;export default t;
 //# sourceMappingURL=button-overrides.css.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["button-overrides.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2025 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-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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled);--mod-button-background-color-default:var(--system-button-background-color-default);--mod-button-background-color-hover:var(--system-button-background-color-hover);--mod-button-background-color-down:var(--system-button-background-color-down);--mod-button-background-color-focus:var(--system-button-background-color-focus);--mod-button-border-color-default:var(--system-button-border-color-default);--mod-button-border-color-hover:var(--system-button-border-color-hover);--mod-button-border-color-down:var(--system-button-border-color-down);--mod-button-border-color-focus:var(--system-button-border-color-focus)}:host([selected]){--mod-button-background-color-default:var(--system-button-selected-background-color-default);--mod-button-background-color-hover:var(--system-button-selected-background-color-hover);--mod-button-background-color-down:var(--system-button-selected-background-color-down);--mod-button-background-color-focus:var(--system-button-selected-background-color-focus)}:host([variant=primary]){--mod-button-content-color-default:var(--system-button-primary-content-color-default);--mod-button-content-color-hover:var(--system-button-primary-content-color-hover);--mod-button-content-color-down:var(--system-button-primary-content-color-down);--mod-button-content-color-focus:var(--system-button-primary-content-color-focus)}:host([variant=primary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-primary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-primary-outline-background-color-focus)}:host([variant=secondary]){--mod-button-background-color-default:var(--system-button-secondary-background-color-default)}:host([variant=secondary]:not([treatment=outline])){--mod-button-background-color-hover:var(--system-button-secondary-not-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-not-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-not-outline-background-color-focus)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-secondary-outline-border-color-default)}:host([static-color=white]){--mod-button-background-color-default:var(--system-button-static-white-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-content-color-focus)}:host([static-color=white][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus)}:host([static-color=white][variant=secondary][treatment=outline]){--mod-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus)}:host([static-color=white][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-white-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-white-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-white-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-white-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-white-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-white-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-white-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-white-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-white-outline-not-secondary-border-color-focus)}:host([static-color=white][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-white-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-white-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-white-outline-secondary-background-color-focus)}:host([static-color=black]){--mod-button-background-color-default:var(--system-button-static-black-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-content-color-focus)}:host([static-color=black][variant=secondary]){--mod-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--mod-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus)}:host([static-color=black][variant=secondary][treatment=outline]){--mod-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus);--mod-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus)}:host([static-color=black][treatment=outline]:not([variant=secondary])){--mod-button-background-color-hover:var(--system-button-static-black-outline-not-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-not-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-not-secondary-background-color-focus);--mod-button-content-color-default:var(--system-button-static-black-outline-not-secondary-content-color-default);--mod-button-content-color-hover:var(--system-button-static-black-outline-not-secondary-content-color-hover);--mod-button-content-color-down:var(--system-button-static-black-outline-not-secondary-content-color-down);--mod-button-content-color-focus:var(--system-button-static-black-outline-not-secondary-content-color-focus);--mod-button-border-color-default:var(--system-button-static-black-outline-not-secondary-border-color-default);--mod-button-border-color-hover:var(--system-button-static-black-outline-not-secondary-border-color-hover);--mod-button-border-color-down:var(--system-button-static-black-outline-not-secondary-border-color-down);--mod-button-border-color-focus:var(--system-button-static-black-outline-not-secondary-border-color-focus)}:host([static-color=black][treatment=outline][variant=secondary]){--mod-button-background-color-hover:var(--system-button-static-black-outline-secondary-background-color-hover);--mod-button-background-color-down:var(--system-button-static-black-outline-secondary-background-color-down);--mod-button-background-color-focus:var(--system-button-static-black-outline-secondary-background-color-focus)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2025 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-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-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-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)}:host([variant=primary]){--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)}:host([variant=primary][treatment=outline]){--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)}: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)}:host([variant=secondary][treatment=outline]){--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-down:var(--system-button-secondary-outline-border-color-down)}: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-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)}: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-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-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)}: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-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)}:host([static-color=white][variant=secondary][treatment=outline]){--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-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)}: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-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)}: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-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-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)}: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-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)}:host([static-color=black][variant=secondary][treatment=outline]){--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-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)}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }