@spectrum-web-components/button 1.9.0 → 1.9.1-nightly.20251028214328

package/sp-button.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { Button } from './src/Button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-button': Button;
-    }
-}

package/sp-button.dev.js

@@ -1,5 +0,0 @@
-"use strict";
-import { Button } from "./src/Button.dev.js";
-import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
-defineElement("sp-button", Button);
-//# sourceMappingURL=sp-button.dev.js.map

package/sp-button.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { Button } from './src/Button.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-button', Button);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-button': Button;\n    }\n}\n"],
-  "mappings": ";AAWA,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,cAAc,aAAa,MAAM;",
-  "names": []
-}

package/sp-button.js

@@ -1,2 +0,0 @@
-"use strict";import{Button as t}from"./src/Button.js";import{defineElement as e}from"@spectrum-web-components/base/src/define-element.js";e("sp-button",t);
-//# sourceMappingURL=sp-button.js.map

package/sp-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { Button } from './src/Button.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-button', Button);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-button': Button;\n    }\n}\n"],
-  "mappings": "aAWA,OAAS,UAAAA,MAAc,kBACvB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,YAAaD,CAAM",
-  "names": ["Button", "defineElement"]
-}

package/sp-clear-button.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { ClearButton } from './src/ClearButton.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-clear-button': ClearButton;
-    }
-}

package/sp-clear-button.dev.js

@@ -1,5 +0,0 @@
-"use strict";
-import { ClearButton } from "./src/ClearButton.dev.js";
-import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
-defineElement("sp-clear-button", ClearButton);
-//# sourceMappingURL=sp-clear-button.dev.js.map

package/sp-clear-button.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-clear-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { ClearButton } from './src/ClearButton.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-clear-button', ClearButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-clear-button': ClearButton;\n    }\n}\n"],
-  "mappings": ";AAWA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,cAAc,mBAAmB,WAAW;",
-  "names": []
-}

package/sp-clear-button.js

@@ -1,2 +0,0 @@
-"use strict";import{ClearButton as e}from"./src/ClearButton.js";import{defineElement as t}from"@spectrum-web-components/base/src/define-element.js";t("sp-clear-button",e);
-//# sourceMappingURL=sp-clear-button.js.map

package/sp-clear-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-clear-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { ClearButton } from './src/ClearButton.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-clear-button', ClearButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-clear-button': ClearButton;\n    }\n}\n"],
-  "mappings": "aAWA,OAAS,eAAAA,MAAmB,uBAC5B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,kBAAmBD,CAAW",
-  "names": ["ClearButton", "defineElement"]
-}

package/sp-close-button.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { CloseButton } from './src/CloseButton.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-close-button': CloseButton;
-    }
-}

package/sp-close-button.dev.js

@@ -1,5 +0,0 @@
-"use strict";
-import { CloseButton } from "./src/CloseButton.dev.js";
-import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
-defineElement("sp-close-button", CloseButton);
-//# sourceMappingURL=sp-close-button.dev.js.map

package/sp-close-button.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-close-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { CloseButton } from './src/CloseButton.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-close-button', CloseButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-close-button': CloseButton;\n    }\n}\n"],
-  "mappings": ";AAYA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,cAAc,mBAAmB,WAAW;",
-  "names": []
-}

package/sp-close-button.js

@@ -1,2 +0,0 @@
-"use strict";import{CloseButton as e}from"./src/CloseButton.js";import{defineElement as o}from"@spectrum-web-components/base/src/define-element.js";o("sp-close-button",e);
-//# sourceMappingURL=sp-close-button.js.map

package/sp-close-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-close-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { CloseButton } from './src/CloseButton.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-close-button', CloseButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-close-button': CloseButton;\n    }\n}\n"],
-  "mappings": "aAYA,OAAS,eAAAA,MAAmB,uBAC5B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,kBAAmBD,CAAW",
-  "names": ["CloseButton", "defineElement"]
-}

package/src/Button.d.ts

@@ -1,71 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
-import { ButtonBase } from './ButtonBase.js';
-import { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
-export type DeprecatedButtonVariants = 'cta' | 'overBackground';
-export type ButtonStaticColors = 'white' | 'black';
-export type ButtonVariants = 'accent' | 'primary' | 'secondary' | 'negative' | ButtonStaticColors | DeprecatedButtonVariants;
-export declare const VALID_VARIANTS: string[];
-export declare const VALID_STATIC_COLORS: string[];
-export type ButtonTreatments = 'fill' | 'outline';
-declare const Button_base: typeof ButtonBase & {
-    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
-    prototype: import("@spectrum-web-components/base").SizedElementInterface;
-};
-/**
- * @element sp-button
- *
- * @slot - text label of the Button
- * @slot icon - The icon to use for Button
- */
-export declare class Button extends Button_base {
-    static get styles(): CSSResultArray;
-    pendingLabel: string;
-    pending: boolean;
-    pendingStateController: PendingStateController<this>;
-    /**
-     * Initializes the `PendingStateController` for the Button component.
-     * The `PendingStateController` manages the pending state of the Button.
-     */
-    constructor();
-    click(): void;
-    /**
-     * The visual variant to apply to this button.
-     */
-    get variant(): ButtonVariants;
-    set variant(variant: ButtonVariants);
-    private _variant;
-    /**
-     * The static color variant to use for this button.
-     */
-    staticColor?: 'black' | 'white';
-    /**
-     * The visual treatment to apply to this button.
-     */
-    treatment: ButtonTreatments;
-    /**
-     * Style this button to be less obvious
-     */
-    set quiet(quiet: boolean);
-    /**
-     * Disables text wrapping within the button component's label.
-     * Please note that this option is not a part of the design specification
-     * and should be used carefully, with consideration of this overflow behavior
-     * and the readability of the button's content.
-     */
-    noWrap: boolean;
-    get quiet(): boolean;
-    protected firstUpdated(changes: PropertyValues<this>): void;
-    protected renderButton(): TemplateResult;
-}
-export {};

package/src/Button.dev.js

@@ -1,160 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-import {
-  html,
-  SizedMixin
-} from "@spectrum-web-components/base";
-import { property } from "@spectrum-web-components/base/src/decorators.js";
-import { ButtonBase } from "./ButtonBase.dev.js";
-import buttonStyles from "./button.css.js";
-import { PendingStateController } from "@spectrum-web-components/reactive-controllers/src/PendingState.js";
-export const VALID_VARIANTS = [
-  "accent",
-  "primary",
-  "secondary",
-  "negative",
-  "white",
-  "black"
-];
-export const VALID_STATIC_COLORS = ["white", "black"];
-export class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {
-  /**
-   * Initializes the `PendingStateController` for the Button component.
-   * The `PendingStateController` manages the pending state of the Button.
-   */
-  constructor() {
-    super();
-    this.pendingLabel = "Pending";
-    this.pending = false;
-    this._variant = "accent";
-    this.treatment = "fill";
-    this.noWrap = false;
-    this.pendingStateController = new PendingStateController(this);
-  }
-  static get styles() {
-    return [...super.styles, buttonStyles];
-  }
-  click() {
-    if (this.pending) {
-      return;
-    }
-    super.click();
-  }
-  get variant() {
-    return this._variant;
-  }
-  set variant(variant) {
-    if (variant === this.variant) return;
-    this.requestUpdate("variant", this.variant);
-    switch (variant) {
-      case "cta":
-        this._variant = "accent";
-        if (true) {
-          window.__swc.warn(
-            this,
-            `The "cta" value of the "variant" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use "variant='accent'" instead.`,
-            "https://opensource.adobe.com/spectrum-web-components/components/button/#variants",
-            { level: "deprecation" }
-          );
-        }
-        break;
-      case "overBackground":
-        this.removeAttribute("variant");
-        this.staticColor = "white";
-        this.treatment = "outline";
-        if (true) {
-          window.__swc.warn(
-            this,
-            `The "overBackground" value of the "variant" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use "staticColor='white'" with "treatment='outline'" instead.`,
-            "https://opensource.adobe.com/spectrum-web-components/components/button",
-            { level: "deprecation" }
-          );
-        }
-        return;
-      case "white":
-        this.staticColor = "white";
-        if (true) {
-          window.__swc.warn(
-            this,
-            `The "white" value of the "variant" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use "static-color='white'" instead.`,
-            "https://opensource.adobe.com/spectrum-web-components/components/button/api",
-            { level: "deprecation" }
-          );
-        }
-        return;
-      case "black":
-        this.staticColor = "black";
-        if (true) {
-          window.__swc.warn(
-            this,
-            `The "black" value of the "variant" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use "static-color='black'" instead.`,
-            "https://opensource.adobe.com/spectrum-web-components/components/button/api",
-            { level: "deprecation" }
-          );
-        }
-        return;
-      case null:
-        return;
-      default:
-        if (!VALID_VARIANTS.includes(variant)) {
-          this._variant = "accent";
-        } else {
-          this._variant = variant;
-        }
-        break;
-    }
-    this.setAttribute("variant", this.variant);
-  }
-  set quiet(quiet) {
-    this.treatment = quiet ? "outline" : "fill";
-  }
-  get quiet() {
-    return this.treatment === "outline";
-  }
-  firstUpdated(changes) {
-    super.firstUpdated(changes);
-    if (!this.hasAttribute("variant")) {
-      this.setAttribute("variant", this.variant);
-    }
-    if (this.pending) {
-      this.pendingStateController.hostUpdated();
-    }
-  }
-  renderButton() {
-    return html`
-            ${this.buttonContent}
-            ${this.pendingStateController.renderPendingState()}
-        `;
-  }
-}
-__decorateClass([
-  property({ type: String, attribute: "pending-label" })
-], Button.prototype, "pendingLabel", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: true })
-], Button.prototype, "pending", 2);
-__decorateClass([
-  property()
-], Button.prototype, "variant", 1);
-__decorateClass([
-  property({ reflect: true, attribute: "static-color" })
-], Button.prototype, "staticColor", 2);
-__decorateClass([
-  property({ reflect: true })
-], Button.prototype, "treatment", 2);
-__decorateClass([
-  property({ type: Boolean })
-], Button.prototype, "quiet", 1);
-__decorateClass([
-  property({ type: Boolean, attribute: "no-wrap", reflect: true })
-], Button.prototype, "noWrap", 2);
-//# sourceMappingURL=Button.dev.js.map

package/src/Button.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["Button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ButtonBase } from './ButtonBase.dev.js'\nimport buttonStyles from './button.css.js';\nimport { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\nexport type ButtonStaticColors = 'white' | 'black';\nexport type ButtonVariants =\n    | 'accent'\n    | 'primary'\n    | 'secondary'\n    | 'negative'\n    | ButtonStaticColors\n    | DeprecatedButtonVariants;\nexport const VALID_VARIANTS = [\n    'accent',\n    'primary',\n    'secondary',\n    'negative',\n    'white',\n    'black',\n];\nexport const VALID_STATIC_COLORS = ['white', 'black'];\n\nexport type ButtonTreatments = 'fill' | 'outline';\n\n/**\n * @element sp-button\n *\n * @slot - text label of the Button\n * @slot icon - The icon to use for Button\n */\nexport class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles];\n    }\n\n    @property({ type: String, attribute: 'pending-label' })\n    public pendingLabel = 'Pending';\n\n    // Use this property to set the button into a pending state\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public pending = false;\n\n    public pendingStateController: PendingStateController<this>;\n\n    /**\n     * Initializes the `PendingStateController` for the Button component.\n     * The `PendingStateController` manages the pending state of the Button.\n     */\n    constructor() {\n        super();\n        this.pendingStateController = new PendingStateController(this);\n    }\n\n    public override click(): void {\n        if (this.pending) {\n            return;\n        }\n        super.click();\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property()\n    public get variant(): ButtonVariants {\n        return this._variant;\n    }\n    public set variant(variant: ButtonVariants) {\n        if (variant === this.variant) return;\n\n        this.requestUpdate('variant', this.variant);\n        switch (variant) {\n            case 'cta':\n                this._variant = 'accent';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"cta\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"variant='accent'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/#variants',\n                        { level: 'deprecation' }\n                    );\n                }\n                break;\n            case 'overBackground':\n                this.removeAttribute('variant');\n                this.staticColor = 'white';\n                this.treatment = 'outline';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"overBackground\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"staticColor='white'\" with \"treatment='outline'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button',\n                        { level: 'deprecation' }\n                    );\n                }\n                return;\n            case 'white':\n                this.staticColor = 'white';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"white\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static-color='white'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/api',\n                        { level: 'deprecation' }\n                    );\n                }\n                return;\n            case 'black':\n                this.staticColor = 'black';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"black\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static-color='black'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/api',\n                        { level: 'deprecation' }\n                    );\n                }\n                return;\n            case null:\n                return;\n            default:\n                if (!VALID_VARIANTS.includes(variant)) {\n                    this._variant = 'accent';\n                } else {\n                    this._variant = variant;\n                }\n                break;\n        }\n        this.setAttribute('variant', this.variant);\n    }\n    private _variant: ButtonVariants = 'accent';\n\n    /**\n     * The static color variant to use for this button.\n     */\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'black' | 'white';\n\n    /**\n     * The visual treatment to apply to this button.\n     */\n    @property({ reflect: true })\n    public treatment: ButtonTreatments = 'fill';\n\n    /**\n     * Style this button to be less obvious\n     */\n    @property({ type: Boolean })\n    public set quiet(quiet: boolean) {\n        this.treatment = quiet ? 'outline' : 'fill';\n    }\n\n    /**\n     * Disables text wrapping within the button component's label.\n     * Please note that this option is not a part of the design specification\n     * and should be used carefully, with consideration of this overflow behavior\n     * and the readability of the button's content.\n     */\n    @property({ type: Boolean, attribute: 'no-wrap', reflect: true })\n    public noWrap = false;\n\n    public get quiet(): boolean {\n        return this.treatment === 'outline';\n    }\n\n    protected override firstUpdated(changes: PropertyValues<this>): void {\n        super.firstUpdated(changes);\n        // There is no Spectrum design context for an `<sp-button>` without a variant\n        // apply one manually when a consumer has not applied one themselves.\n\n        if (!this.hasAttribute('variant')) {\n            this.setAttribute('variant', this.variant);\n        }\n        if (this.pending) {\n            this.pendingStateController.hostUpdated();\n        }\n    }\n\n    protected override renderButton(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n            ${this.pendingStateController.renderPendingState()}\n        `;\n    }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/src/Button.js

@@ -1,5 +0,0 @@
-"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var e=(o,i,t,n)=>{for(var r=n>1?void 0:n?u(i,t):i,s=o.length-1,l;s>=0;s--)(l=o[s])&&(r=(n?l(i,t,r):l(r))||r);return n&&r&&c(i,t,r),r};import{html as p,SizedMixin as d}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{ButtonBase as h}from"./ButtonBase.js";import b from"./button.css.js";import{PendingStateController as w}from"@spectrum-web-components/reactive-controllers/src/PendingState.js";export const VALID_VARIANTS=["accent","primary","secondary","negative","white","black"],VALID_STATIC_COLORS=["white","black"];export class Button extends d(h,{noDefaultSize:!0}){constructor(){super();this.pendingLabel="Pending";this.pending=!1;this._variant="accent";this.treatment="fill";this.noWrap=!1;this.pendingStateController=new w(this)}static get styles(){return[...super.styles,b]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(t){if(t!==this.variant){switch(this.requestUpdate("variant",this.variant),t){case"cta":this._variant="accent";break;case"overBackground":this.removeAttribute("variant"),this.staticColor="white",this.treatment="outline";return;case"white":this.staticColor="white";return;case"black":this.staticColor="black";return;case null:return;default:VALID_VARIANTS.includes(t)?this._variant=t:this._variant="accent";break}this.setAttribute("variant",this.variant)}}set quiet(t){this.treatment=t?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return p`
-            ${this.buttonContent}
-            ${this.pendingStateController.renderPendingState()}
-        `}}e([a({type:String,attribute:"pending-label"})],Button.prototype,"pendingLabel",2),e([a({type:Boolean,reflect:!0,attribute:!0})],Button.prototype,"pending",2),e([a()],Button.prototype,"variant",1),e([a({reflect:!0,attribute:"static-color"})],Button.prototype,"staticColor",2),e([a({reflect:!0})],Button.prototype,"treatment",2),e([a({type:Boolean})],Button.prototype,"quiet",1),e([a({type:Boolean,attribute:"no-wrap",reflect:!0})],Button.prototype,"noWrap",2);
-//# sourceMappingURL=Button.js.map

package/src/Button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["Button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ButtonBase } from './ButtonBase.js';\nimport buttonStyles from './button.css.js';\nimport { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\nexport type ButtonStaticColors = 'white' | 'black';\nexport type ButtonVariants =\n    | 'accent'\n    | 'primary'\n    | 'secondary'\n    | 'negative'\n    | ButtonStaticColors\n    | DeprecatedButtonVariants;\nexport const VALID_VARIANTS = [\n    'accent',\n    'primary',\n    'secondary',\n    'negative',\n    'white',\n    'black',\n];\nexport const VALID_STATIC_COLORS = ['white', 'black'];\n\nexport type ButtonTreatments = 'fill' | 'outline';\n\n/**\n * @element sp-button\n *\n * @slot - text label of the Button\n * @slot icon - The icon to use for Button\n */\nexport class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles];\n    }\n\n    @property({ type: String, attribute: 'pending-label' })\n    public pendingLabel = 'Pending';\n\n    // Use this property to set the button into a pending state\n    @property({ type: Boolean, reflect: true, attribute: true })\n    public pending = false;\n\n    public pendingStateController: PendingStateController<this>;\n\n    /**\n     * Initializes the `PendingStateController` for the Button component.\n     * The `PendingStateController` manages the pending state of the Button.\n     */\n    constructor() {\n        super();\n        this.pendingStateController = new PendingStateController(this);\n    }\n\n    public override click(): void {\n        if (this.pending) {\n            return;\n        }\n        super.click();\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property()\n    public get variant(): ButtonVariants {\n        return this._variant;\n    }\n    public set variant(variant: ButtonVariants) {\n        if (variant === this.variant) return;\n\n        this.requestUpdate('variant', this.variant);\n        switch (variant) {\n            case 'cta':\n                this._variant = 'accent';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"cta\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"variant='accent'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/#variants',\n                        { level: 'deprecation' }\n                    );\n                }\n                break;\n            case 'overBackground':\n                this.removeAttribute('variant');\n                this.staticColor = 'white';\n                this.treatment = 'outline';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"overBackground\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"staticColor='white'\" with \"treatment='outline'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button',\n                        { level: 'deprecation' }\n                    );\n                }\n                return;\n            case 'white':\n                this.staticColor = 'white';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"white\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static-color='white'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/api',\n                        { level: 'deprecation' }\n                    );\n                }\n                return;\n            case 'black':\n                this.staticColor = 'black';\n                if (window.__swc.DEBUG) {\n                    window.__swc.warn(\n                        this,\n                        `The \"black\" value of the \"variant\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static-color='black'\" instead.`,\n                        'https://opensource.adobe.com/spectrum-web-components/components/button/api',\n                        { level: 'deprecation' }\n                    );\n                }\n                return;\n            case null:\n                return;\n            default:\n                if (!VALID_VARIANTS.includes(variant)) {\n                    this._variant = 'accent';\n                } else {\n                    this._variant = variant;\n                }\n                break;\n        }\n        this.setAttribute('variant', this.variant);\n    }\n    private _variant: ButtonVariants = 'accent';\n\n    /**\n     * The static color variant to use for this button.\n     */\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'black' | 'white';\n\n    /**\n     * The visual treatment to apply to this button.\n     */\n    @property({ reflect: true })\n    public treatment: ButtonTreatments = 'fill';\n\n    /**\n     * Style this button to be less obvious\n     */\n    @property({ type: Boolean })\n    public set quiet(quiet: boolean) {\n        this.treatment = quiet ? 'outline' : 'fill';\n    }\n\n    /**\n     * Disables text wrapping within the button component's label.\n     * Please note that this option is not a part of the design specification\n     * and should be used carefully, with consideration of this overflow behavior\n     * and the readability of the button's content.\n     */\n    @property({ type: Boolean, attribute: 'no-wrap', reflect: true })\n    public noWrap = false;\n\n    public get quiet(): boolean {\n        return this.treatment === 'outline';\n    }\n\n    protected override firstUpdated(changes: PropertyValues<this>): void {\n        super.firstUpdated(changes);\n        // There is no Spectrum design context for an `<sp-button>` without a variant\n        // apply one manually when a consumer has not applied one themselves.\n\n        if (!this.hasAttribute('variant')) {\n            this.setAttribute('variant', this.variant);\n        }\n        if (this.pending) {\n            this.pendingStateController.hostUpdated();\n        }\n    }\n\n    protected override renderButton(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n            ${this.pendingStateController.renderPendingState()}\n        `;\n    }\n}\n"],
-  "mappings": "qNAWA,OAEI,QAAAA,EAEA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,cAAAC,MAAkB,kBAC3B,OAAOC,MAAkB,kBACzB,OAAS,0BAAAC,MAA8B,oEAWhC,aAAM,eAAiB,CAC1B,SACA,UACA,YACA,WACA,QACA,OACJ,EACa,oBAAsB,CAAC,QAAS,OAAO,EAU7C,aAAM,eAAeJ,EAAWE,EAAY,CAAE,cAAe,EAAK,CAAC,CAAE,CAkBxE,aAAc,CACV,MAAM,EAbV,KAAO,aAAe,UAItB,KAAO,QAAU,GA0FjB,KAAQ,SAA2B,SAYnC,KAAO,UAA8B,OAiBrC,KAAO,OAAS,GA7GZ,KAAK,uBAAyB,IAAIE,EAAuB,IAAI,CACjE,CApBA,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQD,CAAY,CACzC,CAoBgB,OAAc,CACtB,KAAK,SAGT,MAAM,MAAM,CAChB,CAMA,IAAW,SAA0B,CACjC,OAAO,KAAK,QAChB,CACA,IAAW,QAAQE,EAAyB,CACxC,GAAIA,IAAY,KAAK,QAGrB,QADA,KAAK,cAAc,UAAW,KAAK,OAAO,EAClCA,EAAS,CACb,IAAK,MACD,KAAK,SAAW,SAShB,MACJ,IAAK,iBACD,KAAK,gBAAgB,SAAS,EAC9B,KAAK,YAAc,QACnB,KAAK,UAAY,UASjB,OACJ,IAAK,QACD,KAAK,YAAc,QASnB,OACJ,IAAK,QACD,KAAK,YAAc,QASnB,OACJ,KAAK,KACD,OACJ,QACS,eAAe,SAASA,CAAO,EAGhC,KAAK,SAAWA,EAFhB,KAAK,SAAW,SAIpB,KACR,CACA,KAAK,aAAa,UAAW,KAAK,OAAO,EAC7C,CAmBA,IAAW,MAAMC,EAAgB,CAC7B,KAAK,UAAYA,EAAQ,UAAY,MACzC,CAWA,IAAW,OAAiB,CACxB,OAAO,KAAK,YAAc,SAC9B,CAEmB,aAAaC,EAAqC,CACjE,MAAM,aAAaA,CAAO,EAIrB,KAAK,aAAa,SAAS,GAC5B,KAAK,aAAa,UAAW,KAAK,OAAO,EAEzC,KAAK,SACL,KAAK,uBAAuB,YAAY,CAEhD,CAEmB,cAA+B,CAC9C,OAAOR;AAAA,cACD,KAAK,aAAa;AAAA,cAClB,KAAK,uBAAuB,mBAAmB,CAAC;AAAA,SAE1D,CACJ,CApJWS,EAAA,CADNP,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAC,GAL7C,OAMF,4BAIAO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,EAAK,CAAC,GATlD,OAUF,uBAwBIO,EAAA,CADVP,EAAS,GAjCD,OAkCE,uBAwEJO,EAAA,CADNP,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GAzG7C,OA0GF,2BAMAO,EAAA,CADNP,EAAS,CAAE,QAAS,EAAK,CAAC,GA/GlB,OAgHF,yBAMIO,EAAA,CADVP,EAAS,CAAE,KAAM,OAAQ,CAAC,GArHlB,OAsHE,qBAWJO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,UAAW,UAAW,QAAS,EAAK,CAAC,GAhIvD,OAiIF",
-  "names": ["html", "SizedMixin", "property", "ButtonBase", "buttonStyles", "PendingStateController", "variant", "quiet", "changes", "__decorateClass"]
-}

package/src/ButtonBase.d.ts

@@ -1,54 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
-import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
-declare const ButtonBase_base: typeof Focusable & {
-    new (...args: any[]): import("@spectrum-web-components/shared/src/like-anchor.js").LikeAnchorInterface;
-    prototype: import("@spectrum-web-components/shared/src/like-anchor.js").LikeAnchorInterface;
-} & {
-    new (...args: any[]): import("@spectrum-web-components/shared/src/observe-slot-text.js").SlotTextObservingInterface;
-    prototype: import("@spectrum-web-components/shared/src/observe-slot-text.js").SlotTextObservingInterface;
-};
-/**
- * @slot - text content to be displayed in the Button element
- * @slot icon - icon element(s) to display at the start of the button
- */
-export declare class ButtonBase extends ButtonBase_base {
-    static get styles(): CSSResultArray;
-    active: boolean;
-    /**
-     * The default behavior of the button.
-     * Possible values are: `button` (default), `submit`, and `reset`.
-     */
-    type: 'button' | 'submit' | 'reset';
-    /**
-     * HTML anchor element that component clicks by proxy
-     */
-    private anchorElement;
-    get focusElement(): HTMLElement;
-    protected get hasLabel(): boolean;
-    protected get buttonContent(): TemplateResult[];
-    constructor();
-    private handleClickCapture;
-    private proxyFocus;
-    private shouldProxyClick;
-    renderAnchor(): TemplateResult;
-    protected renderButton(): TemplateResult;
-    protected render(): TemplateResult;
-    protected handleKeydown(event: KeyboardEvent): void;
-    private handleKeypress;
-    protected handleKeyup(event: KeyboardEvent): void;
-    private manageAnchor;
-    protected firstUpdated(changed: PropertyValues): void;
-    protected updated(changed: PropertyValues): void;
-}
-export {};