@spectrum-web-components/button 1.12.0-snapshot.20260422090428 → 1.12.0

package/custom-elements.json

@@ -57,7 +57,8 @@
           "type": {
             "text": "array"
           },
-          "default": "[ 'accent', 'primary', 'secondary', 'negative', 'white', 'black', ]"
+          "default": "[ 'accent', 'primary', 'secondary', 'negative', 'white', 'black', ]",
+          "deprecated": "The `VALID_VARIANTS` export is deprecated and will be removed\nin a future release."
         },
         {
           "kind": "variable",
@@ -65,7 +66,8 @@
           "type": {
             "text": "array"
           },
-          "default": "['white', 'black']"
+          "default": "['white', 'black']",
+          "deprecated": "The `VALID_STATIC_COLORS` export is deprecated and will be\nremoved in a future release."
         },
         {
           "kind": "class",
@@ -169,6 +171,7 @@
               "privacy": "public",
               "default": "'fill'",
               "description": "The visual treatment to apply to this button.",
+              "deprecated": "The `treatment` property is deprecated and will be replaced by\n`fill-style` in a future release.",
               "attribute": "treatment",
               "reflects": true
             },
@@ -176,7 +179,8 @@
               "kind": "field",
               "name": "quiet",
               "privacy": "public",
-              "description": "Style this button to be less obvious",
+              "description": "Style this button to be less obvious.",
+              "deprecated": "The `quiet` property is deprecated and will be removed in a\nfuture release.",
               "type": {
                 "text": "boolean"
               },
@@ -185,15 +189,24 @@
             {
               "kind": "field",
               "name": "noWrap",
+              "privacy": "public",
+              "description": "Disables text wrapping within the button component's label.\nPlease note that this option is not a part of the design specification\nand should be used carefully, with consideration of this overflow behavior\nand the readability of the button's content.",
+              "deprecated": "The `no-wrap` attribute is deprecated and will be replaced by\n`truncate` in a future release.",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Disables text wrapping within the button component's label.\nPlease note that this option is not a part of the design specification\nand should be used carefully, with consideration of this overflow behavior\nand the readability of the button's content.",
               "attribute": "no-wrap",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_noWrap",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "method",
               "name": "renderButton",
@@ -498,11 +511,13 @@
               },
               "default": "'fill'",
               "description": "The visual treatment to apply to this button.",
+              "deprecated": "The `treatment` property is deprecated and will be replaced by\n`fill-style` in a future release.",
               "fieldName": "treatment"
             },
             {
               "name": "quiet",
-              "description": "Style this button to be less obvious",
+              "description": "Style this button to be less obvious.",
+              "deprecated": "The `quiet` property is deprecated and will be removed in a\nfuture release.",
               "type": {
                 "text": "boolean"
               },
@@ -510,11 +525,11 @@
             },
             {
               "name": "no-wrap",
+              "description": "Disables text wrapping within the button component's label.\nPlease note that this option is not a part of the design specification\nand should be used carefully, with consideration of this overflow behavior\nand the readability of the button's content.",
+              "deprecated": "The `no-wrap` attribute is deprecated and will be replaced by\n`truncate` in a future release.",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Disables text wrapping within the button component's label.\nPlease note that this option is not a part of the design specification\nand should be used carefully, with consideration of this overflow behavior\nand the readability of the button's content.",
               "fieldName": "noWrap"
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrum-web-components/button",
-  "version": "1.12.0-snapshot.20260422090428",
+  "version": "1.12.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "Adobe",
@@ -79,14 +79,14 @@
   ],
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@spectrum-web-components/base": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/clear-button": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/close-button": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/icon": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/icons-ui": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/progress-circle": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/reactive-controllers": "1.12.0-snapshot.20260422090428",
-    "@spectrum-web-components/shared": "1.12.0-snapshot.20260422090428"
+    "@spectrum-web-components/base": "1.12.0",
+    "@spectrum-web-components/clear-button": "1.12.0",
+    "@spectrum-web-components/close-button": "1.12.0",
+    "@spectrum-web-components/icon": "1.12.0",
+    "@spectrum-web-components/icons-ui": "1.12.0",
+    "@spectrum-web-components/progress-circle": "1.12.0",
+    "@spectrum-web-components/reactive-controllers": "1.12.0",
+    "@spectrum-web-components/shared": "1.12.0"
   },
   "keywords": [
     "design-system",

package/src/Button.d.ts

@@ -12,11 +12,35 @@
 import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
 import { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
 import { ButtonBase } from './ButtonBase.js';
+/**
+ * @deprecated The `DeprecatedButtonVariants` type export is deprecated and will
+ * be removed in a future release.
+ */
 export type DeprecatedButtonVariants = 'cta' | 'overBackground';
+/**
+ * @deprecated The `ButtonStaticColors` type export is deprecated and will be
+ * removed in a future release.
+ */
 export type ButtonStaticColors = 'white' | 'black';
+/**
+ * @deprecated The `ButtonVariants` type export is deprecated and will be
+ * removed in a future release.
+ */
 export type ButtonVariants = 'accent' | 'primary' | 'secondary' | 'negative' | ButtonStaticColors | DeprecatedButtonVariants;
+/**
+ * @deprecated The `VALID_VARIANTS` export is deprecated and will be removed
+ * in a future release.
+ */
 export declare const VALID_VARIANTS: string[];
+/**
+ * @deprecated The `VALID_STATIC_COLORS` export is deprecated and will be
+ * removed in a future release.
+ */
 export declare const VALID_STATIC_COLORS: string[];
+/**
+ * @deprecated The `ButtonTreatments` type export is deprecated and will be
+ * removed in a future release.
+ */
 export type ButtonTreatments = 'fill' | 'outline';
 declare const Button_base: typeof ButtonBase & import("@spectrum-web-components/base").Constructor<import("@spectrum-web-components/base").SizedElementInterface> & import("@spectrum-web-components/base").SizedElementConstructor;
 /**
@@ -48,10 +72,16 @@ export declare class Button extends Button_base {
     staticColor?: 'black' | 'white';
     /**
      * The visual treatment to apply to this button.
+     *
+     * @deprecated The `treatment` property is deprecated and will be replaced by
+     * `fill-style` in a future release.
      */
     treatment: ButtonTreatments;
     /**
-     * Style this button to be less obvious
+     * Style this button to be less obvious.
+     *
+     * @deprecated The `quiet` property is deprecated and will be removed in a
+     * future release.
      */
     set quiet(quiet: boolean);
     /**
@@ -59,8 +89,13 @@ export declare class Button extends Button_base {
      * 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.
+     *
+     * @deprecated The `no-wrap` attribute is deprecated and will be replaced by
+     * `truncate` in a future release.
      */
-    noWrap: boolean;
+    set noWrap(value: boolean);
+    get noWrap(): boolean;
+    private _noWrap;
     get quiet(): boolean;
     protected firstUpdated(changes: PropertyValues<this>): void;
     protected renderButton(): TemplateResult;

package/src/Button.dev.js

@@ -37,7 +37,7 @@ export class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {
     this.pending = false;
     this._variant = "accent";
     this.treatment = "fill";
-    this.noWrap = false;
+    this._noWrap = false;
     this.pendingStateController = new PendingStateController(this);
   }
   static get styles() {
@@ -118,6 +118,30 @@ export class Button extends SizedMixin(ButtonBase, { noDefaultSize: true }) {
   }
   set quiet(quiet) {
     this.treatment = quiet ? "outline" : "fill";
+    if (true) {
+      window.__swc.warn(
+        this,
+        `The "quiet" property on <${this.localName}> has been deprecated and will be removed in a future release.`,
+        "https://opensource.adobe.com/spectrum-web-components/components/button",
+        { level: "deprecation" }
+      );
+    }
+  }
+  set noWrap(value) {
+    const oldValue = this._noWrap;
+    this._noWrap = value;
+    this.requestUpdate("noWrap", oldValue);
+    if (true) {
+      window.__swc.warn(
+        this,
+        `The "no-wrap" attribute on <${this.localName}> has been deprecated and will be replaced by "truncate" in a future release.`,
+        "https://opensource.adobe.com/spectrum-web-components/components/button",
+        { level: "deprecation" }
+      );
+    }
+  }
+  get noWrap() {
+    return this._noWrap;
   }
   get quiet() {
     return this.treatment === "outline";
@@ -157,5 +181,5 @@ __decorateClass([
 ], Button.prototype, "quiet", 1);
 __decorateClass([
   property({ type: Boolean, attribute: "no-wrap", reflect: true })
-], Button.prototype, "noWrap", 2);
+], Button.prototype, "noWrap", 1);
 //# sourceMappingURL=Button.dev.js.map

package/src/Button.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2026 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 { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nimport buttonStyles from './button.css.js';\nimport { ButtonBase } from './ButtonBase.dev.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) {\n      return;\n    }\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} ${this.pendingStateController.renderPendingState()}\n    `;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAWA;AAAA,EAEE;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AAEvC,OAAO,kBAAkB;AACzB,SAAS,kBAAkB;AAWpB,aAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACO,aAAM,sBAAsB,CAAC,SAAS,OAAO;AAU7C,aAAM,eAAe,WAAW,YAAY,EAAE,eAAe,KAAK,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB1E,cAAc;AACZ,UAAM;AAbR,SAAO,eAAe;AAItB,SAAO,UAAU;AA4FjB,SAAQ,WAA2B;AAYnC,SAAO,YAA8B;AAiBrC,SAAO,SAAS;AA/Gd,SAAK,yBAAyB,IAAI,uBAAuB,IAAI;AAAA,EAC/D;AAAA,EApBA,WAA2B,SAAyB;AAClD,WAAO,CAAC,GAAG,MAAM,QAAQ,YAAY;AAAA,EACvC;AAAA,EAoBgB,QAAc;AAC5B,QAAI,KAAK,SAAS;AAChB;AAAA,IACF;AACA,UAAM,MAAM;AAAA,EACd;AAAA,EAMA,IAAW,UAA0B;AACnC,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,QAAQ,SAAyB;AAC1C,QAAI,YAAY,KAAK,SAAS;AAC5B;AAAA,IACF;AAEA,SAAK,cAAc,WAAW,KAAK,OAAO;AAC1C,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,aAAK,WAAW;AAChB,YAAI,MAAqB;AACvB,iBAAO,MAAM;AAAA,YACX;AAAA,YACA,kDAAkD,KAAK,SAAS;AAAA,YAChE;AAAA,YACA,EAAE,OAAO,cAAc;AAAA,UACzB;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH,aAAK,gBAAgB,SAAS;AAC9B,aAAK,cAAc;AACnB,aAAK,YAAY;AACjB,YAAI,MAAqB;AACvB,iBAAO,MAAM;AAAA,YACX;AAAA,YACA,6DAA6D,KAAK,SAAS;AAAA,YAC3E;AAAA,YACA,EAAE,OAAO,cAAc;AAAA,UACzB;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH,aAAK,cAAc;AACnB,YAAI,MAAqB;AACvB,iBAAO,MAAM;AAAA,YACX;AAAA,YACA,oDAAoD,KAAK,SAAS;AAAA,YAClE;AAAA,YACA,EAAE,OAAO,cAAc;AAAA,UACzB;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH,aAAK,cAAc;AACnB,YAAI,MAAqB;AACvB,iBAAO,MAAM;AAAA,YACX;AAAA,YACA,oDAAoD,KAAK,SAAS;AAAA,YAClE;AAAA,YACA,EAAE,OAAO,cAAc;AAAA,UACzB;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH;AAAA,MACF;AACE,YAAI,CAAC,eAAe,SAAS,OAAO,GAAG;AACrC,eAAK,WAAW;AAAA,QAClB,OAAO;AACL,eAAK,WAAW;AAAA,QAClB;AACA;AAAA,IACJ;AACA,SAAK,aAAa,WAAW,KAAK,OAAO;AAAA,EAC3C;AAAA,EAmBA,IAAW,MAAM,OAAgB;AAC/B,SAAK,YAAY,QAAQ,YAAY;AAAA,EACvC;AAAA,EAWA,IAAW,QAAiB;AAC1B,WAAO,KAAK,cAAc;AAAA,EAC5B;AAAA,EAEmB,aAAa,SAAqC;AACnE,UAAM,aAAa,OAAO;AAI1B,QAAI,CAAC,KAAK,aAAa,SAAS,GAAG;AACjC,WAAK,aAAa,WAAW,KAAK,OAAO;AAAA,IAC3C;AACA,QAAI,KAAK,SAAS;AAChB,WAAK,uBAAuB,YAAY;AAAA,IAC1C;AAAA,EACF;AAAA,EAEmB,eAA+B;AAChD,WAAO;AAAA,QACH,KAAK,aAAa,IAAI,KAAK,uBAAuB,mBAAmB,CAAC;AAAA;AAAA,EAE5E;AACF;AArJS;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB,CAAC;AAAA,GAL3C,OAMJ;AAIA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,KAAK,CAAC;AAAA,GAThD,OAUJ;AAwBI;AAAA,EADV,SAAS;AAAA,GAjCC,OAkCA;AA0EJ;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GA3G3C,OA4GJ;AAMA;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAjHhB,OAkHJ;AAMI;AAAA,EADV,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAvHhB,OAwHA;AAWJ;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,WAAW,WAAW,SAAS,KAAK,CAAC;AAAA,GAlIrD,OAmIJ;",
+  "sourcesContent": ["/**\n * Copyright 2026 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 { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nimport buttonStyles from './button.css.js';\nimport { ButtonBase } from './ButtonBase.dev.js'\n\n/**\n * @deprecated The `DeprecatedButtonVariants` type export is deprecated and will\n * be removed in a future release.\n */\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\n\n/**\n * @deprecated The `ButtonStaticColors` type export is deprecated and will be\n * removed in a future release.\n */\nexport type ButtonStaticColors = 'white' | 'black';\n\n/**\n * @deprecated The `ButtonVariants` type export is deprecated and will be\n * removed in a future release.\n */\nexport type ButtonVariants =\n  | 'accent'\n  | 'primary'\n  | 'secondary'\n  | 'negative'\n  | ButtonStaticColors\n  | DeprecatedButtonVariants;\n\n/**\n * @deprecated The `VALID_VARIANTS` export is deprecated and will be removed\n * in a future release.\n */\nexport const VALID_VARIANTS = [\n  'accent',\n  'primary',\n  'secondary',\n  'negative',\n  'white',\n  'black',\n];\n\n/**\n * @deprecated The `VALID_STATIC_COLORS` export is deprecated and will be\n * removed in a future release.\n */\nexport const VALID_STATIC_COLORS = ['white', 'black'];\n\n/**\n * @deprecated The `ButtonTreatments` type export is deprecated and will be\n * removed in a future release.\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) {\n      return;\n    }\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   * @deprecated The `treatment` property is deprecated and will be replaced by\n   * `fill-style` in a future release.\n   */\n  @property({ reflect: true })\n  public treatment: ButtonTreatments = 'fill';\n\n  /**\n   * Style this button to be less obvious.\n   *\n   * @deprecated The `quiet` property is deprecated and will be removed in a\n   * future release.\n   */\n  @property({ type: Boolean })\n  public set quiet(quiet: boolean) {\n    this.treatment = quiet ? 'outline' : 'fill';\n    if (window.__swc?.DEBUG) {\n      window.__swc.warn(\n        this,\n        `The \"quiet\" property on <${this.localName}> has been deprecated and will be removed in a future release.`,\n        'https://opensource.adobe.com/spectrum-web-components/components/button',\n        { level: 'deprecation' }\n      );\n    }\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   * @deprecated The `no-wrap` attribute is deprecated and will be replaced by\n   * `truncate` in a future release.\n   */\n  @property({ type: Boolean, attribute: 'no-wrap', reflect: true })\n  public set noWrap(value: boolean) {\n    const oldValue = this._noWrap;\n    this._noWrap = value;\n    this.requestUpdate('noWrap', oldValue);\n    if (window.__swc?.DEBUG) {\n      window.__swc.warn(\n        this,\n        `The \"no-wrap\" attribute on <${this.localName}> has been deprecated and will be replaced by \"truncate\" in a future release.`,\n        'https://opensource.adobe.com/spectrum-web-components/components/button',\n        { level: 'deprecation' }\n      );\n    }\n  }\n\n  public get noWrap(): boolean {\n    return this._noWrap;\n  }\n  private _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} ${this.pendingStateController.renderPendingState()}\n    `;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/src/Button.js

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

package/src/Button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2026 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 { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nimport buttonStyles from './button.css.js';\nimport { ButtonBase } from './ButtonBase.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) {\n      return;\n    }\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} ${this.pendingStateController.renderPendingState()}\n    `;\n  }\n}\n"],
-  "mappings": "qNAWA,OAEE,QAAAA,EAEA,cAAAC,MAEK,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,0BAAAC,MAA8B,oEAEvC,OAAOC,MAAkB,kBACzB,OAAS,cAAAC,MAAkB,kBAWpB,aAAM,eAAiB,CAC5B,SACA,UACA,YACA,WACA,QACA,OACF,EACa,oBAAsB,CAAC,QAAS,OAAO,EAU7C,aAAM,eAAeJ,EAAWI,EAAY,CAAE,cAAe,EAAK,CAAC,CAAE,CAkB1E,aAAc,CACZ,MAAM,EAbR,KAAO,aAAe,UAItB,KAAO,QAAU,GA4FjB,KAAQ,SAA2B,SAYnC,KAAO,UAA8B,OAiBrC,KAAO,OAAS,GA/Gd,KAAK,uBAAyB,IAAIF,EAAuB,IAAI,CAC/D,CApBA,WAA2B,QAAyB,CAClD,MAAO,CAAC,GAAG,MAAM,OAAQC,CAAY,CACvC,CAoBgB,OAAc,CACxB,KAAK,SAGT,MAAM,MAAM,CACd,CAMA,IAAW,SAA0B,CACnC,OAAO,KAAK,QACd,CACA,IAAW,QAAQE,EAAyB,CAC1C,GAAIA,IAAY,KAAK,QAKrB,QADA,KAAK,cAAc,UAAW,KAAK,OAAO,EAClCA,EAAS,CACf,IAAK,MACH,KAAK,SAAW,SAShB,MACF,IAAK,iBACH,KAAK,gBAAgB,SAAS,EAC9B,KAAK,YAAc,QACnB,KAAK,UAAY,UASjB,OACF,IAAK,QACH,KAAK,YAAc,QASnB,OACF,IAAK,QACH,KAAK,YAAc,QASnB,OACF,KAAK,KACH,OACF,QACO,eAAe,SAASA,CAAO,EAGlC,KAAK,SAAWA,EAFhB,KAAK,SAAW,SAIlB,KACJ,CACA,KAAK,aAAa,UAAW,KAAK,OAAO,EAC3C,CAmBA,IAAW,MAAMC,EAAgB,CAC/B,KAAK,UAAYA,EAAQ,UAAY,MACvC,CAWA,IAAW,OAAiB,CAC1B,OAAO,KAAK,YAAc,SAC5B,CAEmB,aAAaC,EAAqC,CACnE,MAAM,aAAaA,CAAO,EAIrB,KAAK,aAAa,SAAS,GAC9B,KAAK,aAAa,UAAW,KAAK,OAAO,EAEvC,KAAK,SACP,KAAK,uBAAuB,YAAY,CAE5C,CAEmB,cAA+B,CAChD,OAAOR;AAAA,QACH,KAAK,aAAa,IAAI,KAAK,uBAAuB,mBAAmB,CAAC;AAAA,KAE5E,CACF,CArJSS,EAAA,CADNP,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAC,GAL3C,OAMJ,4BAIAO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,EAAK,CAAC,GAThD,OAUJ,uBAwBIO,EAAA,CADVP,EAAS,GAjCC,OAkCA,uBA0EJO,EAAA,CADNP,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GA3G3C,OA4GJ,2BAMAO,EAAA,CADNP,EAAS,CAAE,QAAS,EAAK,CAAC,GAjHhB,OAkHJ,yBAMIO,EAAA,CADVP,EAAS,CAAE,KAAM,OAAQ,CAAC,GAvHhB,OAwHA,qBAWJO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,UAAW,UAAW,QAAS,EAAK,CAAC,GAlIrD,OAmIJ",
-  "names": ["html", "SizedMixin", "property", "PendingStateController", "buttonStyles", "ButtonBase", "variant", "quiet", "changes", "__decorateClass"]
+  "sourcesContent": ["/**\n * Copyright 2026 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 { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nimport buttonStyles from './button.css.js';\nimport { ButtonBase } from './ButtonBase.js';\n\n/**\n * @deprecated The `DeprecatedButtonVariants` type export is deprecated and will\n * be removed in a future release.\n */\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\n\n/**\n * @deprecated The `ButtonStaticColors` type export is deprecated and will be\n * removed in a future release.\n */\nexport type ButtonStaticColors = 'white' | 'black';\n\n/**\n * @deprecated The `ButtonVariants` type export is deprecated and will be\n * removed in a future release.\n */\nexport type ButtonVariants =\n  | 'accent'\n  | 'primary'\n  | 'secondary'\n  | 'negative'\n  | ButtonStaticColors\n  | DeprecatedButtonVariants;\n\n/**\n * @deprecated The `VALID_VARIANTS` export is deprecated and will be removed\n * in a future release.\n */\nexport const VALID_VARIANTS = [\n  'accent',\n  'primary',\n  'secondary',\n  'negative',\n  'white',\n  'black',\n];\n\n/**\n * @deprecated The `VALID_STATIC_COLORS` export is deprecated and will be\n * removed in a future release.\n */\nexport const VALID_STATIC_COLORS = ['white', 'black'];\n\n/**\n * @deprecated The `ButtonTreatments` type export is deprecated and will be\n * removed in a future release.\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) {\n      return;\n    }\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   * @deprecated The `treatment` property is deprecated and will be replaced by\n   * `fill-style` in a future release.\n   */\n  @property({ reflect: true })\n  public treatment: ButtonTreatments = 'fill';\n\n  /**\n   * Style this button to be less obvious.\n   *\n   * @deprecated The `quiet` property is deprecated and will be removed in a\n   * future release.\n   */\n  @property({ type: Boolean })\n  public set quiet(quiet: boolean) {\n    this.treatment = quiet ? 'outline' : 'fill';\n    if (window.__swc?.DEBUG) {\n      window.__swc.warn(\n        this,\n        `The \"quiet\" property on <${this.localName}> has been deprecated and will be removed in a future release.`,\n        'https://opensource.adobe.com/spectrum-web-components/components/button',\n        { level: 'deprecation' }\n      );\n    }\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   * @deprecated The `no-wrap` attribute is deprecated and will be replaced by\n   * `truncate` in a future release.\n   */\n  @property({ type: Boolean, attribute: 'no-wrap', reflect: true })\n  public set noWrap(value: boolean) {\n    const oldValue = this._noWrap;\n    this._noWrap = value;\n    this.requestUpdate('noWrap', oldValue);\n    if (window.__swc?.DEBUG) {\n      window.__swc.warn(\n        this,\n        `The \"no-wrap\" attribute on <${this.localName}> has been deprecated and will be replaced by \"truncate\" in a future release.`,\n        'https://opensource.adobe.com/spectrum-web-components/components/button',\n        { level: 'deprecation' }\n      );\n    }\n  }\n\n  public get noWrap(): boolean {\n    return this._noWrap;\n  }\n  private _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} ${this.pendingStateController.renderPendingState()}\n    `;\n  }\n}\n"],
+  "mappings": "qNAWA,OAEE,QAAAA,EAEA,cAAAC,MAEK,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,0BAAAC,MAA8B,oEAEvC,OAAOC,MAAkB,kBACzB,OAAS,cAAAC,MAAkB,kBA8BpB,aAAM,eAAiB,CAC5B,SACA,UACA,YACA,WACA,QACA,OACF,EAMa,oBAAsB,CAAC,QAAS,OAAO,EAc7C,aAAM,eAAeJ,EAAWI,EAAY,CAAE,cAAe,EAAK,CAAC,CAAE,CAkB1E,aAAc,CACZ,MAAM,EAbR,KAAO,aAAe,UAItB,KAAO,QAAU,GA4FjB,KAAQ,SAA2B,SAenC,KAAO,UAA8B,OAgDrC,KAAQ,QAAU,GAjJhB,KAAK,uBAAyB,IAAIF,EAAuB,IAAI,CAC/D,CApBA,WAA2B,QAAyB,CAClD,MAAO,CAAC,GAAG,MAAM,OAAQC,CAAY,CACvC,CAoBgB,OAAc,CACxB,KAAK,SAGT,MAAM,MAAM,CACd,CAMA,IAAW,SAA0B,CACnC,OAAO,KAAK,QACd,CACA,IAAW,QAAQE,EAAyB,CAC1C,GAAIA,IAAY,KAAK,QAKrB,QADA,KAAK,cAAc,UAAW,KAAK,OAAO,EAClCA,EAAS,CACf,IAAK,MACH,KAAK,SAAW,SAShB,MACF,IAAK,iBACH,KAAK,gBAAgB,SAAS,EAC9B,KAAK,YAAc,QACnB,KAAK,UAAY,UASjB,OACF,IAAK,QACH,KAAK,YAAc,QASnB,OACF,IAAK,QACH,KAAK,YAAc,QASnB,OACF,KAAK,KACH,OACF,QACO,eAAe,SAASA,CAAO,EAGlC,KAAK,SAAWA,EAFhB,KAAK,SAAW,SAIlB,KACJ,CACA,KAAK,aAAa,UAAW,KAAK,OAAO,EAC3C,CAyBA,IAAW,MAAMC,EAAgB,CAC/B,KAAK,UAAYA,EAAQ,UAAY,MASvC,CAYA,IAAW,OAAOC,EAAgB,CAChC,MAAMC,EAAW,KAAK,QACtB,KAAK,QAAUD,EACf,KAAK,cAAc,SAAUC,CAAQ,CASvC,CAEA,IAAW,QAAkB,CAC3B,OAAO,KAAK,OACd,CAGA,IAAW,OAAiB,CAC1B,OAAO,KAAK,YAAc,SAC5B,CAEmB,aAAaC,EAAqC,CACnE,MAAM,aAAaA,CAAO,EAIrB,KAAK,aAAa,SAAS,GAC9B,KAAK,aAAa,UAAW,KAAK,OAAO,EAEvC,KAAK,SACP,KAAK,uBAAuB,YAAY,CAE5C,CAEmB,cAA+B,CAChD,OAAOV;AAAA,QACH,KAAK,aAAa,IAAI,KAAK,uBAAuB,mBAAmB,CAAC;AAAA,KAE5E,CACF,CAvLSW,EAAA,CADNT,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAC,GAL3C,OAMJ,4BAIAS,EAAA,CADNT,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,EAAK,CAAC,GAThD,OAUJ,uBAwBIS,EAAA,CADVT,EAAS,GAjCC,OAkCA,uBA0EJS,EAAA,CADNT,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GA3G3C,OA4GJ,2BASAS,EAAA,CADNT,EAAS,CAAE,QAAS,EAAK,CAAC,GApHhB,OAqHJ,yBASIS,EAAA,CADVT,EAAS,CAAE,KAAM,OAAQ,CAAC,GA7HhB,OA8HA,qBAsBAS,EAAA,CADVT,EAAS,CAAE,KAAM,QAAS,UAAW,UAAW,QAAS,EAAK,CAAC,GAnJrD,OAoJA",
+  "names": ["html", "SizedMixin", "property", "PendingStateController", "buttonStyles", "ButtonBase", "variant", "quiet", "value", "oldValue", "changes", "__decorateClass"]
 }