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

package/src/ButtonBase.dev.js

@@ -1,195 +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
-} from "@spectrum-web-components/base";
-import {
-  property,
-  query
-} from "@spectrum-web-components/base/src/decorators.js";
-import { LikeAnchor } from "@spectrum-web-components/shared/src/like-anchor.js";
-import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
-import { ObserveSlotText } from "@spectrum-web-components/shared/src/observe-slot-text.js";
-import buttonStyles from "./button-base.css.js";
-export class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), "", [
-  "sp-overlay,sp-tooltip"
-]) {
-  constructor() {
-    super();
-    this.active = false;
-    this.type = "button";
-    this.proxyFocus = this.proxyFocus.bind(this);
-    this.addEventListener("click", this.handleClickCapture, {
-      capture: true
-    });
-  }
-  static get styles() {
-    return [buttonStyles];
-  }
-  get focusElement() {
-    return this;
-  }
-  get hasLabel() {
-    return this.slotHasContent;
-  }
-  get buttonContent() {
-    const content = [
-      html`
-                <slot name="icon" ?icon-only=${!this.hasLabel}></slot>
-            `,
-      html`
-                <span id="label">
-                    <slot @slotchange=${this.manageTextObservedSlot}></slot>
-                </span>
-            `
-    ];
-    return content;
-  }
-  handleClickCapture(event) {
-    if (this.disabled) {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      event.stopPropagation();
-      return false;
-    }
-    if (this.shouldProxyClick(event)) {
-      return;
-    }
-  }
-  proxyFocus() {
-    this.focus();
-  }
-  shouldProxyClick(event) {
-    let handled = false;
-    if (event && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) {
-      return false;
-    }
-    if (this.anchorElement) {
-      this.anchorElement.click();
-      handled = true;
-    } else if (this.type !== "button") {
-      const proxy = document.createElement("button");
-      proxy.type = this.type;
-      this.insertAdjacentElement("afterend", proxy);
-      proxy.click();
-      proxy.remove();
-      handled = true;
-    }
-    return handled;
-  }
-  renderAnchor() {
-    return html`
-            ${this.buttonContent}
-            ${super.renderAnchor({
-      id: "button",
-      ariaHidden: true,
-      className: "button anchor",
-      tabindex: -1
-    })}
-        `;
-  }
-  renderButton() {
-    return html`
-            ${this.buttonContent}
-        `;
-  }
-  render() {
-    return this.href && this.href.length > 0 ? this.renderAnchor() : this.renderButton();
-  }
-  handleKeydown(event) {
-    const { code } = event;
-    switch (code) {
-      case "Space":
-        event.preventDefault();
-        if (typeof this.href === "undefined") {
-          this.addEventListener("keyup", this.handleKeyup);
-          this.active = true;
-        }
-        break;
-      default:
-        break;
-    }
-  }
-  handleKeypress(event) {
-    const { code } = event;
-    switch (code) {
-      case "Enter":
-      case "NumpadEnter":
-        this.click();
-        break;
-      default:
-        break;
-    }
-  }
-  handleKeyup(event) {
-    const { code } = event;
-    switch (code) {
-      case "Space":
-        this.removeEventListener("keyup", this.handleKeyup);
-        this.active = false;
-        this.click();
-        break;
-      default:
-        break;
-    }
-  }
-  manageAnchor() {
-    if (this.href && this.href.length > 0) {
-      if (!this.hasAttribute("role") || this.getAttribute("role") === "button") {
-        this.setAttribute("role", "link");
-      }
-    } else {
-      if (!this.hasAttribute("role") || this.getAttribute("role") === "link") {
-        this.setAttribute("role", "button");
-      }
-    }
-  }
-  firstUpdated(changed) {
-    super.firstUpdated(changed);
-    if (!this.hasAttribute("tabindex")) {
-      this.setAttribute("tabindex", "0");
-    }
-    this.manageAnchor();
-    this.addEventListener("keydown", this.handleKeydown);
-    this.addEventListener("keypress", this.handleKeypress);
-  }
-  updated(changed) {
-    super.updated(changed);
-    if (changed.has("href")) {
-      this.manageAnchor();
-    }
-    if (changed.has("label")) {
-      if (this.label) {
-        this.setAttribute("aria-label", this.label);
-      } else {
-        this.removeAttribute("aria-label");
-      }
-    }
-    if (this.anchorElement) {
-      this.anchorElement.tabIndex = -1;
-      if (!this.anchorElement.hasAttribute("aria-hidden")) {
-        this.anchorElement.setAttribute("aria-hidden", "true");
-      }
-      this.anchorElement.addEventListener("focus", this.proxyFocus);
-    }
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], ButtonBase.prototype, "active", 2);
-__decorateClass([
-  property({ type: String })
-], ButtonBase.prototype, "type", 2);
-__decorateClass([
-  query(".anchor")
-], ButtonBase.prototype, "anchorElement", 2);
-//# sourceMappingURL=ButtonBase.dev.js.map

package/src/ButtonBase.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ButtonBase.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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport buttonStyles from './button-base.css.js';\n\n/**\n * @slot - text content to be displayed in the Button element\n * @slot icon - icon element(s) to display at the start of the button\n */\nexport class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [\n    'sp-overlay,sp-tooltip',\n]) {\n    public static override get styles(): CSSResultArray {\n        return [buttonStyles];\n    }\n\n    // TODO we need to document this property for consumers,\n    // as it's not a 1:1 equivalent to active\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    /**\n     * The default behavior of the button.\n     * Possible values are: `button` (default), `submit`, and `reset`.\n     */\n    @property({ type: String })\n    public type: 'button' | 'submit' | 'reset' = 'button';\n\n    /**\n     * HTML anchor element that component clicks by proxy\n     */\n    @query('.anchor')\n    private anchorElement!: HTMLAnchorElement;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    protected get hasLabel(): boolean {\n        return this.slotHasContent;\n    }\n\n    protected get buttonContent(): TemplateResult[] {\n        const content = [\n            html`\n                <slot name=\"icon\" ?icon-only=${!this.hasLabel}></slot>\n            `,\n            html`\n                <span id=\"label\">\n                    <slot @slotchange=${this.manageTextObservedSlot}></slot>\n                </span>\n            `,\n        ];\n        return content;\n    }\n\n    constructor() {\n        super();\n        this.proxyFocus = this.proxyFocus.bind(this);\n\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n\n        if (this.shouldProxyClick(event as MouseEvent)) {\n            return;\n        }\n    }\n\n    private proxyFocus(): void {\n        this.focus();\n    }\n\n    private shouldProxyClick(event?: MouseEvent): boolean {\n        let handled = false;\n\n        // Don't proxy clicks with modifier keys (Command/Meta, Ctrl, Shift, Alt)\n        if (\n            event &&\n            (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)\n        ) {\n            return false;\n        }\n\n        if (this.anchorElement) {\n            // Click HTML anchor element by proxy, but only for non-modified clicks\n            this.anchorElement.click();\n            handled = true;\n            // if the button type is `submit` or `reset`\n        } else if (this.type !== 'button') {\n            // create an HTML Button Element by proxy, click it, and remove it\n            const proxy = document.createElement('button');\n            proxy.type = this.type;\n            this.insertAdjacentElement('afterend', proxy);\n            proxy.click();\n            proxy.remove();\n            handled = true;\n        }\n        return handled;\n    }\n\n    public override renderAnchor(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n            ${super.renderAnchor({\n                id: 'button',\n                ariaHidden: true,\n                className: 'button anchor',\n                tabindex: -1,\n            })}\n        `;\n    }\n\n    protected renderButton(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return this.href && this.href.length > 0\n            ? this.renderAnchor()\n            : this.renderButton();\n    }\n\n    protected handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                event.preventDefault();\n                // allows button to activate when `Space` is pressed\n                if (typeof this.href === 'undefined') {\n                    this.addEventListener('keyup', this.handleKeyup);\n                    this.active = true;\n                }\n                break;\n            default:\n                break;\n        }\n    }\n\n    private handleKeypress(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Enter':\n            case 'NumpadEnter':\n                // allows button or link to be activated with `Enter` and `NumpadEnter`\n                this.click();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected handleKeyup(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.removeEventListener('keyup', this.handleKeyup);\n                this.active = false;\n                this.click();\n                break;\n            default:\n                break;\n        }\n    }\n\n    private manageAnchor(): void {\n        // for a link\n        if (this.href && this.href.length > 0) {\n            // if the role is set to button\n            if (\n                !this.hasAttribute('role') ||\n                this.getAttribute('role') === 'button'\n            ) {\n                // change role to link\n                this.setAttribute('role', 'link');\n            }\n            // else for a button\n        } else {\n            // if the role is set to link\n            if (\n                !this.hasAttribute('role') ||\n                this.getAttribute('role') === 'link'\n            ) {\n                // change role to button\n                this.setAttribute('role', 'button');\n            }\n        }\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        if (!this.hasAttribute('tabindex')) {\n            this.setAttribute('tabindex', '0');\n        }\n\n        this.manageAnchor();\n        this.addEventListener('keydown', this.handleKeydown);\n        this.addEventListener('keypress', this.handleKeypress);\n    }\n\n    protected override updated(changed: PropertyValues): void {\n        super.updated(changed);\n        if (changed.has('href')) {\n            this.manageAnchor();\n        }\n\n        if (changed.has('label')) {\n            if (this.label) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (this.anchorElement) {\n            // Ensure the anchor element is not focusable directly via tab\n            this.anchorElement.tabIndex = -1;\n\n            // Make sure it has proper ARIA attributes\n            if (!this.anchorElement.hasAttribute('aria-hidden')) {\n                this.anchorElement.setAttribute('aria-hidden', 'true');\n            }\n\n            // Set up focus delegation\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n        }\n    }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/src/ButtonBase.js

@@ -1,13 +0,0 @@
-"use strict";var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=(n,i,e,t)=>{for(var r=t>1?void 0:t?d(i,e):i,a=n.length-1,l;a>=0;a--)(l=n[a])&&(r=(t?l(i,e,r):l(r))||r);return t&&r&&u(i,e,r),r};import{html as o}from"@spectrum-web-components/base";import{property as h,query as c}from"@spectrum-web-components/base/src/decorators.js";import{LikeAnchor as p}from"@spectrum-web-components/shared/src/like-anchor.js";import{Focusable as b}from"@spectrum-web-components/shared/src/focusable.js";import{ObserveSlotText as f}from"@spectrum-web-components/shared/src/observe-slot-text.js";import m from"./button-base.css.js";export class ButtonBase extends f(p(b),"",["sp-overlay,sp-tooltip"]){constructor(){super();this.active=!1;this.type="button";this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener("click",this.handleClickCapture,{capture:!0})}static get styles(){return[m]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[o`
-                <slot name="icon" ?icon-only=${!this.hasLabel}></slot>
-            `,o`
-                <span id="label">
-                    <slot @slotchange=${this.manageTextObservedSlot}></slot>
-                </span>
-            `]}handleClickCapture(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),!1;this.shouldProxyClick(e)}proxyFocus(){this.focus()}shouldProxyClick(e){let t=!1;if(e&&(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey))return!1;if(this.anchorElement)this.anchorElement.click(),t=!0;else if(this.type!=="button"){const r=document.createElement("button");r.type=this.type,this.insertAdjacentElement("afterend",r),r.click(),r.remove(),t=!0}return t}renderAnchor(){return o`
-            ${this.buttonContent}
-            ${super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor",tabindex:-1})}
-        `}renderButton(){return o`
-            ${this.buttonContent}
-        `}render(){return this.href&&this.href.length>0?this.renderAnchor():this.renderButton()}handleKeydown(e){const{code:t}=e;switch(t){case"Space":e.preventDefault(),typeof this.href=="undefined"&&(this.addEventListener("keyup",this.handleKeyup),this.active=!0);break;default:break}}handleKeypress(e){const{code:t}=e;switch(t){case"Enter":case"NumpadEnter":this.click();break;default:break}}handleKeyup(e){const{code:t}=e;switch(t){case"Space":this.removeEventListener("keyup",this.handleKeyup),this.active=!1,this.click();break;default:break}}manageAnchor(){this.href&&this.href.length>0?(!this.hasAttribute("role")||this.getAttribute("role")==="button")&&this.setAttribute("role","link"):(!this.hasAttribute("role")||this.getAttribute("role")==="link")&&this.setAttribute("role","button")}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.manageAnchor(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}updated(e){super.updated(e),e.has("href")&&this.manageAnchor(),e.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),this.anchorElement&&(this.anchorElement.tabIndex=-1,this.anchorElement.hasAttribute("aria-hidden")||this.anchorElement.setAttribute("aria-hidden","true"),this.anchorElement.addEventListener("focus",this.proxyFocus))}}s([h({type:Boolean,reflect:!0})],ButtonBase.prototype,"active",2),s([h({type:String})],ButtonBase.prototype,"type",2),s([c(".anchor")],ButtonBase.prototype,"anchorElement",2);
-//# sourceMappingURL=ButtonBase.js.map

package/src/ButtonBase.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ButtonBase.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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport buttonStyles from './button-base.css.js';\n\n/**\n * @slot - text content to be displayed in the Button element\n * @slot icon - icon element(s) to display at the start of the button\n */\nexport class ButtonBase extends ObserveSlotText(LikeAnchor(Focusable), '', [\n    'sp-overlay,sp-tooltip',\n]) {\n    public static override get styles(): CSSResultArray {\n        return [buttonStyles];\n    }\n\n    // TODO we need to document this property for consumers,\n    // as it's not a 1:1 equivalent to active\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    /**\n     * The default behavior of the button.\n     * Possible values are: `button` (default), `submit`, and `reset`.\n     */\n    @property({ type: String })\n    public type: 'button' | 'submit' | 'reset' = 'button';\n\n    /**\n     * HTML anchor element that component clicks by proxy\n     */\n    @query('.anchor')\n    private anchorElement!: HTMLAnchorElement;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    protected get hasLabel(): boolean {\n        return this.slotHasContent;\n    }\n\n    protected get buttonContent(): TemplateResult[] {\n        const content = [\n            html`\n                <slot name=\"icon\" ?icon-only=${!this.hasLabel}></slot>\n            `,\n            html`\n                <span id=\"label\">\n                    <slot @slotchange=${this.manageTextObservedSlot}></slot>\n                </span>\n            `,\n        ];\n        return content;\n    }\n\n    constructor() {\n        super();\n        this.proxyFocus = this.proxyFocus.bind(this);\n\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n\n        if (this.shouldProxyClick(event as MouseEvent)) {\n            return;\n        }\n    }\n\n    private proxyFocus(): void {\n        this.focus();\n    }\n\n    private shouldProxyClick(event?: MouseEvent): boolean {\n        let handled = false;\n\n        // Don't proxy clicks with modifier keys (Command/Meta, Ctrl, Shift, Alt)\n        if (\n            event &&\n            (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)\n        ) {\n            return false;\n        }\n\n        if (this.anchorElement) {\n            // Click HTML anchor element by proxy, but only for non-modified clicks\n            this.anchorElement.click();\n            handled = true;\n            // if the button type is `submit` or `reset`\n        } else if (this.type !== 'button') {\n            // create an HTML Button Element by proxy, click it, and remove it\n            const proxy = document.createElement('button');\n            proxy.type = this.type;\n            this.insertAdjacentElement('afterend', proxy);\n            proxy.click();\n            proxy.remove();\n            handled = true;\n        }\n        return handled;\n    }\n\n    public override renderAnchor(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n            ${super.renderAnchor({\n                id: 'button',\n                ariaHidden: true,\n                className: 'button anchor',\n                tabindex: -1,\n            })}\n        `;\n    }\n\n    protected renderButton(): TemplateResult {\n        return html`\n            ${this.buttonContent}\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return this.href && this.href.length > 0\n            ? this.renderAnchor()\n            : this.renderButton();\n    }\n\n    protected handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                event.preventDefault();\n                // allows button to activate when `Space` is pressed\n                if (typeof this.href === 'undefined') {\n                    this.addEventListener('keyup', this.handleKeyup);\n                    this.active = true;\n                }\n                break;\n            default:\n                break;\n        }\n    }\n\n    private handleKeypress(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Enter':\n            case 'NumpadEnter':\n                // allows button or link to be activated with `Enter` and `NumpadEnter`\n                this.click();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected handleKeyup(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.removeEventListener('keyup', this.handleKeyup);\n                this.active = false;\n                this.click();\n                break;\n            default:\n                break;\n        }\n    }\n\n    private manageAnchor(): void {\n        // for a link\n        if (this.href && this.href.length > 0) {\n            // if the role is set to button\n            if (\n                !this.hasAttribute('role') ||\n                this.getAttribute('role') === 'button'\n            ) {\n                // change role to link\n                this.setAttribute('role', 'link');\n            }\n            // else for a button\n        } else {\n            // if the role is set to link\n            if (\n                !this.hasAttribute('role') ||\n                this.getAttribute('role') === 'link'\n            ) {\n                // change role to button\n                this.setAttribute('role', 'button');\n            }\n        }\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        if (!this.hasAttribute('tabindex')) {\n            this.setAttribute('tabindex', '0');\n        }\n\n        this.manageAnchor();\n        this.addEventListener('keydown', this.handleKeydown);\n        this.addEventListener('keypress', this.handleKeypress);\n    }\n\n    protected override updated(changed: PropertyValues): void {\n        super.updated(changed);\n        if (changed.has('href')) {\n            this.manageAnchor();\n        }\n\n        if (changed.has('label')) {\n            if (this.label) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (this.anchorElement) {\n            // Ensure the anchor element is not focusable directly via tab\n            this.anchorElement.tabIndex = -1;\n\n            // Make sure it has proper ARIA attributes\n            if (!this.anchorElement.hasAttribute('aria-hidden')) {\n                this.anchorElement.setAttribute('aria-hidden', 'true');\n            }\n\n            // Set up focus delegation\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n        }\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["html", "property", "query", "LikeAnchor", "Focusable", "ObserveSlotText", "buttonStyles", "event", "handled", "proxy", "code", "changed", "__decorateClass"]
-}

package/src/ClearButton.d.ts

@@ -1,44 +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, TemplateResult } from '@spectrum-web-components/base';
-import { StyledButton } from './StyledButton.js';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';
-declare const ClearButton_base: typeof StyledButton & {
-    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
-    prototype: import("@spectrum-web-components/base").SizedElementInterface;
-};
-/**
- * @element sp-clear-button
- *
- * @slot - text label of the Clear Button
- */
-export declare class ClearButton extends ClearButton_base {
-    static get styles(): CSSResultArray;
-    quiet: boolean;
-    /**
-     * The visual variant to apply to this button.
-     * @deprecated Use `static-color='white'` instead.
-     */
-    set variant(variant: 'overBackground' | undefined);
-    get variant(): 'overBackground' | undefined;
-    private _variant;
-    /**
-     * The visual variant to apply to this button.
-     */
-    staticColor: 'white' | undefined;
-    protected get buttonContent(): TemplateResult[];
-    protected render(): TemplateResult;
-}
-export {};

package/src/ClearButton.dev.js

@@ -1,104 +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 { StyledButton } from "./StyledButton.dev.js";
-import buttonStyles from "@spectrum-web-components/clear-button/src/clear-button.css.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";
-import crossMediumStyles from "@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";
-const crossIcon = {
-  s: () => html`
-        <sp-icon-cross75
-            slot="icon"
-            class="icon spectrum-UIIcon-Cross75"
-        ></sp-icon-cross75>
-    `,
-  m: () => html`
-        <sp-icon-cross100
-            slot="icon"
-            class="icon spectrum-UIIcon-Cross100"
-        ></sp-icon-cross100>
-    `,
-  l: () => html`
-        <sp-icon-cross200
-            slot="icon"
-            class="icon spectrum-UIIcon-Cross200"
-        ></sp-icon-cross200>
-    `,
-  xl: () => html`
-        <sp-icon-cross300
-            slot="icon"
-            class="icon spectrum-UIIcon-Cross300"
-        ></sp-icon-cross300>
-    `
-};
-export class ClearButton extends SizedMixin(StyledButton, {
-  noDefaultSize: true
-}) {
-  constructor() {
-    super(...arguments);
-    this.quiet = false;
-  }
-  static get styles() {
-    return [...super.styles, buttonStyles, crossMediumStyles];
-  }
-  set variant(variant) {
-    const oldValue = this._variant;
-    const oldStaticColor = this.staticColor;
-    if (variant !== "overBackground") {
-      this.removeAttribute("variant");
-      this._variant = void 0;
-      this.staticColor = void 0;
-      return;
-    }
-    this.setAttribute("variant", variant);
-    this._variant = variant;
-    this.staticColor = "white";
-    if (true) {
-      window.__swc.warn(
-        this,
-        'The overBackground variant is deprecated. Please use `static-color="white"` instead.',
-        "https://opensource.adobe.com/spectrum-web-components/components/clear-button/",
-        { level: "deprecation" }
-      );
-    }
-    this.requestUpdate("variant", oldValue);
-    this.requestUpdate("staticColor", oldStaticColor);
-  }
-  get variant() {
-    return this._variant;
-  }
-  get buttonContent() {
-    return [crossIcon[this.size]()];
-  }
-  render() {
-    return html`
-            <div class="fill">${super.render()}</div>
-        `;
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], ClearButton.prototype, "quiet", 2);
-__decorateClass([
-  property({ reflect: true })
-], ClearButton.prototype, "variant", 1);
-__decorateClass([
-  property({ reflect: true, attribute: "static-color" })
-], ClearButton.prototype, "staticColor", 2);
-//# sourceMappingURL=ClearButton.dev.js.map

package/src/ClearButton.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ClearButton.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 {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.dev.js'\nimport buttonStyles from '@spectrum-web-components/clear-button/src/clear-button.css.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport crossMediumStyles from '@spectrum-web-components/icon/src/spectrum-icon-cross.css.js';\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross75\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross75\"\n        ></sp-icon-cross75>\n    `,\n    m: () => html`\n        <sp-icon-cross100\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross100\"\n        ></sp-icon-cross100>\n    `,\n    l: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    xl: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n};\n\n/**\n * @element sp-clear-button\n *\n * @slot - text label of the Clear Button\n */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public quiet = false;\n\n    /**\n     * The visual variant to apply to this button.\n     * @deprecated Use `static-color='white'` instead.\n     */\n    @property({ reflect: true })\n    public set variant(variant: 'overBackground' | undefined) {\n        const oldValue = this._variant;\n        const oldStaticColor = this.staticColor;\n        if (variant !== 'overBackground') {\n            this.removeAttribute('variant');\n            this._variant = undefined;\n            this.staticColor = undefined;\n            return;\n        }\n\n        this.setAttribute('variant', variant);\n        this._variant = variant;\n        // Set staticColor to white to reflect the updated and expected attribute\n        this.staticColor = 'white';\n\n        if (window.__swc.DEBUG) {\n            window.__swc.warn(\n                this,\n                'The overBackground variant is deprecated. Please use `static-color=\"white\"` instead.',\n                'https://opensource.adobe.com/spectrum-web-components/components/clear-button/',\n                { level: 'deprecation' }\n            );\n        }\n\n        this.requestUpdate('variant', oldValue);\n        this.requestUpdate('staticColor', oldStaticColor);\n    }\n\n    public get variant(): 'overBackground' | undefined {\n        return this._variant;\n    }\n\n    private _variant: 'overBackground' | undefined;\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor: 'white' | undefined;\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO,kBAAkB;AACzB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,uBAAuB;AAE9B,MAAM,YAAkD;AAAA,EACpD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMd;AAOO,aAAM,oBAAoB,WAAW,cAAc;AAAA,EACtD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAQH,SAAO,QAAQ;AAAA;AAAA,EALf,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,cAAc,iBAAiB;AAAA,EAC5D;AAAA,EAUA,IAAW,QAAQ,SAAuC;AACtD,UAAM,WAAW,KAAK;AACtB,UAAM,iBAAiB,KAAK;AAC5B,QAAI,YAAY,kBAAkB;AAC9B,WAAK,gBAAgB,SAAS;AAC9B,WAAK,WAAW;AAChB,WAAK,cAAc;AACnB;AAAA,IACJ;AAEA,SAAK,aAAa,WAAW,OAAO;AACpC,SAAK,WAAW;AAEhB,SAAK,cAAc;AAEnB,QAAI,MAAoB;AACpB,aAAO,MAAM;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,EAAE,OAAO,cAAc;AAAA,MAC3B;AAAA,IACJ;AAEA,SAAK,cAAc,WAAW,QAAQ;AACtC,SAAK,cAAc,eAAe,cAAc;AAAA,EACpD;AAAA,EAEA,IAAW,UAAwC;AAC/C,WAAO,KAAK;AAAA,EAChB;AAAA,EAUA,IAAuB,gBAAkC;AACrD,WAAO,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;AAAA,EAClC;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA;AAAA,EAE1C;AACJ;AAxDW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAPjC,YAQF;AAOI;AAAA,EADV,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAdlB,YAeE;AAsCJ;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GApD7C,YAqDF;",
-  "names": []
-}

package/src/ClearButton.js

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

package/src/ClearButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ClearButton.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 {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.js';\nimport buttonStyles from '@spectrum-web-components/clear-button/src/clear-button.css.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport crossMediumStyles from '@spectrum-web-components/icon/src/spectrum-icon-cross.css.js';\n\nconst crossIcon: Record<string, () => TemplateResult> = {\n    s: () => html`\n        <sp-icon-cross75\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross75\"\n        ></sp-icon-cross75>\n    `,\n    m: () => html`\n        <sp-icon-cross100\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross100\"\n        ></sp-icon-cross100>\n    `,\n    l: () => html`\n        <sp-icon-cross200\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross200\"\n        ></sp-icon-cross200>\n    `,\n    xl: () => html`\n        <sp-icon-cross300\n            slot=\"icon\"\n            class=\"icon spectrum-UIIcon-Cross300\"\n        ></sp-icon-cross300>\n    `,\n};\n\n/**\n * @element sp-clear-button\n *\n * @slot - text label of the Clear Button\n */\nexport class ClearButton extends SizedMixin(StyledButton, {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles, crossMediumStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public quiet = false;\n\n    /**\n     * The visual variant to apply to this button.\n     * @deprecated Use `static-color='white'` instead.\n     */\n    @property({ reflect: true })\n    public set variant(variant: 'overBackground' | undefined) {\n        const oldValue = this._variant;\n        const oldStaticColor = this.staticColor;\n        if (variant !== 'overBackground') {\n            this.removeAttribute('variant');\n            this._variant = undefined;\n            this.staticColor = undefined;\n            return;\n        }\n\n        this.setAttribute('variant', variant);\n        this._variant = variant;\n        // Set staticColor to white to reflect the updated and expected attribute\n        this.staticColor = 'white';\n\n        if (window.__swc.DEBUG) {\n            window.__swc.warn(\n                this,\n                'The overBackground variant is deprecated. Please use `static-color=\"white\"` instead.',\n                'https://opensource.adobe.com/spectrum-web-components/components/clear-button/',\n                { level: 'deprecation' }\n            );\n        }\n\n        this.requestUpdate('variant', oldValue);\n        this.requestUpdate('staticColor', oldStaticColor);\n    }\n\n    public get variant(): 'overBackground' | undefined {\n        return this._variant;\n    }\n\n    private _variant: 'overBackground' | undefined;\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor: 'white' | undefined;\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [crossIcon[this.size]()];\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"fill\">${super.render()}</div>\n        `;\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,EACA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,gBAAAC,MAAoB,oBAC7B,OAAOC,MAAkB,gEACzB,MAAO,6DACP,MAAO,8DACP,MAAO,8DACP,MAAO,8DACP,OAAOC,MAAuB,+DAE9B,MAAMC,EAAkD,CACpD,EAAG,IAAMN;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,GAAI,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMd,EAOO,aAAM,oBAAoBC,EAAWE,EAAc,CACtD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAQH,KAAO,MAAQ,GALf,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,EAAcC,CAAiB,CAC5D,CAUA,IAAW,QAAQE,EAAuC,CACtD,MAAMC,EAAW,KAAK,SAChBC,EAAiB,KAAK,YAC5B,GAAIF,IAAY,iBAAkB,CAC9B,KAAK,gBAAgB,SAAS,EAC9B,KAAK,SAAW,OAChB,KAAK,YAAc,OACnB,MACJ,CAEA,KAAK,aAAa,UAAWA,CAAO,EACpC,KAAK,SAAWA,EAEhB,KAAK,YAAc,QAWnB,KAAK,cAAc,UAAWC,CAAQ,EACtC,KAAK,cAAc,cAAeC,CAAc,CACpD,CAEA,IAAW,SAAwC,CAC/C,OAAO,KAAK,QAChB,CAUA,IAAuB,eAAkC,CACrD,MAAO,CAACH,EAAU,KAAK,IAAI,EAAE,CAAC,CAClC,CAEmB,QAAyB,CACxC,OAAON;AAAA,gCACiB,MAAM,OAAO,CAAC;AAAA,SAE1C,CACJ,CAxDWU,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPjC,YAQF,qBAOIQ,EAAA,CADVR,EAAS,CAAE,QAAS,EAAK,CAAC,GAdlB,YAeE,uBAsCJQ,EAAA,CADNR,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GApD7C,YAqDF",
-  "names": ["html", "SizedMixin", "property", "StyledButton", "buttonStyles", "crossMediumStyles", "crossIcon", "variant", "oldValue", "oldStaticColor", "__decorateClass"]
-}

package/src/CloseButton.d.ts

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

package/src/CloseButton.dev.js

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

package/src/CloseButton.dev.js.map

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

package/src/CloseButton.js

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