@solid-design-system/components 6.30.0 → 7.0.0-next.10

package/dist-versioned/chunks/{chunk.GBSWTGPJ.js → chunk.Y4XJY6Y4.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -87,7 +87,7 @@ var SdFlipcard = class extends SolidElement {
         "gradient-light": this.placement === "top" ? "bg-gradient-to-b from-white/60 to-white/0 mb-auto" : "bg-gradient-to-t from-white/60 to-white/0 mt-auto",
         "gradient-dark": this.placement === "bottom" ? "bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto" : "bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"
       }[this.frontVariant]
-    )}"></div><sd-6-30-0-button part="front-button" size="md" variant="${{
+    )}"></div><sd-7-0-0-next-10-button part="front-button" size="md" variant="${{
       primary: "tertiary",
       "primary-100": "tertiary",
       "gradient-light": "primary",
@@ -97,7 +97,7 @@ var SdFlipcard = class extends SolidElement {
       "primary-100": false,
       "gradient-light": true,
       "gradient-dark": true
-    }[this.frontVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-6-30-0-icon library="_internal" name="reload" label="Flip to Back"></sd-6-30-0-icon></sd-6-30-0-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide === "front"}" inert="${ifDefined(this.activeSide === "front" || void 0)}" class="${cx(
+    }[this.frontVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-0-next-10-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-0-next-10-icon></sd-7-0-0-next-10-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide === "front"}" inert="${ifDefined(this.activeSide === "front" || void 0)}" class="${cx(
       "flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out",
       "flex focus-visible:focus-outline",
       "absolute top-0 left-0 w-full h-full justify-end text-left",
@@ -130,7 +130,7 @@ var SdFlipcard = class extends SolidElement {
         "gradient-light": this.placement === "top" ? "bg-gradient-to-b from-white/60 to-white/0 mb-auto" : "bg-gradient-to-t from-white/60 to-white/0 mt-auto",
         "gradient-dark": this.placement === "bottom" ? "bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto" : "bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"
       }[this.backVariant]
-    )}"></div><sd-6-30-0-button size="md" part="back-button" variant="${{
+    )}"></div><sd-7-0-0-next-10-button size="md" part="back-button" variant="${{
       primary: "tertiary",
       "primary-100": "tertiary",
       "gradient-light": "primary",
@@ -140,7 +140,7 @@ var SdFlipcard = class extends SolidElement {
       "primary-100": false,
       "gradient-light": true,
       "gradient-dark": true
-    }[this.backVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-6-30-0-icon library="_internal" name="reload" label="Flip to Front"></sd-6-30-0-icon></sd-6-30-0-button></div></div>`;
+    }[this.backVariant]}" class="${cx("absolute right-0 p-2 flex-shrink-0", this.placement === "top" ? "bottom-0" : "top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-0-next-10-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-0-next-10-icon></sd-7-0-0-next-10-button></div></div>`;
   }
 };
 /**
@@ -176,7 +176,7 @@ __decorateClass([
   state()
 ], SdFlipcard.prototype, "activeSide", 2);
 SdFlipcard = __decorateClass([
-  customElement("sd-6-30-0-flipcard")
+  customElement("sd-7-0-0-next-10-flipcard")
 ], SdFlipcard);
 
 export {

package/dist-versioned/chunks/{chunk.47DEDQQK.js → chunk.Y6QQUPB5.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -25,11 +25,11 @@ var SdOptgroup = class extends SolidElement {
     this.label = "";
   }
   /**
-   * Syncs the disabled prop for all slotted sd-6-30-0-options when it is triggered
+   * Syncs the disabled prop for all slotted sd-7-0-0-next-10-options when it is triggered
    */
   handleDisableOptions() {
     const { disabled } = this;
-    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "sd-6-30-0-option").forEach((opt) => {
+    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "sd-7-0-0-next-10-option").forEach((opt) => {
       opt.disabled = disabled;
     });
   }
@@ -38,7 +38,7 @@ var SdOptgroup = class extends SolidElement {
   }
   render() {
     const { disabled } = this;
-    return html`<div role="${disabled ? "presentation" : "group"}" class="${cx(this.disabled ? "text-neutral-500" : "")}" part="base" aria-labelledby="group-label"><sd-6-30-0-divider id="divider" class="pt-2 pb-4" part="divider"></sd-6-30-0-divider><div part="label-container" class="${cx(this.disabled ? "text-neutral-500" : "text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`;
+    return html`<div role="${disabled ? "presentation" : "group"}" class="${cx(this.disabled ? "text-neutral-500" : "")}" part="base" aria-labelledby="group-label"><sd-7-0-0-next-10-divider id="divider" class="pt-2 pb-4" part="divider"></sd-7-0-0-next-10-divider><div part="label-container" class="${cx(this.disabled ? "text-neutral-500" : "text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`;
   }
 };
 SdOptgroup.styles = [
@@ -59,7 +59,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdOptgroup.prototype, "handleDisabledChange", 1);
 SdOptgroup = __decorateClass([
-  customElement("sd-6-30-0-optgroup")
+  customElement("sd-7-0-0-next-10-optgroup")
 ], SdOptgroup);
 
 export {

package/dist-versioned/chunks/{chunk.DNCDNML2.js → chunk.Z462LBEB.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -71,7 +71,7 @@ var SdRadio = class extends SolidElement {
   }
   render() {
     return html`<span part="base" class="${cx(
-      "sd-6-30-0-radio group flex items-start text-base leading-normal text-black cursor-pointer",
+      "sd-7-0-0-next-10-radio group flex items-start text-base leading-normal text-black cursor-pointer",
       (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
       {
         /* sizes, fonts */
@@ -80,15 +80,15 @@ var SdRadio = class extends SolidElement {
         lg: "text-base"
       }[this.size]
     )}"><span part="${`${this.checked ? "control--checked" : "control--unchecked"}`}" class="${cx(
-      "flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-30-0-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",
+      "flex-initial shrink-0 relative inline-flex items-center justify-center border sd-7-0-0-next-10-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",
       this.disabled || this.visuallyDisabled ? "border-neutral-500" : this.invalid ? cx(
         "border-error hover:border-error-400 group-hover:border-error-400",
-        this.checked ? "sd-6-30-0-radio--checked--invalid--default-color-background" : "sd-6-30-0-radio--default--invalid-color-background"
-      ) : this.checked ? "sd-6-30-0-radio--checked--default-color-background hover:sd-6-30-0-radio--checked--hover-color-background group-hover:sd-6-30-0-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550" : "form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200"
+        this.checked ? "sd-7-0-0-next-10-radio--checked--invalid--default-color-background" : "sd-7-0-0-next-10-radio--default--invalid-color-background"
+      ) : this.checked ? "sd-7-0-0-next-10-radio--checked--default-color-background hover:sd-7-0-0-next-10-radio--checked--hover-color-background group-hover:sd-7-0-0-next-10-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550" : "form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200"
     )}"><span part="checked" class="${cx(
-      "rounded-full inline-flex text-white sd-6-30-0-radio__checked-height sd-6-30-0-radio__checked-width transition-[transform, colors] duration-medium ease-in-out",
+      "rounded-full inline-flex text-white sd-7-0-0-next-10-radio__checked-height sd-7-0-0-next-10-radio__checked-width transition-[transform, colors] duration-medium ease-in-out",
       this.checked ? "scale-100" : "scale-0",
-      this.disabled ? "sd-6-30-0-radio--checked--disabled__icon-color-background" : this.visuallyDisabled ? "bg-white" : this.invalid ? "sd-6-30-0-radio--checked--invalid--default__icon-color-background hover:sd-6-30-0-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-30-0-radio--checked--invalid--hover__icon-color-background" : this.checked ? "sd-6-30-0-radio--checked--default__icon-color-background hover:sd-6-30-0-radio--checked--hover__icon-color-background group-hover:sd-6-30-0-radio--checked--hover__icon-color-background" : "bg-neutral-800"
+      this.disabled ? "sd-7-0-0-next-10-radio--checked--disabled__icon-color-background" : this.visuallyDisabled ? "bg-white" : this.invalid ? "sd-7-0-0-next-10-radio--checked--invalid--default__icon-color-background hover:sd-7-0-0-next-10-radio--checked--invalid--hover__icon-color-background group-hover:sd-7-0-0-next-10-radio--checked--invalid--hover__icon-color-background" : this.checked ? "sd-7-0-0-next-10-radio--checked--default__icon-color-background hover:sd-7-0-0-next-10-radio--checked--hover__icon-color-background group-hover:sd-7-0-0-next-10-radio--checked--hover__icon-color-background" : "bg-neutral-800"
     )}"></span></span><slot part="label" class="${cx(
       "ml-2 select-none inline-block",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-black"
@@ -131,7 +131,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadio.prototype, "handleDisabledChange", 1);
 SdRadio = __decorateClass([
-  customElement("sd-6-30-0-radio")
+  customElement("sd-7-0-0-next-10-radio")
 ], SdRadio);
 
 export {

package/dist-versioned/chunks/{chunk.AFHCI6IS.js → chunk.ZCG43UX7.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -203,7 +203,7 @@ var SdNotification = class extends SolidElement {
     });
   }
   render() {
-    return html`<div part="base" class="${cx("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${ifDefined(this.closable ? "0" : void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open ? "false" : "true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${cx("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${cx(
+    return html`<div part="base" class="${cx("w-full flex items-stretch focus-visible:focus-outline")}" id="notification" tabindex="${ifDefined(this.closable ? "0" : void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open ? "false" : "true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${cx("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${cx(
       "min-w-min flex items-center px-3 justify-center",
       {
         info: "bg-info",
@@ -211,22 +211,22 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-6-30-0-icon name="${{
+    )}"><sd-7-0-0-next-10-icon name="${{
       info: "info-circle",
       success: "confirm-circle",
       warning: "exclamation-circle",
       error: "risk"
-    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-30-0-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-7-0-0-next-10-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 sd-6-30-0-notification-color-border",
+      "border-solid border-[1px] border-l-0 sd-7-0-0-next-10-notification-color-border",
       {
-        info: "sd-6-30-0-notification--info-color-background",
-        success: "sd-6-30-0-notification--success-color-background",
-        warning: "sd-6-30-0-notification--warning-color-background",
-        error: "sd-6-30-0-notification--error-color-background"
+        info: "sd-7-0-0-next-10-notification--info-color-background",
+        success: "sd-7-0-0-next-10-notification--success-color-background",
+        warning: "sd-7-0-0-next-10-notification--warning-color-background",
+        error: "sd-7-0-0-next-10-notification--error-color-background"
       }[this.variant]
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-30-0-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-30-0-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-30-0-icon></sd-6-30-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 sd-6-30-0-notification__duration-indicator-color-background z-10 animate-grow`
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-7-0-0-next-10-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-7-0-0-next-10-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-7-0-0-next-10-icon></sd-7-0-0-next-10-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 sd-7-0-0-next-10-notification__duration-indicator-color-background 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>`;
   }
 };
@@ -272,7 +272,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-6-30-0-notification")
+  customElement("sd-7-0-0-next-10-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

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

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

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

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.A337UTOA.js";
+} from "../../chunks/chunk.KAWDESCC.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -12,10 +12,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.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-6-30-0-accordion-group': SdAccordionGroup;
+        'sd-7-0-0-next-10-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.5XZQBMKD.js";
-import "../../chunks/chunk.A337UTOA.js";
+} from "../../chunks/chunk.AJVSDITF.js";
+import "../../chunks/chunk.KAWDESCC.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -13,10 +13,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.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-6-30-0-animation': SdAnimation;
+        'sd-7-0-0-next-10-animation': SdAnimation;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.SB6TO2NI.js";
+} from "../../chunks/chunk.D5JLEZPO.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -58,6 +58,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-audio': SdAudio;
+        'sd-7-0-0-next-10-audio': SdAudio;
     }
 }

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

@@ -1,19 +1,16 @@
 import {
   SdAudio
-} from "../../chunks/chunk.NT2XMLYA.js";
-import "../../chunks/chunk.G4M2C6HJ.js";
+} from "../../chunks/chunk.52XEAMVX.js";
+import "../../chunks/chunk.SVAL7V6Q.js";
 import "../../chunks/chunk.SF6AUNJF.js";
-import "../../chunks/chunk.EDMG7C5H.js";
-import "../../chunks/chunk.UMIKFOMI.js";
-import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.Q4BNLRER.js";
-import "../../chunks/chunk.L5OGV3KL.js";
-import "../../chunks/chunk.SFIA76OX.js";
+import "../../chunks/chunk.LJ5ONJGL.js";
+import "../../chunks/chunk.33KST4RJ.js";
+import "../../chunks/chunk.5VCVDFRJ.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -22,10 +19,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.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-6-30-0-badge': SdBadge;
+        'sd-7-0-0-next-10-badge': SdBadge;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.VKAWXQBO.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+} from "../../chunks/chunk.6MSQDSJK.js";
+import "../../chunks/chunk.DJJN4MJ4.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-6-30-0-brandshape': SdBrandshape;
+        'sd-7-0-0-next-10-brandshape': SdBrandshape;
     }
 }
 export {};

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

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.QBHSDBEF.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+} from "../../chunks/chunk.5R5MY3VD.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -24,6 +24,6 @@ export default class SdBreadcrumb extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-breadcrumb': SdBreadcrumb;
+        'sd-7-0-0-next-10-breadcrumb': SdBreadcrumb;
     }
 }

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

@@ -1,13 +1,12 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.747CZOOT.js";
-import "../../chunks/chunk.64WDBXSH.js";
-import "../../chunks/chunk.XDZE7ROV.js";
-import "../../chunks/chunk.UMIKFOMI.js";
-import "../../chunks/chunk.WDWV53JP.js";
+} from "../../chunks/chunk.WZOVHSGU.js";
+import "../../chunks/chunk.PCB2BA7U.js";
+import "../../chunks/chunk.LTZVVIB2.js";
+import "../../chunks/chunk.C4RJM5BO.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -16,10 +15,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -15,6 +15,6 @@ export default class SdBreadcrumbItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-breadcrumb-item': SdBreadcrumbItem;
+        'sd-7-0-0-next-10-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdBreadcrumbItem
-} from "../../chunks/chunk.ENJLFL4U.js";
-import "../../chunks/chunk.A2CJLIUM.js";
+} from "../../chunks/chunk.VHQQB75I.js";
+import "../../chunks/chunk.QD2ZQPDB.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -53,6 +53,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-button': SdButton;
+        'sd-7-0-0-next-10-button': SdButton;
     }
 }

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

@@ -1,15 +1,15 @@
 import {
   SdButton
-} from "../../chunks/chunk.Q4BNLRER.js";
-import "../../chunks/chunk.L5OGV3KL.js";
-import "../../chunks/chunk.SFIA76OX.js";
+} from "../../chunks/chunk.LJ5ONJGL.js";
+import "../../chunks/chunk.33KST4RJ.js";
+import "../../chunks/chunk.5VCVDFRJ.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.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-6-30-0-button-group': SdButtonGroup;
+        'sd-7-0-0-next-10-button-group': SdButtonGroup;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.OUSUUA7K.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+} from "../../chunks/chunk.IXJGPE6X.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -66,6 +66,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-carousel': SdCarousel;
+        'sd-7-0-0-next-10-carousel': SdCarousel;
     }
 }

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

@@ -1,13 +1,13 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.KYZI324J.js";
+} from "../../chunks/chunk.7ZKBKOS5.js";
 import "../../chunks/chunk.W2YDXTG5.js";
 import "../../chunks/chunk.6RE6UZ72.js";
 import "../../chunks/chunk.UVI5HHLF.js";
-import "../../chunks/chunk.B2TWJWHR.js";
+import "../../chunks/chunk.UOMFY7RY.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -16,10 +16,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.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-6-30-0-carousel-item': SdCarouselItem;
+        'sd-7-0-0-next-10-carousel-item': SdCarouselItem;
     }
 }

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

@@ -1,7 +1,7 @@
 import {
   SdCarouselItem
-} from "../../chunks/chunk.B2TWJWHR.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+} from "../../chunks/chunk.UOMFY7RY.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-checkbox': SdCheckbox;
+        'sd-7-0-0-next-10-checkbox': SdCheckbox;
     }
 }

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

@@ -1,9 +1,9 @@
 import {
   SdCheckbox
-} from "../../chunks/chunk.AV2HYF25.js";
+} from "../../chunks/chunk.QOIO3YAP.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-6-30-0-checkbox-group': SdCheckboxGroup;
+        'sd-7-0-0-next-10-checkbox-group': SdCheckboxGroup;
     }
 }