@solid-design-system/components 5.8.4 → 5.10.0

package/dist-versioned/chunks/{chunk.NRFL4RBI.js → chunk.WSEY3LJE.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -210,15 +210,15 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-5-8-4-icon name="${{
+    )}"><sd-5-10-0-icon name="${{
       info: "info-circle",
       success: "confirm-circle",
       warning: "exclamation-circle",
       error: "warning"
-    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-5-8-4-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-5-10-0-icon></slot><div part="content" class="${cx(
       "h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
       "border-solid border-[1px] border-l-0 border-neutral-400"
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-5-8-4-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-8-4-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-8-4-icon></sd-5-8-4-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-5-10-0-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-10-0-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-10-0-icon></sd-5-10-0-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
   }
 };
 /**
@@ -262,7 +262,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-5-8-4-notification")
+  customElement("sd-5-10-0-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

package/dist-versioned/chunks/{chunk.KORSEOQ4.js → chunk.XKFVXICF.js}

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.LH3FOXUD.js";
+} from "./chunk.WL7EGHGP.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -64,10 +64,10 @@ var SdQuickfact = class extends SdAccordion {
       !this.expandable && "hidden"
     )}
             ><slot name="expand-icon" class=${cx(this.open && "hidden")}>
-              <sd-5-8-4-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-8-4-icon>
+              <sd-5-10-0-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-10-0-icon>
             </slot>
             <slot name="collapse-icon" class=${cx(!this.open && "hidden")}>
-              <sd-5-8-4-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-8-4-icon> </slot
+              <sd-5-10-0-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-5-10-0-icon> </slot
           ></span>
         </${header}>
         <div part="content" id="content" class=${cx("overflow-hidden", !this.expandable && "hidden")}>
@@ -85,7 +85,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdQuickfact.prototype, "expandable", 2);
 SdQuickfact = __decorateClass([
-  customElement("sd-5-8-4-quickfact")
+  customElement("sd-5-10-0-quickfact")
 ], SdQuickfact);
 setDefaultAnimation("quickfact.show", {
   keyframes: [{ height: "0" }, { height: "auto" }],

package/dist-versioned/chunks/{chunk.FZ6CB77Z.js → chunk.YGVCQCO4.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -55,7 +55,7 @@ var SdStepGroup = class extends SolidElement {
     });
   }
   getAllSteps() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-8-4-step");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-10-0-step");
   }
   /**
    * Sets the active step.
@@ -120,7 +120,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStepGroup.prototype, "handleInteractivityChange", 1);
 SdStepGroup = __decorateClass([
-  customElement("sd-5-8-4-step-group")
+  customElement("sd-5-10-0-step-group")
 ], SdStepGroup);
 
 export {

package/dist-versioned/chunks/{chunk.2PJVN4WQ.js → chunk.YRFRBXRK.js}

@@ -2,7 +2,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.7TFT5VTM.js";
+} from "./chunk.IIYSG3NP.js";
 import {
   requestIcon
 } from "./chunk.P52GZVKG.js";
@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -126,7 +126,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-5-8-4-icon")
+  customElement("sd-5-10-0-icon")
 ], SdIcon);
 
 export {

package/dist-versioned/chunks/{chunk.5UKTWIKN.js → chunk.ZCI47J45.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -41,7 +41,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdSpinner.prototype, "color", 2);
 SdSpinner = __decorateClass([
-  customElement("sd-5-8-4-spinner")
+  customElement("sd-5-10-0-spinner")
 ], SdSpinner);
 
 export {

package/dist-versioned/chunks/{chunk.5GRW5ZMD.js → chunk.ZF7CPAC2.js}

@@ -1,13 +1,13 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -26,7 +26,7 @@ var SdCheckboxGroup = class extends SolidElement {
     this.helpText = "";
   }
   getAllCheckboxes() {
-    return [...this.querySelectorAll("sd-5-8-4-checkbox")];
+    return [...this.querySelectorAll("sd-5-10-0-checkbox")];
   }
   async syncCheckboxElements() {
     const checkboxes = this.getAllCheckboxes();
@@ -39,10 +39,10 @@ var SdCheckboxGroup = class extends SolidElement {
     );
   }
   syncCheckboxes() {
-    if (customElements.get("sd-5-8-4-checkbox")) {
+    if (customElements.get("sd-5-10-0-checkbox")) {
       this.syncCheckboxElements();
     } else {
-      customElements.whenDefined("sd-5-8-4-checkbox").then(() => this.syncCheckboxes());
+      customElements.whenDefined("sd-5-10-0-checkbox").then(() => this.syncCheckboxes());
     }
   }
   handleSizeChange() {
@@ -79,7 +79,7 @@ var SdCheckboxGroup = class extends SolidElement {
  */
 SdCheckboxGroup.styles = [
   ...SolidElement.styles,
-  css`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-8-4-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-8-4-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-8-4-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-8-4-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-8-4-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-8-4-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`
+  css`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-10-0-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-10-0-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-10-0-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-10-0-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-10-0-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-10-0-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -100,7 +100,7 @@ __decorateClass([
   watch("invalid", { waitUntilFirstUpdate: true })
 ], SdCheckboxGroup.prototype, "handleInvalid", 1);
 SdCheckboxGroup = __decorateClass([
-  customElement("sd-5-8-4-checkbox-group")
+  customElement("sd-5-10-0-checkbox-group")
 ], SdCheckboxGroup);
 
 export {

package/dist-versioned/chunks/{chunk.5RE63XH3.js → chunk.ZSZ2IB2L.js}

@@ -1,13 +1,13 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -21,7 +21,7 @@ var SdTab = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-5-8-4-tab-${this.attrId}`;
+    this.componentId = `sd-5-10-0-tab-${this.attrId}`;
     this.hasSlotController = new HasSlotController(this, "left");
     this.variant = "default";
     this.active = false;
@@ -102,7 +102,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-5-8-4-tab")
+  customElement("sd-5-10-0-tab")
 ], SdTab);
 
 export {

package/dist-versioned/chunks/{chunk.PQDBG4AZ.js → chunk.ZVLZ6XOK.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.WDWV53JP.js";
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   animateTo,
   stopAnimations
@@ -208,7 +208,7 @@ var SdDrawer = class extends SolidElement {
         end: "top-0 end-0 bottom-auto start-auto w-[--width] h-full",
         start: "top-0 end-auto bottom-auto start-0 w-[--width] h-full"
       }[this.placement]
-    )}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-5-8-4-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-5-8-4-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-8-4-icon></sd-5-8-4-button></div></header>` : html`<sd-5-8-4-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-8-4-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-8-4-icon></sd-5-8-4-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></section>`;
+    )}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-5-10-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-5-10-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-10-0-icon></sd-5-10-0-button></div></header>` : html`<sd-5-10-0-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-10-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-10-0-icon></sd-5-10-0-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></section>`;
   }
 };
 SdDrawer.styles = [
@@ -249,7 +249,7 @@ __decorateClass([
   watch("contained", { waitUntilFirstUpdate: true })
 ], SdDrawer.prototype, "handleNoModalChange", 1);
 SdDrawer = __decorateClass([
-  customElement("sd-5-8-4-drawer")
+  customElement("sd-5-10-0-drawer")
 ], SdDrawer);
 setDefaultAnimation("drawer.showStart", {
   keyframes: [

package/{dist/chunks/chunk.Z4FH3THI.js → dist-versioned/chunks/chunk.ZYF25H5G.js}

@@ -16,6 +16,7 @@ var icons = {
       <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>
     </svg>
   `,
+  "chevron-right": `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z"/></svg>`,
   "chevron-left": `
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
       <path d="M17.743 2.333a.997.997 0 0 0-1.41-.076l.001-.001-10 9a.997.997 0 0 0 0 1.486v.001l10 9a1 1 0 0 0 1.333-1.487l-9.173-8.257 9.173-8.257a.997.997 0 0 0 .076-1.41l.001.001Z"/>

package/dist-versioned/components/accordion/accordion.d.ts

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-accordion': SdAccordion;
+        'sd-5-10-0-accordion': SdAccordion;
     }
 }

package/dist-versioned/components/accordion/accordion.js

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.LH3FOXUD.js";
+} from "../../chunks/chunk.WL7EGHGP.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2PJVN4WQ.js";
-import "../../chunks/chunk.7TFT5VTM.js";
+import "../../chunks/chunk.YRFRBXRK.js";
+import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.Z4FH3THI.js";
+import "../../chunks/chunk.ZYF25H5G.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-accordion-group': SdAccordionGroup;
+        'sd-5-10-0-accordion-group': SdAccordionGroup;
     }
 }

package/dist-versioned/components/accordion-group/accordion-group.js

@@ -1,13 +1,13 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.2S3WUQ6C.js";
-import "../../chunks/chunk.LH3FOXUD.js";
+} from "../../chunks/chunk.FFAUGMVF.js";
+import "../../chunks/chunk.WL7EGHGP.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2PJVN4WQ.js";
-import "../../chunks/chunk.7TFT5VTM.js";
+import "../../chunks/chunk.YRFRBXRK.js";
+import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.Z4FH3THI.js";
+import "../../chunks/chunk.ZYF25H5G.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/animation/animation.d.ts

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-animation': SdAnimation;
+        'sd-5-10-0-animation': SdAnimation;
     }
 }

package/dist-versioned/components/animation/animation.js

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.LMZP2HEH.js";
+} from "../../chunks/chunk.TQMYNSM4.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/audio/audio.d.ts

@@ -54,6 +54,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-audio': SdAudio;
+        'sd-5-10-0-audio': SdAudio;
     }
 }

package/dist-versioned/components/audio/audio.js

@@ -1,21 +1,21 @@
 import {
   SdAudio
-} from "../../chunks/chunk.SS3CZ5NU.js";
-import "../../chunks/chunk.PQDBG4AZ.js";
+} from "../../chunks/chunk.FDUVN4I6.js";
+import "../../chunks/chunk.ZVLZ6XOK.js";
 import "../../chunks/chunk.SF6AUNJF.js";
 import "../../chunks/chunk.EDMG7C5H.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.FKBZQOFQ.js";
-import "../../chunks/chunk.5UKTWIKN.js";
+import "../../chunks/chunk.MEDUZPGV.js";
+import "../../chunks/chunk.ZCI47J45.js";
 import "../../chunks/chunk.KVKRZJS7.js";
-import "../../chunks/chunk.YEZS5ZR2.js";
+import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2PJVN4WQ.js";
-import "../../chunks/chunk.7TFT5VTM.js";
+import "../../chunks/chunk.YRFRBXRK.js";
+import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.Z4FH3THI.js";
+import "../../chunks/chunk.ZYF25H5G.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -23,7 +23,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist-versioned/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-badge': SdBadge;
+        'sd-5-10-0-badge': SdBadge;
     }
 }

package/dist-versioned/components/badge/badge.js

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.O73ZT3UW.js";
-import "../../chunks/chunk.HY3LORT5.js";
+} from "../../chunks/chunk.6SZYSES2.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/brandshape/brandshape.d.ts

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-brandshape': SdBrandshape;
+        'sd-5-10-0-brandshape': SdBrandshape;
     }
 }
 export {};

package/dist-versioned/components/brandshape/brandshape.js

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.DHRBNSPZ.js";
-import "../../chunks/chunk.HY3LORT5.js";
+} from "../../chunks/chunk.JUUDZ47Q.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/breadcrumb/breadcrumb.d.ts

@@ -22,6 +22,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-breadcrumb': SdBreadcrumb;
+        'sd-5-10-0-breadcrumb': SdBreadcrumb;
     }
 }

package/dist-versioned/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.TLWBSIPQ.js";
+} from "../../chunks/chunk.QS7N47CI.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts

@@ -14,6 +14,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-breadcrumb-item': SdBreadcrumbItem;
+        'sd-5-10-0-breadcrumb-item': SdBreadcrumbItem;
     }
 }

package/dist-versioned/components/breadcrumb-item/breadcrumb-item.js

@@ -1,11 +1,11 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.UVVLW7XN.js";
+} from "../../chunks/chunk.P4UKJXBL.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/button/button.d.ts

@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-button': SdButton;
+        'sd-5-10-0-button': SdButton;
     }
 }

package/dist-versioned/components/button/button.js

@@ -1,14 +1,14 @@
 import {
   SdButton
-} from "../../chunks/chunk.FKBZQOFQ.js";
-import "../../chunks/chunk.5UKTWIKN.js";
+} from "../../chunks/chunk.MEDUZPGV.js";
+import "../../chunks/chunk.ZCI47J45.js";
 import "../../chunks/chunk.KVKRZJS7.js";
-import "../../chunks/chunk.YEZS5ZR2.js";
+import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/button-group/button-group.d.ts

@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-button-group': SdButtonGroup;
+        'sd-5-10-0-button-group': SdButtonGroup;
     }
 }

package/dist-versioned/components/button-group/button-group.js

@@ -1,7 +1,7 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.WHHDXLGX.js";
-import "../../chunks/chunk.HY3LORT5.js";
+} from "../../chunks/chunk.TX6S5UVP.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/carousel/carousel.d.ts

@@ -61,6 +61,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-carousel': SdCarousel;
+        'sd-5-10-0-carousel': SdCarousel;
     }
 }

package/dist-versioned/components/carousel/carousel.js

@@ -1,16 +1,16 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.A53JZAAA.js";
+} from "../../chunks/chunk.FUGGYSQF.js";
 import "../../chunks/chunk.W2YDXTG5.js";
 import "../../chunks/chunk.FNYEXUNK.js";
 import "../../chunks/chunk.NOWCQZBS.js";
-import "../../chunks/chunk.XEXGLMT2.js";
+import "../../chunks/chunk.TWDHTS5K.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.2PJVN4WQ.js";
-import "../../chunks/chunk.7TFT5VTM.js";
+import "../../chunks/chunk.YRFRBXRK.js";
+import "../../chunks/chunk.IIYSG3NP.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.Z4FH3THI.js";
+import "../../chunks/chunk.ZYF25H5G.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.2G46ORZ2.js";
 import "../../chunks/chunk.ZC7XGWJ6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.HY3LORT5.js";
+import "../../chunks/chunk.PP5IDYES.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/carousel-item/carousel-item.d.ts

@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-8-4-carousel-item': SdCarouselItem;
+        'sd-5-10-0-carousel-item': SdCarouselItem;
     }
 }