npm - @solid-design-system/components - Versions diffs - 5.16.0 → 5.16.1 - Mend

@solid-design-system/components 5.16.0 → 5.16.1

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

package/dist/chunks/{chunk.IE7OO2E4.js → chunk.2CAP3Q56.js} RENAMED Viewed

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

package/dist/chunks/{chunk.43XTYAXK.js → chunk.2SR73L2N.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KBX2ADXN.js → chunk.3YQ55DEG.js} RENAMED Viewed

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

package/dist/chunks/{chunk.W6OLVW5U.js → chunk.43SFOPTI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AMBYSMYI.js → chunk.44BJS2SJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.24MGFJCN.js → chunk.4DHEQEYR.js} RENAMED Viewed

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

package/dist/chunks/{chunk.II2J5YTZ.js → chunk.4VTG7PRD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KBIB4MJU.js → chunk.5USUIHQC.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DGFZBND5.js → chunk.72VNUTTV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2QFS5F7C.js → chunk.7IR6CJSO.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ANHOKJEV.js → chunk.7JUNYBWC.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6UOJOJVF.js → chunk.7MXI26GR.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.GM6L2JR4.js";
+} from "./chunk.GUZQ4ADZ.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OIQ2TZCT.js";
+} from "./chunk.PJJCHCFO.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.UQ2FRZQO.js → chunk.7QAWQQC2.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6OBEXEX2.js → chunk.7YENJBA2.js} RENAMED Viewed

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

package/dist/chunks/{chunk.G4KMETYR.js → chunk.ABLPLQOM.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OIQ2TZCT.js";
+} from "./chunk.PJJCHCFO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.TCY3KZFP.js → chunk.ANLMAOKA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DZRWUZL3.js → chunk.AQI2R5GT.js} RENAMED Viewed

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

package/dist/chunks/{chunk.S5NWG4DM.js → chunk.AXFVYO5L.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EC2EIUQN.js → chunk.BLKVBNBL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.U7KIN2H4.js → chunk.BWFYNOYR.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AOIMBF2P.js → chunk.CKLEIUJP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.CB3KJDCJ.js → chunk.DKBTK7VW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.TJAH7CZZ.js → chunk.EOLLVTEE.js} RENAMED Viewed

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

package/dist/chunks/{chunk.NYNRID2W.js → chunk.ERJOEJ54.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YCD37QIH.js → chunk.FK2BNPQB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.UXR6K7WW.js → chunk.G3JK5J7P.js} RENAMED Viewed

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

package/dist/chunks/{chunk.VYJ3FE2D.js → chunk.G4FXGRRH.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5YYD3XUK.js → chunk.GTISTGG6.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OIQ2TZCT.js";
+} from "./chunk.PJJCHCFO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -74,6 +74,7 @@ var SdDatepicker = class extends SolidElement {
     /** Bump counter ensuring live region text updates are recognized. */
     this.statusBumpCounter = 0;
     this.onFocusIn = (ev) => {
+      if (this.disabled || this.visuallyDisabled) return;
       const path = ev.composedPath();
       const fromHeader = path.some(
         (n) => {
@@ -86,20 +87,20 @@ var SdDatepicker = class extends SolidElement {
       }
     };
     this.handleInput = (ev) => {
-      var _a, _b, _c;
-      const input = ev.target;
-      const raw = input.value;
-      const oldPos = (_a = input.selectionStart) != null ? _a : raw.length;
-      const isDeleting = (_b = ev.inputType) == null ? void 0 : _b.startsWith("delete");
-      if (this.visuallyDisabled || this.disabled) {
-        ev.preventDefault();
-        ev.stopPropagation();
+      var _a, _b, _c, _d, _e;
+      if (this.disabled || this.visuallyDisabled) {
+        (_a = ev.preventDefault) == null ? void 0 : _a.call(ev);
+        (_b = ev.stopPropagation) == null ? void 0 : _b.call(ev);
         return;
       }
+      const input = ev.target;
+      const raw = input.value;
+      const oldPos = (_c = input.selectionStart) != null ? _c : raw.length;
+      const isDeleting = (_d = ev.inputType) == null ? void 0 : _d.startsWith("delete");
       if (!this.range) {
         const inputEl = input;
         const rawText = inputEl.value;
-        const oldCaret = (_c = inputEl.selectionStart) != null ? _c : rawText.length;
+        const oldCaret = (_e = inputEl.selectionStart) != null ? _e : rawText.length;
         const digits = rawText.replace(/\D/g, "").slice(0, 8);
         const d = digits.slice(0, 2);
         const m = digits.slice(2, 4);
@@ -272,6 +273,10 @@ var SdDatepicker = class extends SolidElement {
       }
     };
     this.handleInputBlur = () => {
+      if (this.disabled || this.visuallyDisabled) {
+        this.handleBlur();
+        return;
+      }
       const parsed = this.parseInputText(this.inputValue);
       if (!parsed.valid) {
         this.inputValue = this.formatInputValue();
@@ -302,6 +307,11 @@ var SdDatepicker = class extends SolidElement {
       }
     };
     this.onKeyDown = (ev) => {
+      if (this.disabled || this.visuallyDisabled) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        return;
+      }
       const key = ev.key;
       let handled = true;
       const next = new Date(this.focusedDate);
@@ -368,6 +378,11 @@ var SdDatepicker = class extends SolidElement {
       }
     };
     this.handleInputKeyDown = (ev) => {
+      if ((this.disabled || this.visuallyDisabled) && ev.key !== "Tab") {
+        ev.preventDefault();
+        ev.stopPropagation();
+        return;
+      }
       if (ev.key === "ArrowLeft" || ev.key === "ArrowRight" || ev.key === "ArrowUp" || ev.key === "ArrowDown" || ev.key === "Home" || ev.key === "End" || ev.key === "PageUp" || ev.key === "PageDown") {
         return;
       }
@@ -400,7 +415,6 @@ var SdDatepicker = class extends SolidElement {
       this.firstDayOfWeek = 1;
     }
     this.inputValue = this.formatInputValue();
-    this.tabIndex = 0;
     this.setAttribute("role", "group");
     this.setAttribute(
       "aria-label",
@@ -803,10 +817,9 @@ var SdDatepicker = class extends SolidElement {
   show() {
     if (this.open || this.disabled || this.visuallyDisabled) {
       this.open = false;
-      return void 0;
+      return;
     }
     this.open = true;
-    return void 0;
   }
   hide() {
     if (!this.open || this.disabled) {
@@ -829,9 +842,6 @@ var SdDatepicker = class extends SolidElement {
     this.emit("sd-blur");
   }
   handleFocus() {
-    if (this.visuallyDisabled || this.disabled) {
-      return;
-    }
     this.hasFocus = true;
     if (!this.open && !this.disabled && !this.visuallyDisabled) {
       this.show();
@@ -1207,7 +1217,11 @@ var SdDatepicker = class extends SolidElement {
       default: "border-neutral-800"
     }[inputState];
     const textSize = this.size === "sm" ? "text-sm" : "text-base";
-    return html`<div part="form-control" class="${cx("w-[370px]", this.open && "z-50", (this.disabled || this.visuallyDisabled) && "cursor-not-allowed")}">${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${cx(hasLabel ? "inline-block" : "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(
+    return html`<div part="form-control" class="${cx(
+      "min-w-[284px]",
+      this.open && "z-50",
+      (this.disabled || this.visuallyDisabled) && "cursor-not-allowed"
+    )}">${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${cx(hasLabel ? "inline-block" : "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 w-full",
       this.disabled && "pointer-events-none",
       this.visuallyDisabled && "cursor-not-allowed"
@@ -1223,15 +1237,15 @@ var SdDatepicker = class extends SolidElement {
       inputState === "disabled" || inputState === "visuallyDisabled" ? "text-neutral-500" : "text-black"
     )}" slot="anchor"><input id="input" type="text" role="combobox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="dialog" aria-controls="calendar-grid" aria-describedby="${hasHelpText ? "help-text" : void 0}" aria-invalid="${this.showInvalidStyle ? "true" : "false"}" aria-label="${this.range ? "Select date range" : "Select a date"}" class="${cx(
       "min-w-0 flex-grow focus:outline-none bg-transparent",
-      this.visuallyDisabled || this.disabled ? "placeholder-neutral-500 cursor-not-allowed" : "placeholder-neutral-700",
+      this.visuallyDisabled || this.disabled ? "placeholder:text-neutral-500 cursor-not-allowed" : "placeholder:text-neutral-700",
       { sm: "h-8", md: "h-10", lg: "h-12" }[this.size],
       textSize
-    )}" placeholder="${this.placeholder || this.localize.term(this.range ? "dateRangePlaceholder" : "datePlaceholder")}" ?disabled="${this.disabled || this.disabled}" ?readonly="${this.readonly}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>` : ""}<sd-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-icon>${this.renderCalendar()}</div></sd-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
+    )}" autocomplete="off" spellcheck="false" placeholder="${this.placeholder || this.localize.term(this.range ? "dateRangePlaceholder" : "datePlaceholder")}" ?disabled="${this.disabled}" ?readonly="${this.readonly || this.visuallyDisabled}" @input="${this.handleInput}" @click="${this.handleMouseDown}" @keydown="${this.handleInputKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleInputBlur}" @invalid="${this.handleInvalid}"> ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>` : ""}<sd-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-icon>${this.renderCalendar()}</div></sd-popup></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 SdDatepicker.styles = [
   ...SolidElement.styles,
-  css`:host{display:inline-block;outline:2px solid transparent;outline-offset:2px;position:relative}:host([required]) #label:after{content:" *"}`
+  css`:host{display:inline-block;outline:2px solid transparent;outline-offset:2px;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })

package/dist/chunks/{chunk.GM6L2JR4.js → chunk.GUZQ4ADZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.R3WIWFML.js → chunk.JGH3YXMX.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.OPE5GNB3.js";
+} from "./chunk.VCV7HS44.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OIQ2TZCT.js";
+} from "./chunk.PJJCHCFO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4DKQ5DUX.js → chunk.LLUTMJ6Y.js} RENAMED Viewed

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

package/dist/chunks/{chunk.I6JQ5KYH.js → chunk.O7O2LFXK.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OIQ2TZCT.js";
+} from "./chunk.PJJCHCFO.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.OVSM5TSF.js → chunk.PB672B5H.js} RENAMED Viewed

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