npm - @solid-design-system/components - Versions diffs - 6.25.0 → 6.25.2 - Mend

@solid-design-system/components 6.25.0 → 6.25.2

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

package/dist/chunks/{chunk.SLLHUOTL.js → chunk.2LCN3EP3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.TEHKQWUZ.js → chunk.3MTJJW4E.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.GAQZ5NES.js → chunk.3R2MGQD7.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DGV5QTN6.js → chunk.42QMVCF2.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZCOV36IT.js → chunk.4RT6KOEQ.js} RENAMED Viewed

@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.D6W4R7CF.js → chunk.6FKWEL2P.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.G5PJCSSV.js";
+} from "./chunk.SSN63OPD.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.M52SSKFL.js → chunk.6RFB3BLZ.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6RE6UZ72.js";
 import {
   SdCarouselItem
-} from "./chunk.YSZ7WBON.js";
+} from "./chunk.RKB7VPEM.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.GUWNLJ7W.js → chunk.6XRNKOVL.js} RENAMED Viewed

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.R6M52RPI.js → chunk.7OSWIAWL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.R3ZRRK4P.js → chunk.7WNFL5FK.js} RENAMED Viewed

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

package/dist/chunks/{chunk.P7RNSWL3.js → chunk.AIVM5PGS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EIHPDMVS.js → chunk.BDECPBQB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.N7WMSLKA.js → chunk.BRWPDA7J.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FMLTJI4Z.js → chunk.CONHZGP3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EYTDOBZ4.js → chunk.CXB2XQIJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AIG5N2FZ.js → chunk.DPRGWJBB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.TEHS57B5.js → chunk.DSXCGC7F.js} RENAMED Viewed

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

package/dist/chunks/{chunk.D3CLWL6Z.js → chunk.EZLG7OFP.js} RENAMED Viewed

@@ -21,7 +21,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.CTVKYPFB.js → chunk.GAPA3B6D.js} RENAMED Viewed

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

package/dist/chunks/{chunk.QWPXBE3R.js → chunk.HUGSMCI3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2KU6UVWZ.js → chunk.JNDGEH2A.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MUOLK3RU.js → chunk.JOKPIFMD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6DDIBH76.js → chunk.KGMKDHPL.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.GUTW4VQD.js → chunk.LF6XZLLV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XFU4IJSC.js → chunk.LUVWXMHC.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KGQHJROJ.js → chunk.LXGWGKQQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YEO5QKA7.js → chunk.LY44WLUT.js} RENAMED Viewed

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.SUQL6D3H.js → chunk.LYLG2GGT.js} RENAMED Viewed

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.6V7SKGRY.js → chunk.MAGZXXCQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6MMNEOUE.js → chunk.MFSPWDSN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.TRG462TJ.js → chunk.MX3Y5PYJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZF4JCUFV.js → chunk.N7GYSZBG.js} RENAMED Viewed

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

package/dist/chunks/{chunk.WASJNAOH.js → chunk.NGP3FNYQ.js} RENAMED Viewed

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.JHHNBCX5.js → chunk.NJWOXBXH.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -126,7 +126,7 @@ var SdNavigationItem = class extends SolidElement {
       description: this.hasSlotController.test("description"),
       children: this.hasSlotController.test("children")
     };
-    const horizontalPadding = this.vertical ? "py-3" : this.isStackedHorizontal ? "py-1" : "py-2";
+    const horizontalPadding = this.vertical ? "py-3" : this.isStackedHorizontal ? "pt-1 pb-0" : "py-2";
     const root = html`<${tag} part="base" class="${cx(
       "flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",
       this.isStackedHorizontal ? "text-xs leading-4.5" : { md: "navigable-font-size", lg: "text-lg", sm: "text-[14px]" }[this.size],
@@ -141,7 +141,8 @@ var SdNavigationItem = class extends SolidElement {
       isIconOnly ? "justify-center aspect-square p-3" : this.isStackedHorizontal ? "px-8" : "px-4"
     )}" aria-current="${ifDefined(this.current ? "page" : void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${ifDefined(isButton ? this.disabled : void 0)}" 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)}" tabindex="${this.disabled ? "-1" : "0"}" @click="${this.separated ? void 0 : isAccordion ? this.handleClickSummary : isButton ? this.handleClickButton : void 0}"><div part="current-indicator" class="${cx(
       "absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",
-      this.vertical ? "navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0" : this.isStackedHorizontal ? "h-[2px] left-6 right-6 bottom-0" : "navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",
+      this.isStackedHorizontal && "hidden",
+      this.vertical ? "navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0" : "navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",
       this.disabled && "bg-neutral-500"
     )}"></div><div class="${cx(
       "inline-flex flex-col justify-center gap-1 w-full h-full",
@@ -155,11 +156,14 @@ var SdNavigationItem = class extends SolidElement {
       this.calculatePaddingX
     )}">${this.divider && this.vertical ? html`<sd-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-divider>` : ""} <span id="content" part="content-container" class="${cx(
       "inline-flex items-center",
-      this.vertical ? "flex-auto gap-2" : this.isStackedHorizontal ? "text-center" : "flex-auto flex-col justify-center gap-1 text-center"
+      this.vertical ? "flex-auto gap-2" : this.isStackedHorizontal ? "relative text-center pb-1" : "flex-auto flex-col justify-center gap-1 text-center"
     )}"><slot part="content" class="${cx(
       "inline-flex items-center",
       this.vertical ? "gap-2" : this.isStackedHorizontal ? "flex-col justify-center gap-1 text-center" : "justify-center gap-1 text-center"
-    )}"></slot></span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+    )}"></slot>${this.isStackedHorizontal ? html`<span part="current-indicator" aria-hidden="true" class="${cx(
+      "absolute left-0 right-0 bottom-0 h-[2px] pointer-events-none bg-accent navigable__current-indicator-border-radius",
+      this.disabled && "bg-neutral-500"
+    )}"></span>` : ""} </span>${this.chevron || slots["children"] && this.vertical && !this.separated ? html`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
       "h-6 w-6 ml-2 transition-all",
       isAccordion ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
     )}"></sd-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot id="description" name="description" part="description" class="${cx(

package/dist/chunks/{chunk.5XP6OIKT.js → chunk.NUATC7YR.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import {
   SdAccordion
-} from "./chunk.TEHKQWUZ.js";
+} from "./chunk.3MTJJW4E.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.BVWAKEFC.js";
+} from "./chunk.QSF3ZD6P.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NNMBBWIU.js → chunk.O62TPIKI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RQN4WSFL.js → chunk.OBALQKII.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RWGWOZ23.js → chunk.Q3TX3XDZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AXZSMHWW.js → chunk.QNAJI254.js} RENAMED Viewed

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