@solid-design-system/components 4.10.0 → 4.11.0

package/dist-versioned/chunks/chunk.ULQU6P3E.js

@@ -56,7 +56,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-4-10-0-carousel-item");
+    this.slides = this.getElementsByTagName("sd-4-11-0-carousel-item");
     // determines which slide is displayed
     // A map containing the state of all the slides
     this.intersectionObserverEntries = /* @__PURE__ */ new Map();
@@ -380,7 +380,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-4-10-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-4-10-0-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-4-11-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${isLtr ? "chevron-down" : "chevron-up"}"></sd-4-11-0-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",
@@ -403,7 +403,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-4-10-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-4-10-0-icon></slot></button></div><button class="${cx(
+    } : null}"><slot name="next-icon"><sd-4-11-0-icon class="${cx("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${isLtr ? "chevron-up" : "chevron-down"}"></sd-4-11-0-icon></slot></button></div><button class="${cx(
       "ml-6 !rounded-sm",
       "!absolute !right-0 sd-interactive",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset",
@@ -413,12 +413,12 @@ var SdCarousel = class extends SolidElement {
       if (e.detail) {
         this.autoplayControls.blur();
       }
-    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-4-10-0-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-4-10-0-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-4-10-0-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-4-10-0-icon></slot></button></div></div>`;
+    }}"><slot name="autoplay-start" class="${cx(!this.pausedAutoplay ? "hidden" : "")}"><sd-4-11-0-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-4-11-0-icon></slot><slot name="autoplay-pause" class="${cx(this.pausedAutoplay ? "hidden" : "")}"><sd-4-11-0-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-4-11-0-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}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-4-10-0-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}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-4-11-0-button::part(label){align-items:center;display:flex;flex:1 1 auto;pointer-events:none}`
 ];
 __decorateClass([
   query('[part~="autoplay-controls"]')
@@ -485,7 +485,7 @@ __decorateClass([
   watch("autoplay")
 ], SdCarousel.prototype, "handleAutoplayChange", 1);
 SdCarousel = __decorateClass([
-  customElement("sd-4-10-0-carousel")
+  customElement("sd-4-11-0-carousel")
 ], SdCarousel);
 
 export {

package/dist-versioned/chunks/chunk.VOWE6LHF.js

@@ -29,8 +29,8 @@ var SdTabGroup = class extends SolidElement {
   }
   connectedCallback() {
     const whenAllDefined = Promise.all([
-      customElements.whenDefined("sd-4-10-0-tab"),
-      customElements.whenDefined("sd-4-10-0-tab-panel")
+      customElements.whenDefined("sd-4-11-0-tab"),
+      customElements.whenDefined("sd-4-11-0-tab-panel")
     ]);
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => {
@@ -70,20 +70,20 @@ var SdTabGroup = class extends SolidElement {
   }
   getAllTabs(options = { includeDisabled: true }) {
     const slot = this.shadowRoot.querySelector('slot[name="nav"]');
-    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-4-10-0-tab" ? el : el.querySelector("sd-4-10-0-tab")).filter((el) => {
-      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-4-10-0-tab" : el.tagName.toLowerCase() === "sd-4-10-0-tab" && !el.disabled;
+    return Array.from(slot.assignedElements()).map((el) => el.tagName.toLocaleLowerCase() === "sd-4-11-0-tab" ? el : el.querySelector("sd-4-11-0-tab")).filter((el) => {
+      return el && options.includeDisabled ? el.tagName.toLowerCase() === "sd-4-11-0-tab" : el.tagName.toLowerCase() === "sd-4-11-0-tab" && !el.disabled;
     });
   }
   getAllPanels() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-4-10-0-tab-panel");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-4-11-0-tab-panel");
   }
   getActiveTab() {
     return this.tabs.find((t) => t.matches(":focus"));
   }
   handleClick(event) {
     const target = event.target;
-    const tab = target.closest("sd-4-10-0-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-10-0-tab-group");
+    const tab = target.closest("sd-4-11-0-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-11-0-tab-group");
     if (tabGroup !== this) {
       return;
     }
@@ -93,8 +93,8 @@ var SdTabGroup = class extends SolidElement {
   }
   handleKeyDown(event) {
     const target = event.target;
-    const tab = target.closest("sd-4-10-0-tab");
-    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-10-0-tab-group");
+    const tab = target.closest("sd-4-11-0-tab");
+    const tabGroup = tab == null ? void 0 : tab.closest("sd-4-11-0-tab-group");
     if (tabGroup !== this) {
       return;
     }
@@ -119,7 +119,7 @@ var SdTabGroup = class extends SolidElement {
     if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
       const activeEl = this.tabs.find((t) => t.matches(":focus"));
       const isRtl = this.localize.dir() === "rtl";
-      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-4-10-0-tab") {
+      if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sd-4-11-0-tab") {
         let index = this.tabs.indexOf(activeEl);
         if (event.key === "Home") {
           index = 0;
@@ -215,15 +215,15 @@ var SdTabGroup = class extends SolidElement {
     return html`<div part="base" class="${cx("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${cx(this.hasScrollControls && "relative py-0 px-12")}">${this.hasScrollControls ? html`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${cx(
       "sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",
       this.localize.dir() === "rtl" && "left-auto right-0"
-    )}" @click="${this.handleScrollToStart}"><sd-4-10-0-icon library="system" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-10-0-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${cx(
+    )}" @click="${this.handleScrollToStart}"><sd-4-11-0-icon library="system" name="${isRtl ? "chevron-up" : "chevron-down"}" label="previous" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-11-0-icon></button>` : ""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${cx("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls ? html`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${cx(
       "sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",
       this.localize.dir() === "rtl" && "right-auto left-0"
-    )}" @click="${this.handleScrollToEnd}"><sd-4-10-0-icon library="system" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-10-0-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
+    )}" @click="${this.handleScrollToEnd}"><sd-4-11-0-icon library="system" name="${isRtl ? "chevron-down" : "chevron-up"}" label="next" class="${cx("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-11-0-icon></button>` : ""}</div><slot part="body" class="${cx("block auto py-8 px-6", this.variant === "container" && "border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`;
   }
 };
 SdTabGroup.styles = [
   ...SolidElement.styles,
-  css`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-4-10-0-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-10-0-tab-panel){--padding:1rem 0}`
+  css`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-4-11-0-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-11-0-tab-panel){--padding:1rem 0}`
 ];
 __decorateClass([
   query("[part=base]")
@@ -244,7 +244,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdTabGroup.prototype, "activation", 2);
 SdTabGroup = __decorateClass([
-  customElement("sd-4-10-0-tab-group")
+  customElement("sd-4-11-0-tab-group")
 ], SdTabGroup);
 
 export {

package/dist-versioned/chunks/chunk.VUKS4CBF.js

@@ -99,7 +99,7 @@ __decorateClass([
   state()
 ], SdTeaser.prototype, "_orientation", 2);
 SdTeaser = __decorateClass([
-  customElement("sd-4-10-0-teaser")
+  customElement("sd-4-11-0-teaser")
 ], SdTeaser);
 
 export {

package/dist-versioned/chunks/chunk.X7IRGFBS.js

@@ -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-4-10-0-carousel-item")
+  customElement("sd-4-11-0-carousel-item")
 ], SdCarouselItem);
 
 export {

package/dist-versioned/chunks/chunk.YGRJQZFR.js

@@ -126,7 +126,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-4-10-0-icon")
+  customElement("sd-4-11-0-icon")
 ], SdIcon);
 
 export {

package/dist-versioned/chunks/chunk.ZMWGNTP6.js

@@ -208,7 +208,7 @@ var SdTextarea = class extends SolidElement {
       this.readonly ? "bg-neutral-100" : "bg-white",
       textareaState === "disabled" || textareaState === "visuallyDisabled" ? "text-neutral-500" : "text-black"
     )}"><textarea part="textarea" id="input" class="${cx(
-      "ps-4 flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none group-has-[sd-4-10-0-icon]:pe-8",
+      "ps-4 flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none group-has-[sd-4-11-0-icon]:pe-8",
       {
         sm: "py-1",
         md: "py-1",
@@ -216,13 +216,13 @@ var SdTextarea = class extends SolidElement {
       }[this.size],
       this.disabled && "cursor-not-allowed",
       textSize
-    )}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-4-10-0-icon class="${cx(
+    )}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-4-11-0-icon class="${cx(
       "text-error absolute right-4 bg-white pointer-events-none group-hover:bg-neutral-200",
       iconSize
-    )}" library="system" name="risk" part="invalid-icon"></sd-4-10-0-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-4-10-0-icon class="${cx(
+    )}" library="system" name="risk" part="invalid-icon"></sd-4-11-0-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-4-11-0-icon class="${cx(
       "text-success absolute right-4 bg-white pointer-events-none group-hover:bg-neutral-200",
       iconSize
-    )}" library="system" name="status-check" part="valid-icon"></sd-4-10-0-icon>` : ""}</div></div><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 ? "false" : "true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
+    )}" library="system" name="status-check" part="valid-icon"></sd-4-11-0-icon>` : ""}</div></div><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 ? "false" : "true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -336,7 +336,7 @@ __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdTextarea.prototype, "handleValueChange", 1);
 SdTextarea = __decorateClass([
-  customElement("sd-4-10-0-textarea")
+  customElement("sd-4-11-0-textarea")
 ], SdTextarea);
 
 export {

package/dist-versioned/chunks/{chunk.CYM2Q7GX.js → chunk.ZXC3A5GK.js}

@@ -110,10 +110,10 @@ var SdSwitch = class extends SolidElement {
     )}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked ? " control--checked" : "control--unchecked"}" class="${cx(
       `relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
             peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
-            peer-focus-visible:outline-primary`,
-      this.disabled && this.checked ? "border-neutral-500 bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? "border-error bg-error hover:bg-error-400" : this.checked ? "border-accent bg-accent hover:bg-accent-550 group-hover:bg-accent-550" : "border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
+            peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,
+      this.disabled && this.checked ? "border-neutral-500 bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? "border-error hover:border-error-400 bg-error hover:bg-error-400 group-hover:bg-error-400" : this.checked ? "border-accent hover:bg-accent-550 bg-accent hover:border-accent-550 group-hover:bg-accent-550" : "border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
     )}"><span id="thumb" part="thumb" class="${cx(
-      "w-2.5 h-2.5 rounded-full transition-transform ease-in-out duration-200",
+      "w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",
       this.disabled && this.checked ? "bg-white translate-x-2" : this.disabled ? "-translate-x-2 bg-neutral-500" : this.showInvalidStyle ? "bg-white -translate-x-2" : this.checked ? "translate-x-2 bg-white" : "bg-neutral-800 -translate-x-2"
     )}"></span> </span><span part="label" id="label" class="${cx(
       "select-none inline-block ml-2",
@@ -168,7 +168,7 @@ __decorateClass([
   watch(["checked"], { waitUntilFirstUpdate: true })
 ], SdSwitch.prototype, "handleStateChange", 1);
 SdSwitch = __decorateClass([
-  customElement("sd-4-10-0-switch")
+  customElement("sd-4-11-0-switch")
 ], SdSwitch);
 
 export {

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

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

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-4-10-0-accordion-group': SdAccordionGroup;
+        'sd-4-11-0-accordion-group': SdAccordionGroup;
     }
 }

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

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

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

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

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

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

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

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-brandshape': SdBrandshape;
+        'sd-4-11-0-brandshape': SdBrandshape;
     }
 }
 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-4-10-0-button': SdButton;
+        'sd-4-11-0-button': SdButton;
     }
 }

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-4-10-0-button-group': SdButtonGroup;
+        'sd-4-11-0-button-group': SdButtonGroup;
     }
 }

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

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

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-4-10-0-carousel-item': SdCarouselItem;
+        'sd-4-11-0-carousel-item': SdCarouselItem;
     }
 }

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-4-10-0-checkbox': SdCheckbox;
+        'sd-4-11-0-checkbox': SdCheckbox;
     }
 }

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-4-10-0-checkbox-group': SdCheckboxGroup;
+        'sd-4-11-0-checkbox-group': SdCheckboxGroup;
     }
 }

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

@@ -120,6 +120,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-combobox': SdCombobox;
+        'sd-4-11-0-combobox': SdCombobox;
     }
 }

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

@@ -29,6 +29,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-dialog': SdDialog;
+        'sd-4-11-0-dialog': SdDialog;
     }
 }

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

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

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

@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-drawer': SdDrawer;
+        'sd-4-11-0-drawer': SdDrawer;
     }
 }

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

@@ -45,6 +45,6 @@ export default class SdDropdown extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-dropdown': SdDropdown;
+        'sd-4-11-0-dropdown': SdDropdown;
     }
 }

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

@@ -19,6 +19,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-expandable': SdExpandable;
+        'sd-4-11-0-expandable': SdExpandable;
     }
 }

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

@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-flipcard': SdFlipcard;
+        'sd-4-11-0-flipcard': SdFlipcard;
     }
 }

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

@@ -18,6 +18,6 @@ export default class SdHeader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-header': SdHeader;
+        'sd-4-11-0-header': SdHeader;
     }
 }

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

@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-icon': SdIcon;
+        'sd-4-11-0-icon': SdIcon;
     }
 }

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

@@ -10,6 +10,6 @@ export default class SdInclude extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-include': SdInclude;
+        'sd-4-11-0-include': SdInclude;
     }
 }

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

@@ -83,6 +83,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-input': SdInput;
+        'sd-4-11-0-input': SdInput;
     }
 }

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

@@ -19,6 +19,6 @@ export default class SdLink extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-link': SdLink;
+        'sd-4-11-0-link': SdLink;
     }
 }

package/dist-versioned/components/map-marker/map-marker.d.ts

@@ -19,6 +19,6 @@ export default class SdMapMarker extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-map-marker': SdMapMarker;
+        'sd-4-11-0-map-marker': SdMapMarker;
     }
 }

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

@@ -32,6 +32,6 @@ export default class SdNavigationItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-navigation-item': SdNavigationItem;
+        'sd-4-11-0-navigation-item': SdNavigationItem;
     }
 }

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

@@ -34,6 +34,6 @@ export default class SdNotification extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-notification': SdNotification;
+        'sd-4-11-0-notification': SdNotification;
     }
 }

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

@@ -3,7 +3,7 @@ import SolidElement from '../../internal/solid-element';
 export default class SdOptgroup extends SolidElement {
     private readonly localize;
     static dependencies: {
-        'sd-4-10-0-divider': typeof SdDivider;
+        'sd-4-11-0-divider': typeof SdDivider;
     };
     defaultSlot: HTMLSlotElement;
     private handleDisableOptions;
@@ -15,6 +15,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-optgroup': SdOptgroup;
+        'sd-4-11-0-optgroup': SdOptgroup;
     }
 }

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

@@ -25,6 +25,6 @@ export default class SdOption extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-option': SdOption;
+        'sd-4-11-0-option': SdOption;
     }
 }

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

@@ -40,6 +40,6 @@ export default class SdPopup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-popup': SdPopup;
+        'sd-4-11-0-popup': SdPopup;
     }
 }

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

@@ -7,6 +7,6 @@ export default class SdQuickfact extends SdAccordion {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-quickfact': SdQuickfact;
+        'sd-4-11-0-quickfact': SdQuickfact;
     }
 }

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

@@ -22,6 +22,6 @@ export default class SdRadio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-radio': SdRadio;
+        'sd-4-11-0-radio': SdRadio;
     }
 }

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

@@ -21,6 +21,6 @@ export default class SdRadioButton extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-radio-button': SdRadioButton;
+        'sd-4-11-0-radio-button': SdRadioButton;
     }
 }

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

@@ -4,7 +4,7 @@ import SolidElement from '../../internal/solid-element';
 import type { SolidFormControl } from '../../internal/solid-element';
 export default class SdRadioGroup extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-10-0-button-group': typeof SdButtonGroup;
+        'sd-4-11-0-button-group': typeof SdButtonGroup;
     };
     protected readonly formControlController: FormControlController;
     private readonly hasSlotController;
@@ -49,6 +49,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-radio-group': SdRadioGroup;
+        'sd-4-11-0-radio-group': SdRadioGroup;
     }
 }

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

@@ -32,6 +32,6 @@ export default class SdScrollable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-scrollable': SdScrollable;
+        'sd-4-11-0-scrollable': SdScrollable;
     }
 }

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

@@ -97,6 +97,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-select': SdSelect;
+        'sd-4-11-0-select': SdSelect;
     }
 }

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

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

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

@@ -24,6 +24,6 @@ export default class SdStep extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-step': SdStep;
+        'sd-4-11-0-step': SdStep;
     }
 }

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

@@ -18,6 +18,6 @@ export default class SdStepGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-10-0-step-group': SdStepGroup;
+        'sd-4-11-0-step-group': SdStepGroup;
     }
 }