npm - @solid-design-system/components - Versions diffs - 7.0.0-next.4 → 7.0.0-next.6 - Mend

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

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

package/dist/chunks/{chunk.XLRNOFGT.js → chunk.HB3VBJFC.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -203,7 +203,7 @@ var SdNotification = class extends SolidElement {
     });
   }
   render() {
-    return html`<div part="base" class="${cx("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${ifDefined(this.closable ? "0" : void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open ? "false" : "true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${cx("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${cx(
+    return html`<div part="base" class="${cx("w-full flex items-stretch focus-visible:focus-outline")}" id="notification" tabindex="${ifDefined(this.closable ? "0" : void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open ? "false" : "true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${cx("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${cx(
       "min-w-min flex items-center px-3 justify-center",
       {
         info: "bg-info",

package/dist/chunks/{chunk.5MKROBU2.js → chunk.K22CCY63.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import {
   SdAccordion
-} from "./chunk.DEBCAM5G.js";
+} from "./chunk.742523X2.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6A4V3BDD.js → chunk.K4ZSZPTN.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6V4BBUOB.js → chunk.KYX4HLN2.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.R7AKCNLH.js → chunk.LDTZNWTZ.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/{dist-versioned/chunks/chunk.WDWV53JP.js → dist/chunks/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/chunks/{chunk.M2JKMFD5.js → chunk.LUR5ATJB.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.EPA3ZMZ6.js → chunk.MEMOQ3W7.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CST7TW6Q.js → chunk.MJ6KXGSO.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.V3OXFXTL.js → chunk.N5OTEAT2.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IFK35LWT.js → chunk.NPYCKWWW.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.MACUA7LR.js → chunk.NXG4DNKU.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IUE6LRBW.js → chunk.PUT4P7PK.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KRQXRRDJ.js → chunk.RZXU2X5Z.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5R6X3OUC.js → chunk.S3DD4YSN.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.YPXPF4CW.js → chunk.SCWFNFSN.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.D333WSUU.js → chunk.SOX43MJ5.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UQW2D27E.js → chunk.T2ZFQMV6.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NHGPTJYA.js → chunk.TNLAM4ZT.js} RENAMED Viewed

@@ -1,13 +1,3 @@
-import {
-  Modal
-} from "./chunk.EDMG7C5H.js";
-import {
-  getDeepActiveElement
-} from "./chunk.UMIKFOMI.js";
-import {
-  lockBodyScrolling,
-  unlockBodyScrolling
-} from "./chunk.WDWV53JP.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -27,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   animateTo,
   stopAnimations
@@ -54,21 +44,16 @@ var SdDialog = class extends SolidElement {
   connectedCallback() {
     super.connectedCallback();
     this.updateMotionTheme();
-    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
-    this.modal = new Modal(this);
   }
   firstUpdated() {
-    this.dialog.hidden = !this.open;
+    this.dialog.addEventListener("cancel", (event) => {
+      event.preventDefault();
+      this.requestClose("keyboard");
+    });
     if (this.open) {
-      this.addOpenListeners();
-      this.modal.activate();
-      lockBodyScrolling(this);
+      this.dialog.showModal();
     }
   }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    unlockBodyScrolling(this);
-  }
   onThemeChange() {
     this.updateMotionTheme();
   }
@@ -93,31 +78,15 @@ var SdDialog = class extends SolidElement {
     }
     this.hide();
   }
-  addOpenListeners() {
-    document.addEventListener("keydown", this.handleDocumentKeyDown);
-  }
-  removeOpenListeners() {
-    document.removeEventListener("keydown", this.handleDocumentKeyDown);
-  }
-  handleDocumentKeyDown(event) {
-    if (this.open && event.key === "Escape") {
-      event.stopPropagation();
-      this.requestClose("keyboard");
-    }
-  }
   async handleOpenChange() {
     if (this.open) {
       this.emit("sd-show");
-      this.addOpenListeners();
-      this.originalTrigger = getDeepActiveElement();
-      this.modal.activate();
-      lockBodyScrolling(this);
       const autoFocusTarget = this.querySelector("[autofocus]");
       if (autoFocusTarget) {
         autoFocusTarget.removeAttribute("autofocus");
       }
-      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
-      this.dialog.hidden = false;
+      await stopAnimations(this.dialog);
+      this.dialog.showModal();
       requestAnimationFrame(() => {
         const slInitialFocus = this.emit("sd-initial-focus", { cancelable: true });
         if (!slInitialFocus.defaultPrevented) {
@@ -142,9 +111,7 @@ var SdDialog = class extends SolidElement {
       this.emit("sd-after-show");
     } else {
       this.emit("sd-hide");
-      this.removeOpenListeners();
-      this.modal.deactivate();
-      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
+      await stopAnimations(this.dialog);
       const hideAnimation = this.hasUiMotion ? "dialog.hide" : "dialog.hideSimple";
       const panelAnimation = this.prefersReducedMotion ? getAnimation(this, "dialog.hideReducedMotion", { dir: this.localize.dir() }) : getAnimation(this, hideAnimation, { dir: this.localize.dir() });
       const overlayHideAnimation = this.hasUiMotion ? "dialog.overlay.hide" : "dialog.overlay.hideSimple";
@@ -157,21 +124,9 @@ var SdDialog = class extends SolidElement {
           this.panel.hidden = true;
         })
       ]);
-      this.dialog.hidden = true;
+      this.dialog.close();
       this.overlay.hidden = false;
       this.panel.hidden = false;
-      unlockBodyScrolling(this);
-      const trigger = this.originalTrigger;
-      if (typeof (trigger == null ? void 0 : trigger.focus) === "function" && trigger.isConnected) {
-        setTimeout(() => {
-          try {
-            trigger.focus({ preventScroll: true });
-          } catch (e) {
-            trigger.focus();
-          }
-          this.originalTrigger = null;
-        });
-      }
       this.emit("sd-after-hide");
     }
   }
@@ -192,29 +147,29 @@ var SdDialog = class extends SolidElement {
     return waitForEvent(this, "sd-after-hide");
   }
   render() {
-    return html`<sd-theme-listener></sd-theme-listener><div part="base" class="${cx(
-      "flex items-center justify-center fixed inset-0 z-dialog",
+    return html`<sd-theme-listener></sd-theme-listener><dialog part="base" class="${cx(
+      "flex items-center justify-center p-0 m-auto bg-transparent border-none overflow-visible",
       this.hasSlotController.test("footer") && "dialog--has-footer"
-    )}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${() => this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${cx(
+    )}"><div part="overlay" class="fixed inset-0" @click="${() => this.requestClose("overlay")}"></div><div part="panel" class="${cx(
       "panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",
       this.open && "flex opacity-100"
-    )}" role="dialog" aria-modal="true" aria-hidden="${this.open ? "false" : "true"}" aria-label="${ifDefined(this.headline ? this.headline : void 0)}" aria-labelledby="${ifDefined(!this.headline ? "title" : void 0)}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length > 0 ? html`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>` : html`<slot name="headline"></slot>`}</h2>${!this.noCloseButton ? html`<sd-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${cx("absolute top-2 right-2")}" name="x-lg" @click="${() => this.requestClose("close-button")}" type="button"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>` : ""}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`;
+    )}" aria-label="${ifDefined(this.headline ? this.headline : void 0)}" aria-labelledby="${ifDefined(!this.headline ? "title" : void 0)}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length > 0 ? html`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>` : html`<slot name="headline"></slot>`}</h2>${!this.noCloseButton ? html`<sd-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${cx("absolute top-2 right-2")}" name="x-lg" @click="${() => this.requestClose("close-button")}" type="button"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>` : ""}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></dialog>`;
   }
 };
 SdDialog.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`
+:host{--width:662px;display:contents}[part=base]:not([open]){display:none}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}::backdrop{display:none}[part=overlay]{background-color:rgb(var(--sd-overlay-color-background,5 21 48 / .9))}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`
 ];
 __decorateClass([
   query('[part="base"]')
 ], SdDialog.prototype, "dialog", 2);
-__decorateClass([
-  query('[part="panel"]')
-], SdDialog.prototype, "panel", 2);
 __decorateClass([
   query('[part="overlay"]')
 ], SdDialog.prototype, "overlay", 2);
+__decorateClass([
+  query('[part="panel"]')
+], SdDialog.prototype, "panel", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdDialog.prototype, "open", 2);

package/dist/chunks/{chunk.J5LGPQPF.js → chunk.UGIF26DH.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CRTYDXIZ.js → chunk.V4ILSVMF.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2WRG4JLD.js → chunk.V54VIV3V.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.JSWS6X3U.js → chunk.VDQBK7ZK.js} RENAMED Viewed

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.T227KIHC.js → chunk.VLMSLPLL.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6RE6UZ72.js";
 import {
   SdCarouselItem
-} from "./chunk.FKT27XGY.js";
+} from "./chunk.Y6MMHW4A.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.QUBMQHBS.js → chunk.VWGMR2Y5.js} RENAMED Viewed

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XO2EYEOQ.js → chunk.VYBHDB7F.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2A2XLAZ6.js → chunk.WIKRI7YB.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AKFD4POM.js → chunk.WKUNYCQZ.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FUTFHFME.js → chunk.X32Z3OP3.js} RENAMED Viewed

@@ -1,16 +1,16 @@
+import {
+  scrollIntoView
+} from "./chunk.LTZVVIB2.js";
 import {
   debounce
 } from "./chunk.UVI5HHLF.js";
-import {
-  scrollIntoView
-} from "./chunk.WDWV53JP.js";
 import {
   LocalizeController
 } from "./chunk.X3FE7OHE.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.I2RFDBMV.js → chunk.XQBLC5E4.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FKT27XGY.js → chunk.Y6MMHW4A.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.MCRDVATU.js → chunk.YAI4GVXU.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.L4AFCWKB.js → chunk.YFUYD54K.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.Z7YV6XJB.js → chunk.YVAYTWVV.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.55JRGHYZ.js → chunk.Z4X2ORYU.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ZZYKQTZB.js";
+} from "./chunk.7WPBGXB4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -83,8 +83,8 @@ var SdTeaser = class extends SolidElement {
 };
 SdTeaser.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){margin:0}`
+  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;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 })