@solid-design-system/components 7.0.0-next.6 → 7.0.0-next.7

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

@@ -420,14 +420,14 @@ var SdInput = class extends SolidElement {
       !isFloatingLabelActive || !hasValue && (this.readonly || this.visuallyDisabled) ? textSize : "text-xs",
       (this.visuallyDisabled || this.disabled) && "text-neutral-500",
       isFloatingLabelActive && !this.visuallyDisabled && !this.disabled && "form-control--filled__floating-label-color-text"
-    )}">${this.label}</span></label>` : null} ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-7-0-0-next-6-icon class="${cx(
+    )}">${this.label}</span></label>` : null} ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-7-0-0-next-7-icon class="${cx(
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-neutral-700",
       iconSize
-    )}" library="_internal" name="closing-round"></sd-7-0-0-next-6-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx(
+    )}" library="_internal" name="closing-round"></sd-7-0-0-next-7-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx(
       "flex items-center sd-interactive",
       iconMarginLeft,
       this.floatingLabel && !isFloatingLabelActive && "hide-password-toggle"
-    )}" type="button" @click="${this.handlePasswordToggle}" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-7-0-0-next-6-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-7-0-0-next-6-icon></slot>` : html`<slot name="hide-password-icon"><sd-7-0-0-next-6-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-7-0-0-next-6-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-7-0-0-next-6-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-7-0-0-next-6-icon>` : ""} ${this.type === "time" ? html`<sd-7-0-0-next-6-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-7-0-0-next-6-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-7-0-0-next-6-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-7-0-0-next-6-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-7-0-0-next-6-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-7-0-0-next-6-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-7-0-0-next-6-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-7-0-0-next-6-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}"><slot name="decrement-number-stepper"><sd-7-0-0-next-6-icon library="_internal" name="minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-7-0-0-next-6-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-7-0-0-next-6-icon library="_internal" name="plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-7-0-0-next-6-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
+    )}" type="button" @click="${this.handlePasswordToggle}" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-7-0-0-next-7-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-7-0-0-next-7-icon></slot>` : html`<slot name="hide-password-icon"><sd-7-0-0-next-7-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-7-0-0-next-7-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-7-0-0-next-7-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-7-0-0-next-7-icon>` : ""} ${this.type === "time" ? html`<sd-7-0-0-next-7-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-7-0-0-next-7-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-7-0-0-next-7-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-7-0-0-next-7-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-7-0-0-next-7-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-7-0-0-next-7-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-7-0-0-next-7-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-7-0-0-next-7-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1" @mousedown="${this.handleClickableIconFocusIn}" @focus="${() => this.handleClickableIconFocusIn()}" @blur="${this.handleClickableIconFocusOut}"><slot name="decrement-number-stepper"><sd-7-0-0-next-7-icon library="_internal" name="minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-7-0-0-next-7-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-7-0-0-next-7-icon library="_internal" name="plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-7-0-0-next-7-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
       "text-sm mt-1",
       hasHelpText && !this.showInvalidStyle ? "block" : "hidden",
       this.visuallyDisabled || this.disabled ? "text-neutral-500" : "text-neutral-700"
@@ -440,7 +440,7 @@ var SdInput = class extends SolidElement {
 SdInput.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0;display:none;-webkit-appearance:none}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-7-0-0-next-6-icon{color:rgba(var(--sd-color-text-neutral-500))}.hide-password-toggle{display:none}.has-floating-label input[type=date]:not(.has-value),.has-floating-label input[type=datetime-local]:not(.has-value),.has-floating-label input[type=time]:not(.has-value){color:transparent}.has-floating-label input[type=date]:focus,.has-floating-label input[type=datetime-local]:focus,.has-floating-label input[type=time]:focus{color:inherit}.icon-color{color:rgba(var(--sd-form-control-color-icon-fill))}`
+:host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0;display:none;-webkit-appearance:none}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-7-0-0-next-7-icon{color:rgba(var(--sd-color-text-neutral-500))}.hide-password-toggle{display:none}.has-floating-label input[type=date]:not(.has-value),.has-floating-label input[type=datetime-local]:not(.has-value),.has-floating-label input[type=time]:not(.has-value){color:transparent}.has-floating-label input[type=date]:focus,.has-floating-label input[type=datetime-local]:focus,.has-floating-label input[type=time]:focus{color:inherit}.icon-color{color:rgba(var(--sd-form-control-color-icon-fill))}`
 ];
 __decorateClass([
   query("#input")
@@ -587,7 +587,7 @@ __decorateClass([
   watch(["size", "floatingLabel"])
 ], SdInput.prototype, "handleSizeChange", 1);
 SdInput = __decorateClass([
-  customElement("sd-7-0-0-next-6-input")
+  customElement("sd-7-0-0-next-7-input")
 ], SdInput);
 
 export {

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

@@ -113,7 +113,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-7-0-0-next-6-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-7-0-0-next-7-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
   }
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
@@ -148,13 +148,13 @@ var SdMenu = class extends SolidElement {
 SdMenu.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-7-0-0-next-6-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
+:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-7-0-0-next-7-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-7-0-0-next-6-menu")
+  customElement("sd-7-0-0-next-7-menu")
 ], SdMenu);
 
 export {

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

@@ -17,7 +17,7 @@ var SdSkeleton = class extends SolidElement {
   }
   render() {
     return html`<div part="base" aria-hidden="true" class="${cx(
-      "sd-7-0-0-next-6-skeleton-color w-full h-full animate-pulse",
+      "sd-7-0-0-next-7-skeleton-color w-full h-full animate-pulse",
       {
         rectangular: "rounded-sm",
         circular: "rounded-full inline-block"
@@ -34,7 +34,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdSkeleton.prototype, "variant", 2);
 SdSkeleton = __decorateClass([
-  customElement("sd-7-0-0-next-6-skeleton")
+  customElement("sd-7-0-0-next-7-skeleton")
 ], SdSkeleton);
 
 export {

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

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-accordion': SdAccordion;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-accordion-group': SdAccordionGroup;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-animation': SdAnimation;
+        'sd-7-0-0-next-7-animation': SdAnimation;
     }
 }

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

@@ -58,6 +58,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-audio': SdAudio;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-badge': SdBadge;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-brandshape': SdBrandshape;
+        'sd-7-0-0-next-7-brandshape': SdBrandshape;
     }
 }
 export {};

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

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

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-7-0-0-next-6-breadcrumb-item': SdBreadcrumbItem;
+        'sd-7-0-0-next-7-breadcrumb-item': SdBreadcrumbItem;
     }
 }

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-7-0-0-next-6-button': SdButton;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-button-group': SdButtonGroup;
+        'sd-7-0-0-next-7-button-group': SdButtonGroup;
     }
 }

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

@@ -66,6 +66,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-carousel': SdCarousel;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-carousel-item': SdCarouselItem;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-checkbox': SdCheckbox;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-checkbox-group': SdCheckboxGroup;
+        'sd-7-0-0-next-7-checkbox-group': SdCheckboxGroup;
     }
 }

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

@@ -124,6 +124,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-combobox': SdCombobox;
+        'sd-7-0-0-next-7-combobox': SdCombobox;
     }
 }

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

@@ -126,6 +126,6 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-datepicker': SdDatepicker;
+        'sd-7-0-0-next-7-datepicker': SdDatepicker;
     }
 }

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

@@ -27,6 +27,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-dialog': SdDialog;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-divider': SdDivider;
+        'sd-7-0-0-next-7-divider': SdDivider;
     }
 }

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

@@ -23,6 +23,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-drawer': SdDrawer;
+        'sd-7-0-0-next-7-drawer': SdDrawer;
     }
 }

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

@@ -46,6 +46,6 @@ export default class SdDropdown extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-dropdown': SdDropdown;
+        'sd-7-0-0-next-7-dropdown': SdDropdown;
     }
 }

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

@@ -20,6 +20,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-expandable': SdExpandable;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-flipcard': SdFlipcard;
+        'sd-7-0-0-next-7-flipcard': SdFlipcard;
     }
 }

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

@@ -2,6 +2,7 @@ import SolidElement from '../../internal/solid-element';
 import type { PropertyValues } from 'lit';
 export default class SdHeader extends SolidElement {
     fixed: boolean;
+    shadow: boolean;
     header: HTMLElement;
     private resizeObserver?;
     connectedCallback(): void;
@@ -15,6 +16,6 @@ export default class SdHeader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-header': SdHeader;
+        'sd-7-0-0-next-7-header': SdHeader;
     }
 }

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

@@ -1,6 +1,6 @@
 import {
   SdHeader
-} from "../../chunks/chunk.4KUVWN2I.js";
+} from "../../chunks/chunk.5HSSTHMW.js";
 import "../../chunks/chunk.UVI5HHLF.js";
 import "../../chunks/chunk.7WPBGXB4.js";
 import "../../chunks/chunk.HQWAKJBV.js";

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

@@ -18,6 +18,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-icon': SdIcon;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-include': SdInclude;
+        'sd-7-0-0-next-7-include': SdInclude;
     }
 }

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

@@ -88,6 +88,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-input': SdInput;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-link': SdLink;
+        'sd-7-0-0-next-7-link': SdLink;
     }
 }

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

@@ -8,6 +8,6 @@ export default class SdLoader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-loader': SdLoader;
+        'sd-7-0-0-next-7-loader': SdLoader;
     }
 }

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

@@ -18,6 +18,6 @@ export default class SdMapMarker extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-map-marker': SdMapMarker;
+        'sd-7-0-0-next-7-map-marker': SdMapMarker;
     }
 }

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

@@ -20,6 +20,6 @@ export default class SdMenu extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-menu': SdMenu;
+        'sd-7-0-0-next-7-menu': SdMenu;
     }
 }

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

@@ -25,6 +25,6 @@ export default class SdMenuItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-menu-item': SdMenuItem;
+        'sd-7-0-0-next-7-menu-item': SdMenuItem;
     }
 }

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

@@ -38,6 +38,6 @@ export default class SdNavigationItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-navigation-item': SdNavigationItem;
+        'sd-7-0-0-next-7-navigation-item': SdNavigationItem;
     }
 }

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

@@ -35,6 +35,6 @@ export default class SdNotification extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-notification': SdNotification;
+        'sd-7-0-0-next-7-notification': SdNotification;
     }
 }

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

@@ -12,6 +12,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-optgroup': SdOptgroup;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-option': SdOption;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-popup': SdPopup;
+        'sd-7-0-0-next-7-popup': SdPopup;
     }
 }

package/dist-versioned/components/progress-bar/progress-bar.d.ts

@@ -21,6 +21,6 @@ export default class SdProgressBar extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-progress-bar': SdProgressBar;
+        'sd-7-0-0-next-7-progress-bar': SdProgressBar;
     }
 }

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

@@ -7,6 +7,6 @@ export default class SdQuickfact extends SdAccordion {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-quickfact': SdQuickfact;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-radio': SdRadio;
+        'sd-7-0-0-next-7-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-7-0-0-next-6-radio-button': SdRadioButton;
+        'sd-7-0-0-next-7-radio-button': SdRadioButton;
     }
 }

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

@@ -47,6 +47,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-radio-group': SdRadioGroup;
+        'sd-7-0-0-next-7-radio-group': SdRadioGroup;
     }
 }

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

@@ -66,6 +66,6 @@ export default class SdRange extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-range': SdRange;
+        'sd-7-0-0-next-7-range': SdRange;
     }
 }

package/dist-versioned/components/range-tick/range-tick.d.ts

@@ -8,6 +8,6 @@ export default class SdRangeTick extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-range-tick': SdRangeTick;
+        'sd-7-0-0-next-7-range-tick': SdRangeTick;
     }
 }

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

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

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

@@ -100,6 +100,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-select': SdSelect;
+        'sd-7-0-0-next-7-select': SdSelect;
     }
 }

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

@@ -6,6 +6,6 @@ export default class SdSkeleton extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-skeleton': SdSkeleton;
+        'sd-7-0-0-next-7-skeleton': SdSkeleton;
     }
 }

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

@@ -28,6 +28,6 @@ export default class SdStep extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-step': SdStep;
+        'sd-7-0-0-next-7-step': SdStep;
     }
 }

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

@@ -20,6 +20,6 @@ export default class SdStepGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-step-group': SdStepGroup;
+        'sd-7-0-0-next-7-step-group': SdStepGroup;
     }
 }

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

@@ -35,6 +35,6 @@ export default class SdSwitch extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-switch': SdSwitch;
+        'sd-7-0-0-next-7-switch': SdSwitch;
     }
 }

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

@@ -22,6 +22,6 @@ export default class SdTab extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-tab': SdTab;
+        'sd-7-0-0-next-7-tab': SdTab;
     }
 }

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

@@ -39,6 +39,6 @@ export default class SdTabGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-tab-group': SdTabGroup;
+        'sd-7-0-0-next-7-tab-group': SdTabGroup;
     }
 }

package/dist-versioned/components/tab-panel/tab-panel.d.ts

@@ -11,6 +11,6 @@ export default class SdTabPanel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-7-0-0-next-6-tab-panel': SdTabPanel;
+        'sd-7-0-0-next-7-tab-panel': SdTabPanel;
     }
 }

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

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