npm - @solid-design-system/components - Versions diffs - 6.6.0 → 6.7.0 - Mend

@solid-design-system/components 6.6.0 → 6.7.0

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

package/dist/chunks/{chunk.K33FWPNJ.js → chunk.34FNDYY2.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XLJV6MDG.js → chunk.35O2UVGB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IKPH3EVB.js → chunk.36PZ2ZYY.js} RENAMED Viewed

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

package/dist/chunks/{chunk.R7FGGH3S.js → chunk.37TQP26W.js} RENAMED Viewed

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

package/dist/chunks/{chunk.LVFKJ64O.js → chunk.3JA6XC66.js} RENAMED Viewed

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

package/dist/chunks/{chunk.J6WPYLWZ.js → chunk.46HLMURY.js} RENAMED Viewed

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

package/dist/chunks/{chunk.X7INVTDO.js → chunk.66BLBC6H.js} RENAMED Viewed

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   animateTo,
   stopAnimations
@@ -655,6 +655,9 @@ var SdCombobox = class extends SolidElement {
     this.popup.active = false;
     this.emit("sd-after-hide");
   }
+  handleSizeChange() {
+    this.size = this.floatingLabel && this.size === "sm" ? "md" : this.size;
+  }
   async show() {
     if (this.open || this.disabled || this.visuallyDisabled) {
       this.open = false;
@@ -784,7 +787,7 @@ var SdCombobox = class extends SolidElement {
     )}">${hasLabel && !this.floatingLabel ? html`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${hasLabel && "inline-block form-control-color-text"}" aria-hidden="${hasLabel ? "false" : "true"}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label></div>` : null} <span aria-live="polite" class="sr-only">${this.deletedTagLabel}</span><div part="form-control-input" class="relative w-full bg-white text-black">${hasLabel && this.floatingLabel ? html`<label id="label" part="form-control-floating-label" class="${cx(
       "absolute left-4 z-20 pointer-events-none transition-all duration-200",
       hasIconLeft ? floatingLabelHorizontalAlignmentWithIconLeft : "left-4",
-      !isFloatingLabelActive ? "top-1/2 -translate-y-1/2 text-base" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs",
+      !isFloatingLabelActive ? "top-1/2 -translate-y-1/2" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs",
       isFloatingLabelActive && "mt-1"
     )}" for="input"><span class="${cx(
       "leading-none",
@@ -1010,6 +1013,9 @@ __decorateClass([
 __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdCombobox.prototype, "handleOpenChange", 1);
+__decorateClass([
+  watch(["size", "floatingLabel"])
+], SdCombobox.prototype, "handleSizeChange", 1);
 SdCombobox = __decorateClass([
   customElement("sd-combobox")
 ], SdCombobox);

package/dist/chunks/{chunk.4VXMQMWC.js → chunk.6OQST4MV.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.IJFGEG3C.js";
+} from "./chunk.MA3U64BI.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.EB36FLLO.js → chunk.7TNM3KIX.js} RENAMED Viewed

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

package/dist/chunks/{chunk.PRG2N65Y.js → chunk.7UVXJDH2.js} RENAMED Viewed

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

package/dist/chunks/{chunk.SSGLMCAI.js → chunk.7WUGACZI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.4NPZSBLP.js → chunk.ADLNODYZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.D75ECIYP.js → chunk.BMSVBL74.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5LBSJHKM.js → chunk.CBC4EZWD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MWSEG3OK.js → chunk.CECM7HKR.js} RENAMED Viewed

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

package/dist/chunks/{chunk.N2MLXC5H.js → chunk.CGQHCRPP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YZFABBQN.js → chunk.CTZIFPPT.js} RENAMED Viewed

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

package/dist/chunks/{chunk.3LNRTSYE.js → chunk.DKXRGYTS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.BGLTLTSP.js → chunk.EFL7UGJF.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RWMCPMRU.js → chunk.EP3FJ6UU.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5I2ACRVE.js → chunk.EY7UK2BZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.7C7RLQJB.js → chunk.F5PRJGBD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DI4IZD4F.js → chunk.FC3YSKGL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MYGU5LET.js → chunk.FDRFLSGY.js} RENAMED Viewed

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

package/dist/chunks/{chunk.UEJXUCEV.js → chunk.FH7IYLFW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.4CYCSIZ7.js → chunk.FHD6XY2M.js} RENAMED Viewed

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.SP6LEQ4V.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -111,6 +111,9 @@ var SdTextarea = class extends SolidElement {
     this.formControlController.updateValidity();
     this.setTextareaHeight();
   }
+  handleSizeChange() {
+    this.size = this.floatingLabel && this.size === "sm" ? "md" : this.size;
+  }
   /** Sets focus on the textarea. */
   focus(options) {
     this.textarea.focus(options);
@@ -187,7 +190,15 @@ var SdTextarea = class extends SolidElement {
       md: "text-lg top-2",
       lg: "text-xl top-2"
     }[this.size];
-    return html`<div part="form-control" class="flex flex-col h-full text-left">${hasLabel && !this.floatingLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${cx(hasLabel ? "inline-block form-control-color-text" : "hidden", textSize)}" for="input" aria-hidden="${hasLabel ? "false" : "true"}"><slot name="label">${this.label}</slot></label> ${slots["tooltip"] ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx("relative h-full w-full", this.disabled && "cursor-not-allowed")}"><div part="border" class="${cx(
+    return html`<div part="form-control" class="flex flex-col h-full text-left">${hasLabel && !this.floatingLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${cx(hasLabel ? "inline-block form-control-color-text" : "hidden", textSize)}" for="input" aria-hidden="${hasLabel ? "false" : "true"}"><slot name="label">${this.label}</slot></label> ${slots["tooltip"] ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx("relative h-full w-full", this.disabled && "cursor-not-allowed")}">${hasLabel && this.floatingLabel ? html`<label id="label" part="form-control-floating-label" class="${cx(
+      "absolute left-4 z-20 pointer-events-none transition-all duration-200",
+      textSize,
+      !isFloatingLabelActive ? "top-2.5" : "top-2 text-xs"
+    )}" for="input"><span class="${cx(
+      "leading-none",
+      (this.visuallyDisabled || this.disabled) && "text-neutral-500",
+      isFloatingLabelActive && !this.visuallyDisabled && !this.disabled && "form-control--filled__floating-label-color-text"
+    )}">${this.label}</span></label>` : null}<div part="border" class="${cx(
       "absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",
       {
         disabled: "border-neutral-500",
@@ -200,15 +211,7 @@ var SdTextarea = class extends SolidElement {
         valid: "border-success",
         default: "form-control-color-border"
       }[textareaState]
-    )}">${hasLabel && this.floatingLabel ? html`<label id="label" part="form-control-floating-label" class="${cx(
-      "absolute left-4 z-20 pointer-events-none transition-all duration-200",
-      textSize,
-      !isFloatingLabelActive ? "top-2.5 text-base" : this.size === "lg" ? "top-2 text-xs" : "top-1 text-xs"
-    )}" for="input"><span class="${cx(
-      "leading-none",
-      (this.visuallyDisabled || this.disabled) && "text-neutral-500",
-      isFloatingLabelActive && !this.visuallyDisabled && !this.disabled && "form-control--filled__floating-label-color-text"
-    )}">${this.label}</span></label>` : null}</div><div part="base" class="${cx(
+    )}"></div><div part="base" class="${cx(
       "textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",
       this.floatingLabel && "pt-6",
       {
@@ -223,9 +226,9 @@ var SdTextarea = class extends SolidElement {
     )}"><textarea part="textarea" id="input" class="${cx(
       "ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",
       {
-        sm: this.floatingLabel ? "pb-1" : "py-1",
-        md: this.floatingLabel ? "pb-1" : "py-1",
-        lg: this.floatingLabel ? "pb-2" : "py-2"
+        sm: isFloatingLabelActive ? "pb-1" : "py-2",
+        md: isFloatingLabelActive ? "pb-1" : "py-2",
+        lg: isFloatingLabelActive ? "pb-2" : "py-2"
       }[this.size],
       this.disabled && "cursor-not-allowed",
       textSize
@@ -346,6 +349,9 @@ __decorateClass([
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdTextarea.prototype, "handleValueChange", 1);
+__decorateClass([
+  watch(["size", "floatingLabel"])
+], SdTextarea.prototype, "handleSizeChange", 1);
 SdTextarea = __decorateClass([
   customElement("sd-textarea")
 ], SdTextarea);

package/dist/chunks/{chunk.FO322RN2.js → chunk.FJ3FPGND.js} RENAMED Viewed

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

package/dist/chunks/{chunk.44LYHLUI.js → chunk.GAZNGQ6X.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EL6JYFUG.js → chunk.GMYIZ3J2.js} RENAMED Viewed

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