npm - @solid-design-system/components - Versions diffs - 5.15.6 → 5.15.8 - Mend

@solid-design-system/components 5.15.6 → 5.15.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (531) hide show

package/dist-versioned/chunks/chunk.XIRK4KQ5.js CHANGED Viewed

@@ -41,16 +41,16 @@ var SdAccordionGroup = class extends SolidElement {
 };
 SdAccordionGroup.styles = [
   ...SolidElement.styles,
-  css`:host{display:block}::slotted(sd-5-15-6-accordion:not(:first-of-type)){margin-top:-1px}`
+  css`:host{display:block}::slotted(sd-5-15-8-accordion:not(:first-of-type)){margin-top:-1px}`
 ];
 __decorateClass([
-  queryAssignedElements({ selector: "sd-5-15-6-accordion" })
+  queryAssignedElements({ selector: "sd-5-15-8-accordion" })
 ], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
 __decorateClass([
   property({ attribute: "close-others", type: Boolean, reflect: true })
 ], SdAccordionGroup.prototype, "closeOthers", 2);
 SdAccordionGroup = __decorateClass([
-  customElement("sd-5-15-6-accordion-group")
+  customElement("sd-5-15-8-accordion-group")
 ], SdAccordionGroup);
 export {

package/dist-versioned/chunks/chunk.XVNT7HIE.js CHANGED Viewed

@@ -71,7 +71,7 @@ __decorateClass([
   debounce(100)
 ], SdHeader.prototype, "updateCalculatedHeight", 1);
 SdHeader = __decorateClass([
-  customElement("sd-5-15-6-header")
+  customElement("sd-5-15-8-header")
 ], SdHeader);
 export {

package/dist-versioned/chunks/chunk.XX3EFOOF.js CHANGED Viewed

@@ -107,12 +107,12 @@ var SdMenuItem = class extends SolidElement {
     )}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${isSubmenuExpanded ? true : false}">${this.type === "checkbox" ? html`<span part="checked-icon" class="${cx(
       "flex items-center justify-center grow-0 shrink-0 basis-auto",
       this.checked ? "visible" : "invisible"
-    )}"><sd-5-15-6-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-15-6-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-15-6-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-15-6-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
+    )}"><sd-5-15-8-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-15-8-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-15-8-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-15-8-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
   }
 };
 SdMenuItem.styles = [
   ...SolidElement.styles,
-  css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-15-6-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-15-6-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-15-6-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
+  css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-15-8-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-15-8-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-15-8-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -145,7 +145,7 @@ __decorateClass([
   watch("type")
 ], SdMenuItem.prototype, "handleTypeChange", 1);
 SdMenuItem = __decorateClass([
-  customElement("sd-5-15-6-menu-item")
+  customElement("sd-5-15-8-menu-item")
 ], SdMenuItem);
 export {

package/dist-versioned/chunks/chunk.XZDQNDB2.js CHANGED Viewed

@@ -74,10 +74,10 @@ var SdRadioGroup = class extends SolidElement {
     this.formControlController.updateValidity();
   }
   getAllRadios() {
-    return [...this.querySelectorAll("sd-5-15-6-radio, sd-5-15-6-radio-button")];
+    return [...this.querySelectorAll("sd-5-15-8-radio, sd-5-15-8-radio-button")];
   }
   handleRadioClick(event) {
-    const target = event.target.closest("sd-5-15-6-radio, sd-5-15-6-radio-button");
+    const target = event.target.closest("sd-5-15-8-radio, sd-5-15-8-radio-button");
     const radios = this.getAllRadios();
     const oldValue = this.value;
     if (target.disabled) {
@@ -154,7 +154,7 @@ var SdRadioGroup = class extends SolidElement {
         }
       })
     );
-    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-5-15-6-radio-button");
+    this.hasButtonGroup = radios.some((radio) => radio.tagName.toLowerCase() === "sd-5-15-8-radio-button");
     if (!radios.some((radio) => radio.checked)) {
       if (this.hasButtonGroup) {
         const buttonRadio = (_a = radios[0].shadowRoot) == null ? void 0 : _a.querySelector("button");
@@ -166,26 +166,26 @@ var SdRadioGroup = class extends SolidElement {
       }
     }
     if (this.hasButtonGroup) {
-      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-15-6-button-group");
+      const buttonGroup = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector("sd-5-15-8-button-group");
       if (buttonGroup) {
         buttonGroup.disableRole = true;
       }
     }
   }
   syncRadios() {
-    if (customElements.get("sd-5-15-6-radio") && customElements.get("sd-5-15-6-radio-button")) {
+    if (customElements.get("sd-5-15-8-radio") && customElements.get("sd-5-15-8-radio-button")) {
       this.syncRadioElements();
       return;
     }
-    if (customElements.get("sd-5-15-6-radio")) {
+    if (customElements.get("sd-5-15-8-radio")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-5-15-6-radio").then(() => this.syncRadios());
+      customElements.whenDefined("sd-5-15-8-radio").then(() => this.syncRadios());
     }
-    if (customElements.get("sd-5-15-6-radio-button")) {
+    if (customElements.get("sd-5-15-8-radio-button")) {
       this.syncRadioElements();
     } else {
-      customElements.whenDefined("sd-5-15-6-radio-button").then(() => this.syncRadios());
+      customElements.whenDefined("sd-5-15-8-radio-button").then(() => this.syncRadios());
     }
   }
   updateCheckedRadio() {
@@ -264,7 +264,7 @@ var SdRadioGroup = class extends SolidElement {
         vertical: "flex-col",
         horizontal: "flex-row"
       }[this.orientation]
-    )}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup ? html`<sd-5-15-6-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-5-15-6-button-group>` : defaultSlot}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`;
+    )}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup ? html`<sd-5-15-8-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${defaultSlot}</sd-5-15-8-button-group>` : defaultSlot}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -272,7 +272,7 @@ var SdRadioGroup = class extends SolidElement {
  */
 SdRadioGroup.styles = [
   ...SolidElement.styles,
-  css`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-15-6-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-15-6-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-15-6-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-15-6-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-15-6-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-15-6-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}:host:has(sd-5-15-6-button-group){display:inline-flex}`
+  css`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-15-8-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-15-8-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-15-8-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-15-8-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-15-8-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-15-8-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}:host:has(sd-5-15-8-button-group){display:inline-flex}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -329,7 +329,7 @@ __decorateClass([
   watch("value")
 ], SdRadioGroup.prototype, "handleValueChange", 1);
 SdRadioGroup = __decorateClass([
-  customElement("sd-5-15-6-radio-group")
+  customElement("sd-5-15-8-radio-group")
 ], SdRadioGroup);
 export {

package/dist-versioned/chunks/chunk.Y62XG7YE.js CHANGED Viewed

@@ -60,7 +60,7 @@ var SdCarousel = class extends SolidElement {
     this.pausedAutoplay = false;
     this.autoplayController = new AutoplayController(this, () => this.next());
     this.scrollController = new ScrollController(this);
-    this.slides = this.getElementsByTagName("sd-5-15-6-carousel-item");
+    this.slides = this.getElementsByTagName("sd-5-15-8-carousel-item");
     // determines which slide is displayed
     // A map containing the state of all the slides
     this.intersectionObserverEntries = /* @__PURE__ */ new Map();
@@ -449,7 +449,7 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${prevEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${prevEnabled ? (e) => {
       this.previous();
       this.unblockAutoplay(e, this.previousButton);
-    } : null}"><slot name="previous-icon"><sd-5-15-6-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-5-15-6-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
+    } : null}"><slot name="previous-icon"><sd-5-15-8-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-5-15-8-icon></slot></button> ${this.variant === "dot" ? html`<div part="pagination-dot" role="tablist" class="${cx("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${map(range(pagesCount), (index) => {
       const isActive = index + 1 === currentPage;
       return html`<button part="pagination-item ${isActive ? "pagination-item--active" : ""}" class="${cx(
         "carousel__pagination-item",
@@ -472,7 +472,7 @@ var SdCarousel = class extends SolidElement {
     )}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${nextEnabled ? "false" : "true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${nextEnabled ? (e) => {
       this.next();
       this.unblockAutoplay(e, this.nextButton);
-    } : null}"><slot name="next-icon"><sd-5-15-6-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-5-15-6-icon></slot></button></div><button class="${cx(
+    } : null}"><slot name="next-icon"><sd-5-15-8-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-5-15-8-icon></slot></button></div><button class="${cx(
       "ml-6 !rounded-sm",
       "!absolute !right-0 sd-interactive",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset",
@@ -482,12 +482,12 @@ var SdCarousel = class extends SolidElement {
       if (e.detail) {
         this.autoplayControls.blur();
       }
-    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-6-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-5-15-6-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-6-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-5-15-6-icon></slot></button></div></div>`;
+    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-8-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-5-15-8-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-5-15-8-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-5-15-8-icon></slot></button></div></div>`;
   }
 };
 SdCarousel.styles = [
   ...SolidElement.styles,
-  css`:host{--slide-gap:var(--sl-spacing-medium,1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:". slides ." ". pagination ."}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1)*var(--slide-gap))/var(--slides-per-page));-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);grid-auto-columns:var(--slide-size);padding-inline:var(--scroll-hint);scroll-padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{display:block;height:var(--carousel-height);overflow:hidden;position:relative}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-5-15-6-button::part(label){align-items:center;display:flex;flex:1 1 auto;pointer-events:none}`
+  css`:host{--slide-gap:var(--sl-spacing-medium,1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:". slides ." ". pagination ."}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1)*var(--slide-gap))/var(--slides-per-page));-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);grid-auto-columns:var(--slide-size);padding-inline:var(--scroll-hint);scroll-padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{display:block;height:var(--carousel-height);overflow:hidden;position:relative}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-5-15-8-button::part(label){align-items:center;display:flex;flex:1 1 auto;pointer-events:none}`
 ];
 __decorateClass([
   query('[part~="autoplay-controls"]')
@@ -560,7 +560,7 @@ __decorateClass([
   watch("autoplay")
 ], SdCarousel.prototype, "handleAutoplayChange", 1);
 SdCarousel = __decorateClass([
-  customElement("sd-5-15-6-carousel")
+  customElement("sd-5-15-8-carousel")
 ], SdCarousel);
 export {

package/dist-versioned/chunks/chunk.Y7TQJEA7.js CHANGED Viewed

@@ -105,7 +105,7 @@ var SdStep = class extends SolidElement {
       "text-lg",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
       this.notInteractive && "text-primary"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-5-15-6-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-5-15-6-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-5-15-8-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-5-15-8-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
       "flex w-full",
       hasLabel && "gap-2",
       this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
@@ -195,7 +195,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-5-15-6-step")
+  customElement("sd-5-15-8-step")
 ], SdStep);
 export {

package/dist-versioned/chunks/chunk.YFRXAKBQ.js CHANGED Viewed

@@ -64,7 +64,7 @@ __decorateClass([
   query('[part="base"]')
 ], SdTeaserMedia.prototype, "teaserMedia", 2);
 SdTeaserMedia = __decorateClass([
-  customElement("sd-5-15-6-teaser-media")
+  customElement("sd-5-15-8-teaser-media")
 ], SdTeaserMedia);
 export {

package/dist-versioned/chunks/chunk.YXP3Q4D5.js CHANGED Viewed

@@ -18,7 +18,7 @@ var SdTabPanel = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-5-15-6-tab-panel-${this.attrId}`;
+    this.componentId = `sd-5-15-8-tab-panel-${this.attrId}`;
     this.name = "";
     this.active = false;
   }
@@ -48,7 +48,7 @@ __decorateClass([
   watch("active")
 ], SdTabPanel.prototype, "handleActiveChange", 1);
 SdTabPanel = __decorateClass([
-  customElement("sd-5-15-6-tab-panel")
+  customElement("sd-5-15-8-tab-panel")
 ], SdTabPanel);
 export {

package/dist-versioned/chunks/chunk.ZNPGMZAM.js CHANGED Viewed

@@ -25,7 +25,7 @@ SdCarouselItem.styles = [
   css`:host{align-items:center;aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;height:100%;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;width:100%}::slotted(img){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}`
 ];
 SdCarouselItem = __decorateClass([
-  customElement("sd-5-15-6-carousel-item")
+  customElement("sd-5-15-8-carousel-item")
 ], SdCarouselItem);
 export {

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

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

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

@@ -3,10 +3,10 @@ import {
 } from "../../chunks/chunk.JSVTNGBN.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

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

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

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

@@ -4,10 +4,10 @@ import {
 import "../../chunks/chunk.JSVTNGBN.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

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

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

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

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

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

@@ -12,10 +12,10 @@ import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -7,10 +7,10 @@ import "../../chunks/chunk.NOWCQZBS.js";
 import "../../chunks/chunk.ZNPGMZAM.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

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

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

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

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-checkbox': SdCheckbox;
+        'sd-5-15-8-checkbox': SdCheckbox;
     }
 }

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

@@ -3,10 +3,10 @@ import {
 } from "../../chunks/chunk.TUOYTASX.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.XCQC3F3H.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

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

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-checkbox-group': SdCheckboxGroup;
+        'sd-5-15-8-checkbox-group': SdCheckboxGroup;
     }
 }

package/dist-versioned/components/checkbox-group/checkbox-group.js CHANGED Viewed

@@ -2,10 +2,10 @@ import {
   SdCheckboxGroup
 } from "../../chunks/chunk.F2UZ5T7G.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist-versioned/components/combobox/combobox.d.ts CHANGED Viewed

@@ -121,6 +121,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-combobox': SdCombobox;
+        'sd-5-15-8-combobox': SdCombobox;
     }
 }

package/dist-versioned/components/combobox/combobox.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   SdCombobox
-} from "../../chunks/chunk.XK3MBLKI.js";
+} from "../../chunks/chunk.4PS5R3HQ.js";
 import "../../chunks/chunk.AO5E3XWU.js";
 import "../../chunks/chunk.A6F5UBS5.js";
 import "../../chunks/chunk.GI7VDIWX.js";
@@ -11,10 +11,10 @@ import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist-versioned/components/dialog/dialog.d.ts CHANGED Viewed

@@ -29,6 +29,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-dialog': SdDialog;
+        'sd-5-15-8-dialog': SdDialog;
     }
 }

package/dist-versioned/components/dialog/dialog.js CHANGED Viewed

@@ -10,10 +10,10 @@ import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist-versioned/components/divider/divider.d.ts CHANGED Viewed

@@ -8,6 +8,6 @@ export default class SdDivider extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-divider': SdDivider;
+        'sd-5-15-8-divider': SdDivider;
     }
 }

package/dist-versioned/components/drawer/drawer.d.ts CHANGED Viewed

@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-drawer': SdDrawer;
+        'sd-5-15-8-drawer': SdDrawer;
     }
 }

package/dist-versioned/components/drawer/drawer.js CHANGED Viewed

@@ -11,10 +11,10 @@ import "../../chunks/chunk.XCQC3F3H.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist-versioned/components/dropdown/dropdown.d.ts CHANGED Viewed

@@ -46,6 +46,6 @@ export default class SdDropdown extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-dropdown': SdDropdown;
+        'sd-5-15-8-dropdown': SdDropdown;
     }
 }

package/dist-versioned/components/expandable/expandable.d.ts CHANGED Viewed

@@ -20,6 +20,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-expandable': SdExpandable;
+        'sd-5-15-8-expandable': SdExpandable;
     }
 }

package/dist-versioned/components/expandable/expandable.js CHANGED Viewed

@@ -3,10 +3,10 @@ import {
 } from "../../chunks/chunk.THYGJ3F3.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.45EBRFJS.js";
-import "../../chunks/chunk.6JH5RYK5.js";
+import "../../chunks/chunk.X4WBXLQO.js";
+import "../../chunks/chunk.5FANE6X5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
-import "../../chunks/chunk.M4ZYKLLS.js";
+import "../../chunks/chunk.5SNCWTQU.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";

package/dist-versioned/components/flipcard/flipcard.d.ts CHANGED Viewed

@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-15-6-flipcard': SdFlipcard;
+        'sd-5-15-8-flipcard': SdFlipcard;
     }
 }