npm - @solid-design-system/components - Versions diffs - 6.30.0 → 7.0.0-next.10 - Mend

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

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 (730) hide show

package/dist-versioned/chunks/{chunk.VBWU6AAA.js → chunk.I57THEU4.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -24,7 +24,7 @@ var SdTab = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-6-30-0-tab-${this.attrId}`;
+    this.componentId = `sd-7-0-0-next-10-tab-${this.attrId}`;
     this.hasSlotController = new HasSlotController(this, "left");
     this.localize = new LocalizeController(this);
     this.variant = "default";
@@ -62,17 +62,17 @@ var SdTab = class extends SolidElement {
       "outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",
       this.variant === "container" ? "tab-container-border bg-white rounded-[4px_4px_0_0]" : "navigable-border-radius",
       this.variant === "container" && this.active && "tab--active-container-border bg-white",
-      this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-6-30-0-tab--hover-color-background",
-      this.active && "z-20 sd-6-30-0-tab--active-color-text"
+      this.disabled || this.visuallyDisabled ? "!cursor-not-allowed" : "hover:sd-7-0-0-next-10-tab--hover-color-background",
+      this.active && "z-20 sd-7-0-0-next-10-tab--active-color-text"
     )}" tabindex="${!this.active || this.disabled ? "-1" : "0"}"><div class="${cx("flex h-full items-center justify-center whitespace-nowrap")}"><slot name="left" class="${cx(
       slots.left && "block pr-2",
-      this.disabled || this.visuallyDisabled ? "sd-6-30-0-tab--disabled-color-text" : this.active ? "sd-6-30-0-tab--active-color-text" : "sd-6-30-0-tab-color-text"
+      this.disabled || this.visuallyDisabled ? "sd-7-0-0-next-10-tab--disabled-color-text" : this.active ? "sd-7-0-0-next-10-tab--active-color-text" : "sd-7-0-0-next-10-tab-color-text"
     )}"></slot><slot class="${cx(
-      this.disabled || this.visuallyDisabled ? "sd-6-30-0-tab--disabled-color-text" : this.active ? "sd-6-30-0-tab--active-color-text" : "sd-6-30-0-tab-color-text"
+      this.disabled || this.visuallyDisabled ? "sd-7-0-0-next-10-tab--disabled-color-text" : this.active ? "sd-7-0-0-next-10-tab--active-color-text" : "sd-7-0-0-next-10-tab-color-text"
     )}"></slot>${this.variant === "container" ? html`<div part="active-tab-indicator" class="${cx(
       "absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius"
     )}"></div>` : ""}<div part="hover-bottom-border" class="${cx(
-      !this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-30-0-tab-color-border"
+      !this.active && !this.disabled && "absolute bottom-0 left-0 w-full h-0.25 border-b sd-7-0-0-next-10-tab-color-border"
     )}"></div></div></div>`;
   }
 };
@@ -109,7 +109,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-6-30-0-tab")
+  customElement("sd-7-0-0-next-10-tab")
 ], SdTab);
 export {

package/dist-versioned/chunks/{chunk.2DGYIFDJ.js → chunk.INSUQDO7.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -91,14 +91,14 @@ var SdOption = class extends SolidElement {
       this.disabled && "border-neutral-500 top-1",
       !this.disabled && this.hasHover ? "h-full top-0" : "top-1"
     )}"></span> ${this.checkbox ? html`<span id="control" part="control ${this.selected ? " control--checked" : "control--unchecked"}" class="${cx(
-      "relative flex flex-shrink-0 items-center justify-center border sd-6-30-0-checkbox-border-width rounded-sm h-4 w-4 mr-2",
+      "relative flex flex-shrink-0 items-center justify-center border sd-7-0-0-next-10-checkbox-border-width rounded-sm h-4 w-4 mr-2",
       {
         sm: "mt-0.5",
         md: "mt-1",
         lg: "mt-1"
       }[this.size],
-      this.disabled ? "sd-6-30-0-option--disabled-color-border" : this.selected ? "bg-accent border-accent" : "bg-white form-control-color-border"
-    )}">${this.selected ? html`<sd-6-30-0-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-6-30-0-icon>` : ""}</span>` : ""} ${slots["left"] ? html`<slot name="left" part="left" class="inline-flex mr-2"></slot>` : ""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${slots["right"] ? html`<slot name="right" part="right" class="inline-flex ml-2"></slot>` : ""}</div>`;
+      this.disabled ? "sd-7-0-0-next-10-option--disabled-color-border" : this.selected ? "bg-accent border-accent" : "bg-white form-control-color-border"
+    )}">${this.selected ? html`<sd-7-0-0-next-10-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-7-0-0-next-10-icon>` : ""}</span>` : ""} ${slots["left"] ? html`<slot name="left" part="left" class="inline-flex mr-2"></slot>` : ""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${slots["right"] ? html`<slot name="right" part="right" class="inline-flex ml-2"></slot>` : ""}</div>`;
   }
 };
 /**
@@ -107,7 +107,7 @@ var SdOption = class extends SolidElement {
 SdOption.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-6-30-0-option--disabled-color-border{border-color:rgb(var(--sd-option--disabled-color-border))}`
+:host{position:relative;display:block;width:100%;--tw-outline-style:none!important;outline-style:none!important}.focus-outline-offset{outline-offset:-2px}.sd-7-0-0-next-10-option--disabled-color-border{border-color:rgb(var(--sd-option--disabled-color-border))}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -146,7 +146,7 @@ __decorateClass([
   watch("value")
 ], SdOption.prototype, "handleValueChange", 1);
 SdOption = __decorateClass([
-  customElement("sd-6-30-0-option")
+  customElement("sd-7-0-0-next-10-option")
 ], SdOption);
 export {

package/dist-versioned/chunks/{chunk.OUSUUA7K.js → chunk.IXJGPE6X.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -17,19 +17,19 @@ var SdButtonGroup = class extends SolidElement {
   }
   handleFocus(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-30-0-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-7-0-0-next-10-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-30-0-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-7-0-0-next-10-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-30-0-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-7-0-0-next-10-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-30-0-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-7-0-0-next-10-button-group__button--hover");
   }
   handleSlotChange() {
     const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
@@ -37,11 +37,11 @@ var SdButtonGroup = class extends SolidElement {
       const index = slottedElements.indexOf(el);
       const button = findButton(el);
       if (button !== null) {
-        button.classList.add("sd-6-30-0-button-group__button");
-        button.classList.toggle("sd-6-30-0-button-group__button--first", index === 0);
-        button.classList.toggle("sd-6-30-0-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-6-30-0-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-6-30-0-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-30-0-radio-button");
+        button.classList.add("sd-7-0-0-next-10-button-group__button");
+        button.classList.toggle("sd-7-0-0-next-10-button-group__button--first", index === 0);
+        button.classList.toggle("sd-7-0-0-next-10-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-7-0-0-next-10-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-7-0-0-next-10-button-group__button--radio", button.tagName.toLowerCase() === "sd-7-0-0-next-10-radio-button");
       }
     });
   }
@@ -64,11 +64,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-6-30-0-button-group")
+  customElement("sd-7-0-0-next-10-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-6-30-0-button, sd-6-30-0-radio-button";
+  const selector = "sd-7-0-0-next-10-button, sd-7-0-0-next-10-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }

package/dist-versioned/chunks/{chunk.TLEU7YBO.js → chunk.JAPL7DQX.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -57,13 +57,13 @@ var SdTeaser = class extends SolidElement {
       "teaser-has-headline": this.hasSlotController.test("headline")
     };
     return html`<div class="${cx(
-      "flex sd-6-30-0-teaser-border-radius",
+      "flex sd-7-0-0-next-10-teaser-border-radius",
       {
         white: "bg-white",
-        "white border-neutral-400": "bg-white border sd-6-30-0-teaser--neutral-400-color-border",
-        "neutral-100": "sd-6-30-0-teaser--neutral-100-color-background",
+        "white border-neutral-400": "bg-white border sd-7-0-0-next-10-teaser--neutral-400-color-border",
+        "neutral-100": "sd-7-0-0-next-10-teaser--neutral-100-color-background",
         primary: "bg-primary text-white",
-        "primary-100": "sd-6-30-0-teaser--primary-100-color-background"
+        "primary-100": "sd-7-0-0-next-10-teaser--primary-100-color-background"
       }[this.variant],
       this._orientation === "vertical" && "flex-col",
       this._orientation === "horizontal" && "flex-row gap-8",
@@ -84,7 +84,7 @@ var SdTeaser = class extends SolidElement {
 SdTeaser.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`
+:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -105,7 +105,7 @@ __decorateClass([
   state()
 ], SdTeaser.prototype, "_orientation", 2);
 SdTeaser = __decorateClass([
-  customElement("sd-6-30-0-teaser")
+  customElement("sd-7-0-0-next-10-teaser")
 ], SdTeaser);
 export {

package/dist-versioned/chunks/{chunk.SIFZJP32.js → chunk.JHSA2DI2.js} RENAMED Viewed

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -100,7 +100,7 @@ var SdIcon = class extends SolidElement {
     }
   }
   render() {
-    return html`<sd-6-30-0-theme-listener></sd-6-30-0-theme-listener>${unsafeSVG(this.svg)}`;
+    return html`<sd-7-0-0-next-10-theme-listener></sd-7-0-0-next-10-theme-listener>${unsafeSVG(this.svg)}`;
   }
 };
 SdIcon.styles = [
@@ -133,7 +133,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-6-30-0-icon")
+  customElement("sd-7-0-0-next-10-icon")
 ], SdIcon);
 export {

package/dist-versioned/chunks/{chunk.A337UTOA.js → chunk.KAWDESCC.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -135,23 +135,23 @@ var SdAccordion = class extends SolidElement {
   }
   render() {
     return html`<details part="base"><summary part="header" id="header" class="${cx(
-      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-30-0-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 relative group transition-colors ease-in-out duration-fast hover:sd-6-30-0-accordion--hover-color-background"
+      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-7-0-0-next-10-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 relative group transition-colors ease-in-out duration-fast hover:sd-7-0-0-next-10-accordion--hover-color-background"
     )}" aria-expanded="${this.open ? "true" : "false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${cx(
       !this.open && "opacity-0",
-      "w-1 sd-6-30-0-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full"
+      "w-1 sd-7-0-0-next-10-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full"
     )}"></div><slot name="summary" part="summary" class="${cx(
-      this.open ? "sd-6-30-0-accordion--open-color-text" : "sd-6-30-0-accordion-color-text",
+      this.open ? "sd-7-0-0-next-10-accordion--open-color-text" : "sd-7-0-0-next-10-accordion-color-text",
       "flex flex-auto items-center text-left"
     )}">${this.summary}</slot><span part="summary-icon" class="${cx(
       "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",
       this.open && "rotate-180"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-30-0-icon library="_internal" name="chevron-down"></sd-6-30-0-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-30-0-icon library="_internal" name="chevron-down"></sd-6-30-0-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-7-0-0-next-10-icon library="_internal" name="chevron-down"></sd-7-0-0-next-10-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-7-0-0-next-10-icon library="_internal" name="chevron-down"></sd-7-0-0-next-10-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
   }
 };
 SdAccordion.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-color:rgba(var(--sd-accordion-color-border,var(--sd-accordion-color-text)));border-block-width:var(--sd-accordion-border-width)}[part=summary-icon] sd-6-30-0-icon{color:rgb(var(--sd-accordion__chevron-color-text,var(--sd-accordion-color-icon-fill)))}`
+:host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-color:rgba(var(--sd-accordion-color-border,var(--sd-accordion-color-text)));border-block-width:var(--sd-accordion-border-width)}[part=summary-icon] sd-7-0-0-next-10-icon{color:rgb(var(--sd-accordion__chevron-color-text,var(--sd-accordion-color-icon-fill)))}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -172,7 +172,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdAccordion.prototype, "handleOpenChange", 1);
 SdAccordion = __decorateClass([
-  customElement("sd-6-30-0-accordion")
+  customElement("sd-7-0-0-next-10-accordion")
 ], SdAccordion);
 setDefaultAnimation("accordion.show", {
   keyframes: [

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

@@ -48,7 +48,7 @@ var SubmenuController = class {
       if (event.target === this.host) {
         event.preventDefault();
         event.stopPropagation();
-      } else if (event.target instanceof Element && (event.target.tagName === "sd-6-30-0-menu-item" || ((_a = event.target.role) == null ? void 0 : _a.startsWith("menuitem")))) {
+      } else if (event.target instanceof Element && (event.target.tagName === "sd-7-0-0-next-10-menu-item" || ((_a = event.target.role) == null ? void 0 : _a.startsWith("menuitem")))) {
         const type = event.target.getAttribute("type");
         if (type !== "checkbox") {
           this.disableSubmenu();
@@ -69,7 +69,7 @@ var SubmenuController = class {
     // Set the safe triangle values for the submenu when the position changes
     this.handlePopupReposition = () => {
       const submenuSlot = this.host.renderRoot.querySelector("slot[name='submenu']");
-      const menu = submenuSlot == null ? void 0 : submenuSlot.assignedElements({ flatten: true }).filter((el) => el.localName === "sd-6-30-0-menu")[0];
+      const menu = submenuSlot == null ? void 0 : submenuSlot.assignedElements({ flatten: true }).filter((el) => el.localName === "sd-7-0-0-next-10-menu")[0];
       const isRtl = getComputedStyle(this.host).direction === "rtl";
       if (!menu) {
         return;
@@ -141,7 +141,7 @@ var SubmenuController = class {
     }
     let menuItems = null;
     for (const elt of submenuSlot.assignedElements()) {
-      menuItems = elt.querySelectorAll("sd-6-30-0-menu-item, [role^='menuitem']");
+      menuItems = elt.querySelectorAll("sd-7-0-0-next-10-menu-item, [role^='menuitem']");
       if (menuItems.length !== 0) {
         break;
       }
@@ -220,7 +220,7 @@ var SubmenuController = class {
     if (!this.isConnected) {
       return html`<slot name="submenu" hidden></slot>`;
     }
-    return html`<sd-6-30-0-popup ${ref(this.popupRef)} placement="${isRtl ? "left-start" : "right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-6-30-0-popup>`;
+    return html`<sd-7-0-0-next-10-popup ${ref(this.popupRef)} placement="${isRtl ? "left-start" : "right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-7-0-0-next-10-popup>`;
   }
 };

package/dist-versioned/chunks/{chunk.Q4BNLRER.js → chunk.LJ5ONJGL.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -163,76 +163,76 @@ var SdButton = class extends SolidElement {
     const hasBorder = this.variant === "secondary";
     const variantBackgroundColors = {
       primary: this.inverted ? {
-        motionBackground: "sd-6-30-0-button--primary--inverted--hover-color-background group-active:sd-6-30-0-button--primary--inverted--active-color-background",
-        baseBackground: "hover:sd-6-30-0-button--primary--inverted--hover-color-background active:sd-6-30-0-button--primary--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--primary--inverted--hover-color-background group-active:sd-7-0-0-next-10-button--primary--inverted--active-color-background",
+        baseBackground: "hover:sd-7-0-0-next-10-button--primary--inverted--hover-color-background active:sd-7-0-0-next-10-button--primary--inverted--active-color-background"
       } : {
-        motionBackground: "sd-6-30-0-button--primary--hover-color-background group-active:sd-6-30-0-button--primary--active-color-background",
-        baseBackground: "hover:sd-6-30-0-button--primary--hover-color-background active:sd-6-30-0-button--primary--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--primary--hover-color-background group-active:sd-7-0-0-next-10-button--primary--active-color-background",
+        baseBackground: "hover:sd-7-0-0-next-10-button--primary--hover-color-background active:sd-7-0-0-next-10-button--primary--active-color-background"
       },
       secondary: this.inverted ? {
-        motionBackground: "sd-6-30-0-button--secondary--inverted--hover-color-background group-active:sd-6-30-0-button--secondary--inverted--active-color-background group-active:sd-6-30-0-button--secondary--inverted--active-color-text",
-        baseBackground: "hover:sd-6-30-0-button--secondary--inverted--hover-color-background active:sd-6-30-0-button--secondary--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--secondary--inverted--hover-color-background group-active:sd-7-0-0-next-10-button--secondary--inverted--active-color-background group-active:sd-7-0-0-next-10-button--secondary--inverted--active-color-text",
+        baseBackground: "hover:sd-7-0-0-next-10-button--secondary--inverted--hover-color-background active:sd-7-0-0-next-10-button--secondary--inverted--active-color-background"
       } : {
-        motionBackground: "sd-6-30-0-button--secondary--hover-color-background group-active:sd-6-30-0-button--secondary--active-color-background",
-        baseBackground: "hover:sd-6-30-0-button--secondary--hover-color-background active:sd-6-30-0-button--secondary--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--secondary--hover-color-background group-active:sd-7-0-0-next-10-button--secondary--active-color-background",
+        baseBackground: "hover:sd-7-0-0-next-10-button--secondary--hover-color-background active:sd-7-0-0-next-10-button--secondary--active-color-background"
       },
       tertiary: this.inverted ? {
-        motionBackground: "sd-6-30-0-button--tertiary--inverted--hover-color-background group-active:sd-6-30-0-button--tertiary--inverted--active-color-background group-active:sd-6-30-0-button--tertiary--inverted--active-color-text",
-        baseBackground: "hover:sd-6-30-0-button--tertiary--inverted--hover-color-background active:sd-6-30-0-button--tertiary--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--tertiary--inverted--hover-color-background group-active:sd-7-0-0-next-10-button--tertiary--inverted--active-color-background group-active:sd-7-0-0-next-10-button--tertiary--inverted--active-color-text",
+        baseBackground: "hover:sd-7-0-0-next-10-button--tertiary--inverted--hover-color-background active:sd-7-0-0-next-10-button--tertiary--inverted--active-color-background"
       } : {
-        motionBackground: "sd-6-30-0-button--tertiary--hover-color-background group-active:sd-6-30-0-button--tertiary--active-color-background",
-        baseBackground: "hover:sd-6-30-0-button--tertiary--hover-color-background active:sd-6-30-0-button--tertiary--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--tertiary--hover-color-background group-active:sd-7-0-0-next-10-button--tertiary--active-color-background",
+        baseBackground: "hover:sd-7-0-0-next-10-button--tertiary--hover-color-background active:sd-7-0-0-next-10-button--tertiary--active-color-background"
       },
       cta: this.inverted ? {
-        motionBackground: "sd-6-30-0-button--cta--inverted--hover-color-background group-active:sd-6-30-0-button--cta--inverted--active-color-background",
-        baseBackground: "hover:sd-6-30-0-button--cta--inverted--hover-color-background active:sd-6-30-0-button--cta--inverted--active-color-background"
+        motionBackground: "sd-7-0-0-next-10-button--cta--inverted--hover-color-background group-active:sd-7-0-0-next-10-button--cta--inverted--active-color-background",
+        baseBackground: "hover:sd-7-0-0-next-10-button--cta--inverted--hover-color-background active:sd-7-0-0-next-10-button--cta--inverted--active-color-background"
       } : {
         motionBackground: "bg-accent-500 group-active:bg-accent-700",
         baseBackground: "hover:bg-accent-500 active:bg-accent-700"
       }
     }[this.variant];
-    return html`<sd-6-30-0-theme-listener></sd-6-30-0-theme-listener><${tag} part="base" class="${cx(
+    return html`<sd-7-0-0-next-10-theme-listener></sd-7-0-0-next-10-theme-listener><${tag} part="base" class="${cx(
       `group relative z-10 font-md no-underline
         w-full align-middle inline-flex items-stretch justify-center
         transition-colors duration-fast ease-in-out
         select-none cursor-[inherit]`,
-      !this.hasUiMotion && "sd-6-30-0-button--simple-motion",
+      !this.hasUiMotion && "sd-7-0-0-next-10-button--simple-motion",
       !this.inverted ? "focus-visible:focus-outline" : "focus-visible:focus-outline-inverted",
       this.loading && "relative cursor-wait",
       (this.disabled || this.visuallyDisabled) && "cursor-not-allowed",
       {
         /* sizes, fonts */
-        sm: `varspacing-8 min-h-8 sd-6-30-0-button--size-sm-font-size sd-6-30-0-button-font-weight sd-6-30-0-button--secondary--size-sm-padding-block sd-6-30-0-button--size-sm-border-radius`,
-        md: `varspacing-10 sd-6-30-0-button--size-md-height sd-6-30-0-button--size-md-font-size sd-6-30-0-button--secondary--size-md-padding-block sd-6-30-0-button-font-weight sd-6-30-0-button--size-md-border-radius`,
-        lg: `varspacing-12 sd-6-30-0-button--size-lg-height sd-6-30-0-button--size-lg-font-size sd-6-30-0-button--secondary--size-lg-padding-block sd-6-30-0-button-font-weight sd-6-30-0-button--size-lg-border-radius`
+        sm: `varspacing-8 min-h-8 sd-7-0-0-next-10-button--size-sm-font-size sd-7-0-0-next-10-button-font-weight sd-7-0-0-next-10-button--secondary--size-sm-padding-block sd-7-0-0-next-10-button--size-sm-border-radius`,
+        md: `varspacing-10 sd-7-0-0-next-10-button--size-md-height sd-7-0-0-next-10-button--size-md-font-size sd-7-0-0-next-10-button--secondary--size-md-padding-block sd-7-0-0-next-10-button-font-weight sd-7-0-0-next-10-button--size-md-border-radius`,
+        lg: `varspacing-12 sd-7-0-0-next-10-button--size-lg-height sd-7-0-0-next-10-button--size-lg-font-size sd-7-0-0-next-10-button--secondary--size-lg-padding-block sd-7-0-0-next-10-button-font-weight sd-7-0-0-next-10-button--size-lg-border-radius`
       }[this.size],
       !slots["icon-only"] && {
         /* sizes, fonts */
-        sm: `${hasBorder ? "sd-6-30-0-button--secondary-padding-inline" : "sd-6-30-0-button--size-sm-padding-block sd-6-30-0-button-padding-inline"}`,
-        md: `${hasBorder ? "sd-6-30-0-button--secondary-padding-inline" : "sd-6-30-0-button--size-md-padding-block sd-6-30-0-button-padding-inline"}`,
-        lg: `${hasBorder ? "sd-6-30-0-button--secondary-padding-inline" : "sd-6-30-0-button--size-lg-padding-block sd-6-30-0-button-padding-inline"}`
+        sm: `${hasBorder ? "sd-7-0-0-next-10-button--secondary-padding-inline" : "sd-7-0-0-next-10-button--size-sm-padding-block sd-7-0-0-next-10-button-padding-inline"}`,
+        md: `${hasBorder ? "sd-7-0-0-next-10-button--secondary-padding-inline" : "sd-7-0-0-next-10-button--size-md-padding-block sd-7-0-0-next-10-button-padding-inline"}`,
+        lg: `${hasBorder ? "sd-7-0-0-next-10-button--secondary-padding-inline" : "sd-7-0-0-next-10-button--size-lg-padding-block sd-7-0-0-next-10-button-padding-inline"}`
       }[this.size],
       /**
        * Anatomy
        * */
       slots["icon-only"] && {
         sm: "px-1 aspect-square",
-        md: "sd-6-30-0-button--size-md--icon-only-padding-inline aspect-square",
+        md: "sd-7-0-0-next-10-button--size-md--icon-only-padding-inline aspect-square",
         lg: "px-[12px] aspect-square"
       }[this.size],
       {
         /* variants */
-        primary: !this.inverted ? `${this.visuallyDisabled ? "sd-6-30-0-button--primary--disabled-color-background border-neutral-500 text-white" : "sd-6-30-0-button--primary--default-color-background border-transparent sd-6-30-0-button--primary--default-color-text hover:sd-6-30-0-button--primary--hover-color-text active:sd-6-30-0-button--primary--active-color-text"}
-          disabled:sd-6-30-0-button--primary--disabled-color-background disabled:text-white` : `${this.visuallyDisabled ? "sd-6-30-0-button--inverted--disabled-color-background text-white border-neutral-500" : "sd-6-30-0-button--primary--inverted--default-color-text sd-6-30-0-button--primary--inverted--default-color-background border-white hover:sd-6-30-0-button--primary--inverted--hover-color-text active:sd-6-30-0-button--primary--inverted--active-color-text"}
-          disabled:sd-6-30-0-button--inverted--disabled-color-background disabled:text-white`,
-        secondary: !this.inverted ? `border sd-6-30-0-button-border-width ${this.visuallyDisabled ? "sd-6-30-0-button--secondary--disabled-color-text sd-6-30-0-button--secondary--disabled-color-border" : "sd-6-30-0-button--secondary--default-color-text sd-6-30-0-button--secondary--default-color-border hover:sd-6-30-0-button--secondary--hover-color-text hover:sd-6-30-0-button--secondary--hover-color-border active:sd-6-30-0-button--secondary--active-color-text active:sd-6-30-0-button--secondary--active-color-border"}
-          disabled:sd-6-30-0-button--secondary--disabled-color-text disabled:sd-6-30-0-button--secondary--disabled-color-border` : `border sd-6-30-0-button-border-width ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600" : "sd-6-30-0-button--secondary--inverted-color-text sd-6-30-0-button--secondary--inverted-color-border hover:sd-6-30-0-button--secondary--inverted-color-border hover:sd-6-30-0-button--secondary--inverted--hover-color-text active:sd-6-30-0-button--secondary--inverted--active-color-text active:border-primary-200"}
-          disabled:sd-6-30-0-button--inverted--disabled-color-border disabled:sd-6-30-0-button--inverted--disabled-color-text`,
-        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-6-30-0-button--tertiary--disabled-color-text" : "sd-6-30-0-button--tertiary--default-color-text hover:sd-6-30-0-button--tertiary--hover-color-text active:sd-6-30-0-button--tertiary--active-color-text"}
-          disabled:sd-6-30-0-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600" : "sd-6-30-0-button--tertiary--inverted-color-text hover:sd-6-30-0-button--tertiary--inverted--hover-color-text active:sd-6-30-0-button--tertiary--inverted--active-color-text"}
-          disabled:sd-6-30-0-button--inverted--disabled-color-text`,
-        cta: `${this.visuallyDisabled ? "sd-6-30-0-button--primary--disabled-color-background border-neutral-500" : "border-transparent"}
-          ${!this.inverted ? "text-white bg-accent disabled:sd-6-30-0-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white" : "sd-6-30-0-button--cta--inverted--default-color-background sd-6-30-0-button--cta--inverted--default-color-text hover:sd-6-30-0-button--cta--inverted--hover-color-text active:sd-6-30-0-button--cta--inverted--active-color-text disabled:sd-6-30-0-button--inverted--disabled-color-background disabled:text-white"}`
+        primary: !this.inverted ? `${this.visuallyDisabled ? "sd-7-0-0-next-10-button--primary--disabled-color-background border-neutral-500 text-white" : "sd-7-0-0-next-10-button--primary--default-color-background border-transparent sd-7-0-0-next-10-button--primary--default-color-text hover:sd-7-0-0-next-10-button--primary--hover-color-text active:sd-7-0-0-next-10-button--primary--active-color-text"}
+          disabled:sd-7-0-0-next-10-button--primary--disabled-color-background disabled:text-white` : `${this.visuallyDisabled ? "sd-7-0-0-next-10-button--inverted--disabled-color-background text-white border-neutral-500" : "sd-7-0-0-next-10-button--primary--inverted--default-color-text sd-7-0-0-next-10-button--primary--inverted--default-color-background border-white hover:sd-7-0-0-next-10-button--primary--inverted--hover-color-text active:sd-7-0-0-next-10-button--primary--inverted--active-color-text"}
+          disabled:sd-7-0-0-next-10-button--inverted--disabled-color-background disabled:text-white`,
+        secondary: !this.inverted ? `border sd-7-0-0-next-10-button-border-width ${this.visuallyDisabled ? "sd-7-0-0-next-10-button--secondary--disabled-color-text sd-7-0-0-next-10-button--secondary--disabled-color-border" : "sd-7-0-0-next-10-button--secondary--default-color-text sd-7-0-0-next-10-button--secondary--default-color-border hover:sd-7-0-0-next-10-button--secondary--hover-color-text hover:sd-7-0-0-next-10-button--secondary--hover-color-border active:sd-7-0-0-next-10-button--secondary--active-color-text active:sd-7-0-0-next-10-button--secondary--active-color-border"}
+          disabled:sd-7-0-0-next-10-button--secondary--disabled-color-text disabled:sd-7-0-0-next-10-button--secondary--disabled-color-border` : `border sd-7-0-0-next-10-button-border-width ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600" : "sd-7-0-0-next-10-button--secondary--inverted-color-text sd-7-0-0-next-10-button--secondary--inverted-color-border hover:sd-7-0-0-next-10-button--secondary--inverted-color-border hover:sd-7-0-0-next-10-button--secondary--inverted--hover-color-text active:sd-7-0-0-next-10-button--secondary--inverted--active-color-text active:border-primary-200"}
+          disabled:sd-7-0-0-next-10-button--inverted--disabled-color-border disabled:sd-7-0-0-next-10-button--inverted--disabled-color-text`,
+        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-7-0-0-next-10-button--tertiary--disabled-color-text" : "sd-7-0-0-next-10-button--tertiary--default-color-text hover:sd-7-0-0-next-10-button--tertiary--hover-color-text active:sd-7-0-0-next-10-button--tertiary--active-color-text"}
+          disabled:sd-7-0-0-next-10-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600" : "sd-7-0-0-next-10-button--tertiary--inverted-color-text hover:sd-7-0-0-next-10-button--tertiary--inverted--hover-color-text active:sd-7-0-0-next-10-button--tertiary--inverted--active-color-text"}
+          disabled:sd-7-0-0-next-10-button--inverted--disabled-color-text`,
+        cta: `${this.visuallyDisabled ? "sd-7-0-0-next-10-button--primary--disabled-color-background border-neutral-500" : "border-transparent"}
+          ${!this.inverted ? "text-white bg-accent disabled:sd-7-0-0-next-10-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white" : "sd-7-0-0-next-10-button--cta--inverted--default-color-background sd-7-0-0-next-10-button--cta--inverted--default-color-text hover:sd-7-0-0-next-10-button--cta--inverted--hover-color-text active:sd-7-0-0-next-10-button--cta--inverted--active-color-text disabled:sd-7-0-0-next-10-button--inverted--disabled-color-background disabled:text-white"}`
       }[this.variant],
       !this.hasUiMotion && !this.disabled && !this.visuallyDisabled && variantBackgroundColors.baseBackground
     )}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}" type="${ifDefined(isLink ? void 0 : this.type)}" title="${this.title}" name="${ifDefined(isLink ? void 0 : this.name)}" value="${ifDefined(isLink ? void 0 : this.value)}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" role="${ifDefined(isLink ? void 0 : "button")}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-labelledby="content" tabindex="${this.disabled ? "-1" : "0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton() ? this.handleInvalid : null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${cx(
@@ -240,9 +240,9 @@ var SdButton = class extends SolidElement {
       (!this.hasUiMotion || this.disabled || this.visuallyDisabled) && "hidden",
       {
         /* sizes, fonts */
-        sm: `sd-6-30-0-button-border-radius`,
-        md: `sd-6-30-0-button-border-radius`,
-        lg: `sd-6-30-0-button-border-radius`
+        sm: `sd-7-0-0-next-10-button-border-radius`,
+        md: `sd-7-0-0-next-10-button-border-radius`,
+        lg: `sd-7-0-0-next-10-button-border-radius`
       }[this.size]
     )}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${cx(
       "absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",
@@ -250,7 +250,7 @@ var SdButton = class extends SolidElement {
     )}"></div><div class="${cx(
       "absolute w-full h-full mt-[22%]",
       variantBackgroundColors.motionBackground,
-      this.variant === "secondary" && this.inverted && "group-active:sd-6-30-0-button--secondary--active-color-border"
+      this.variant === "secondary" && this.inverted && "group-active:sd-7-0-0-next-10-button--secondary--active-color-border"
     )}"></div></div></div><slot name="icon-left" part="icon-left" class="${cx(
       "flex flex-auto items-center justify-end pointer-events-none",
       slots["icon-only"] && "hidden",
@@ -278,7 +278,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-6-30-0-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-30-0-loader>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-7-0-0-next-10-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-0-next-10-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -287,13 +287,13 @@ var SdButton = class extends SolidElement {
 SdButton.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-6-30-0-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-6-30-0-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-30-0-icon),sd-6-30-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-30-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-30-0-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-30-0-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-30-0-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`
+:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-0-next-10-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-0-next-10-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-0-next-10-icon),sd-7-0-0-next-10-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-0-next-10-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-7-0-0-next-10-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-7-0-0-next-10-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-7-0-0-next-10-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`
 ];
 __decorateClass([
   query("a, button")
 ], SdButton.prototype, "button", 2);
 __decorateClass([
-  queryAssignedElements({ selector: "sd-6-30-0-icon" })
+  queryAssignedElements({ selector: "sd-7-0-0-next-10-icon" })
 ], SdButton.prototype, "_iconsInDefaultSlot", 2);
 __decorateClass([
   state()
@@ -362,7 +362,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdButton.prototype, "handleDisabledChange", 1);
 SdButton = __decorateClass([
-  customElement("sd-6-30-0-button")
+  customElement("sd-7-0-0-next-10-button")
 ], SdButton);
 export {

package/dist-versioned/chunks/{chunk.WDWV53JP.js → chunk.LTZVVIB2.js} RENAMED Viewed

@@ -7,26 +7,6 @@ function getOffset(element, parent) {
 }
 // src/internal/scroll.ts
-var locks = /* @__PURE__ */ new Set();
-function getScrollbarWidth() {
-  const documentWidth = document.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - documentWidth);
-}
-function lockBodyScrolling(lockingEl) {
-  locks.add(lockingEl);
-  if (!document.body.classList.contains("sd-scroll-lock")) {
-    const scrollbarWidth = getScrollbarWidth();
-    document.body.classList.add("sd-scroll-lock");
-    document.body.style.setProperty("--sd-scroll-lock-size", `${scrollbarWidth}px`);
-  }
-}
-function unlockBodyScrolling(lockingEl) {
-  locks.delete(lockingEl);
-  if (locks.size === 0) {
-    document.body.classList.remove("sd-scroll-lock");
-    document.body.style.removeProperty("--sd-scrollbar-width");
-  }
-}
 function scrollIntoView(element, container, direction = "vertical", behavior = "smooth") {
   const offset = getOffset(element, container);
   const offsetTop = offset.top + container.scrollTop;
@@ -52,7 +32,5 @@ function scrollIntoView(element, container, direction = "vertical", behavior = "
 }
 export {
-  lockBodyScrolling,
-  unlockBodyScrolling,
   scrollIntoView
 };

package/dist-versioned/chunks/{chunk.OHJLLBZM.js → chunk.OUFMMO37.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -45,10 +45,10 @@ var SdTeaserMedia = class extends SolidElement {
     )}"></div><div class="${cx("relative", ["primary", "gradient-dark"].includes(this.variant) && "text-white")}"><div class="${cx(
       "absolute inset-0 pointer-events-none",
       {
-        white: "sd-6-30-0-teaser-media--white-color-background group-hover:sd-6-30-0-teaser-media--white--hover-color-background ",
-        "neutral-100": "sd-6-30-0-teaser-media--neutral-100-color-background group-hover:sd-6-30-0-teaser-media--neutral-100--hover-color-background",
+        white: "sd-7-0-0-next-10-teaser-media--white-color-background group-hover:sd-7-0-0-next-10-teaser-media--white--hover-color-background ",
+        "neutral-100": "sd-7-0-0-next-10-teaser-media--neutral-100-color-background group-hover:sd-7-0-0-next-10-teaser-media--neutral-100--hover-color-background",
         primary: "bg-primary/80 text-white group-hover:bg-primary/90",
-        "primary-100": "sd-6-30-0-teaser-media--primary-100-color-background group-hover:sd-6-30-0-teaser-media--primary-100--hover-color-background",
+        "primary-100": "sd-7-0-0-next-10-teaser-media--primary-100-color-background group-hover:sd-7-0-0-next-10-teaser-media--primary-100--hover-color-background",
         "gradient-light": "bg-gradient-to-t from-white/75 to-white/60",
         "gradient-dark": "bg-gradient-to-t from-primary-800/75 to-primary-800/60"
       }[this.variant]
@@ -58,8 +58,8 @@ var SdTeaserMedia = class extends SolidElement {
       this.open ? "opacity-100" : "opacity-0"
     )}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="${cx(
       "mt-2",
-      ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-6-30-0-teaser-media-color-icon-fill"
-    )}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-30-0-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-6-30-0-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
+      ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-7-0-0-next-10-teaser-media-color-icon-fill"
+    )}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-7-0-0-next-10-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-7-0-0-next-10-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
   }
 };
 SdTeaserMedia.styles = [
@@ -80,7 +80,7 @@ __decorateClass([
   query('[part="base"]')
 ], SdTeaserMedia.prototype, "teaserMedia", 2);
 SdTeaserMedia = __decorateClass([
-  customElement("sd-6-30-0-teaser-media")
+  customElement("sd-7-0-0-next-10-teaser-media")
 ], SdTeaserMedia);
 export {