npm - @solid-design-system/components - Versions diffs - 4.5.3 → 4.6.1 - Mend

@solid-design-system/components 4.5.3 → 4.6.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 (543) hide show

package/dist/chunks/{chunk.7VNCOUWO.js → chunk.2BTNPIIA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.HWQTXXSY.js → chunk.2PUHCALR.js} RENAMED Viewed

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

package/dist/chunks/{chunk.UOH2EPC3.js → chunk.33Z66RGK.js} RENAMED Viewed

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

package/dist/chunks/{chunk.SH45GYZL.js → chunk.4FGGIABU.js} RENAMED Viewed

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

package/dist/chunks/{chunk.4A22QCDA.js → chunk.55MYJKOZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RHLH2P45.js → chunk.5FQR2C3Z.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import {
   SdTag
-} from "./chunk.PLM7YZ2S.js";
+} from "./chunk.JFUXDVSP.js";
 import {
   SdPopup
-} from "./chunk.7VNCOUWO.js";
+} from "./chunk.2BTNPIIA.js";
 import {
   defaultValue
 } from "./chunk.GI7VDIWX.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunk.SH45GYZL.js";
+} from "./chunk.4FGGIABU.js";
 import {
   animateTo,
   stopAnimations
@@ -39,7 +39,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T5VRGBLR.js";
+} from "./chunk.Z7LGSMQC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -58,7 +58,6 @@ var SdSelect = class extends SolidElement {
     this.hasSlotController = new HasSlotController(this, "help-text", "label");
     this.localize = new LocalizeController(this);
     this.typeToSelectString = "";
-    this.hasHover = false;
     this.displayLabel = "";
     this.deletedTagLabel = "";
     this.hasFocus = false;
@@ -87,7 +86,7 @@ var SdSelect = class extends SolidElement {
     this.styleOnValid = false;
     this.hoist = false;
     this.getTag = (option) => {
-      return html`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
+      return html`<sd-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
@@ -110,7 +109,7 @@ var SdSelect = class extends SolidElement {
         event.preventDefault();
         event.stopPropagation();
         this.hide();
-        this.displayInput.focus({ preventScroll: true });
+        this.combobox.focus({ preventScroll: true });
       }
       if (event.key === "Enter" || event.key === " " && this.typeToSelectString === "") {
         event.preventDefault();
@@ -131,7 +130,7 @@ var SdSelect = class extends SolidElement {
           });
           if (!this.multiple) {
             this.hide();
-            this.displayInput.focus({ preventScroll: true });
+            this.combobox.focus({ preventScroll: true });
           }
         }
         return;
@@ -267,7 +266,7 @@ var SdSelect = class extends SolidElement {
     }
   }
   handleLabelClick() {
-    this.displayInput.focus();
+    this.combobox.focus();
   }
   handleComboboxMouseDown(event) {
     const path = event.composedPath();
@@ -276,7 +275,7 @@ var SdSelect = class extends SolidElement {
       return;
     }
     event.preventDefault();
-    this.displayInput.focus({ preventScroll: true });
+    this.combobox.focus({ preventScroll: true });
     this.open = !this.open;
   }
   handleComboboxKeyDown(event) {
@@ -289,7 +288,7 @@ var SdSelect = class extends SolidElement {
   }
   clearSelect() {
     this.setSelectedOptions([]);
-    this.displayInput.focus({ preventScroll: true });
+    this.combobox.focus({ preventScroll: true });
     this.updateComplete.then(() => {
       this.emit("sd-clear");
       this.emit("sd-input");
@@ -310,7 +309,7 @@ var SdSelect = class extends SolidElement {
       } else {
         this.setSelectedOptions(option);
       }
-      this.updateComplete.then(() => this.displayInput.focus({ preventScroll: true }));
+      this.updateComplete.then(() => this.combobox.focus({ preventScroll: true }));
       if (this.value !== oldValue) {
         this.updateComplete.then(() => {
           this.emit("sd-input");
@@ -319,7 +318,7 @@ var SdSelect = class extends SolidElement {
       }
       if (!this.multiple) {
         this.hide();
-        this.displayInput.focus({ preventScroll: true });
+        this.combobox.focus({ preventScroll: true });
       }
     }
   }
@@ -442,7 +441,7 @@ var SdSelect = class extends SolidElement {
       });
     } else {
       return [
-        html`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
+        html`<sd-tag class="z-10" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
@@ -455,12 +454,6 @@ var SdSelect = class extends SolidElement {
     this.formControlController.emitInvalidEvent(event);
     this.invalidMessage.textContent = event.target.validationMessage;
   }
-  handleMouseEnter() {
-    this.hasHover = true;
-  }
-  handleMouseLeave() {
-    this.hasHover = false;
-  }
   /** Receives incoming event detail from sd-popup and updates local state for conditional styling. */
   handleCurrentPlacement(e) {
     const incomingPlacement = e.detail;
@@ -560,11 +553,11 @@ var SdSelect = class extends SolidElement {
   }
   /** Sets focus on the control. */
   focus(options) {
-    this.displayInput.focus(options);
+    this.combobox.focus(options);
   }
   /** Removes focus from the control. */
   blur() {
-    this.displayInput.blur();
+    this.combobox.blur();
   }
   render() {
     const slots = {
@@ -593,8 +586,7 @@ var SdSelect = class extends SolidElement {
       this.size === "sm" ? "text-sm" : "text-base",
       this.open && "z-50"
     )}"><span class="sr-only" role="alert" aria-live="assertive">${this.deletedTagLabel}</span> ${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${hasLabel && "inline-block"}" aria-hidden="${hasLabel ? "false" : "true"}" @click="${this.handleLabelClick}"><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 bg-white", selectState === "disabled" ? "text-neutral-500" : "text-black")}"><div part="border" class="${cx(
-      "absolute top-0 w-full h-full pointer-events-none border rounded-default",
-      this.hasHover && !this.disabled && !this.visuallyDisabled && "bg-neutral-200",
+      "absolute top-0 w-full h-full pointer-events-none border rounded-default z-10",
       {
         disabled: "border-neutral-500",
         visuallyDisabled: "border-neutral-500",
@@ -612,28 +604,39 @@ var SdSelect = class extends SolidElement {
       this.currentPlacement === "bottom" ? "origin-top" : "origin-bottom"
     )}" placement="${this.placement}" strategy="${this.hoist ? "fixed" : "absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
               popup:popup__content,
-            "><div part="combobox" class="${cx(
-      "relative w-full px-4 flex flex-row items-center rounded-default",
-      this.open && "shadow",
+            "><div class="${cx(
+      "relative w-full h-full grid grid-cols-1",
+      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:bg-neutral-200"
+    )}" slot="anchor"><div class="${cx(
+      "input-container flex items-center w-full h-full px-4",
       {
-        sm: "py-1 min-h-[32px]",
-        md: "py-1 min-h-[40px]",
-        lg: "py-2 min-h-[48px]"
+        sm: "py-1",
+        md: "py-1",
+        lg: "py-2"
       }[this.size]
-    )}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><input name="${this.name}" form="${this.form}" part="display-input" class="${cx(
-      "appearance-none outline-none flex-grow bg-transparent w-full placeholder-neutral-700",
+    )}"><input name="${this.name}" form="${this.form}" part="display-input" class="${cx(
+      "top-0 left-0 appearance-none outline-none flex-grow bg-transparent w-full placeholder-neutral-700",
       cursorStyles,
       this.multiple && this.useTags && this.value.length > 0 ? "hidden" : ""
-    )}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder || this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${this.multiple && this.useTags ? html`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>` : ""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
+    )}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder || this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple && this.useTags ? html`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>` : ""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
       "select__clear flex justify-center",
       iconMarginLeft,
       this.value.length > 0 ? "visible" : "invisible"
-    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${cx("text-icon-fill-neutral-800", iconSize)}" library="system" name="closing-round"></sd-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="system" name="risk"></sd-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="system" name="status-check"></sd-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
-      "inline-flex ml-2 transition-all",
+    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${cx("text-icon-fill-neutral-800 z-10", iconSize)}" library="system" name="closing-round"></sd-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="system" name="risk"></sd-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="system" name="status-check"></sd-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
+      "inline-flex ml-2 transition-all items-center",
       this.open ? "rotate-180" : "rotate-0",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-primary",
       iconSize
-    )}"><sd-icon name="chevron-down" part="chevron" library="system" color="currentColor"></sd-icon></slot></div><div id="listbox" role="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-multiselectable="${this.multiple ? "true" : "false"}" aria-labelledby="label" part="listbox" class="${cx(
+    )}"><sd-icon name="chevron-down" part="chevron" library="system" color="currentColor"></sd-icon></slot></div><button part="combobox" class="${cx(
+      "relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",
+      cursorStyles,
+      this.open && "shadow",
+      {
+        sm: "min-h-[32px]",
+        md: "min-h-[40px]",
+        lg: "min-h-[48px]"
+      }[this.size]
+    )}" type="button" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-labelledby="label"></button></div><div id="listbox" role="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-multiselectable="${this.multiple ? "true" : "false"}" aria-labelledby="label" part="listbox" class="${cx(
       "bg-white px-2 py-3 relative border-primary overflow-y-auto",
       this.open && "shadow",
       this.currentPlacement === "bottom" ? "border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default" : "border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default"
@@ -650,7 +653,7 @@ SdSelect.dependencies = {
  */
 SdSelect.styles = [
   ...SolidElement.styles,
-  css`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`
+  css`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`
 ];
 __decorateClass([
   queryAssignedElements({ selector: "sd-option" })
@@ -673,9 +676,6 @@ __decorateClass([
 __decorateClass([
   query("#invalid-message")
 ], SdSelect.prototype, "invalidMessage", 2);
-__decorateClass([
-  state()
-], SdSelect.prototype, "hasHover", 2);
 __decorateClass([
   state()
 ], SdSelect.prototype, "displayLabel", 2);

package/dist/chunks/{chunk.V7WU4CMK.js → chunk.5WMLZS55.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AXJB3BAZ.js → chunk.6BZVWWJH.js} RENAMED Viewed

@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T5VRGBLR.js";
+} from "./chunk.Z7LGSMQC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SEAUN4X5.js → chunk.6GEEKZAO.js} RENAMED Viewed

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

package/dist/chunks/{chunk.WQ4TYFW3.js → chunk.7LEAXICZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IKWY7WM6.js → chunk.BPSZYJ7Z.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EON7Z22N.js → chunk.CWDRTJP6.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T5VRGBLR.js";
+} from "./chunk.Z7LGSMQC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -154,7 +154,6 @@ var SdButton = class extends SolidElement {
         border transition-colors duration-200 ease-in-out rounded-default
         select-none cursor-[inherit]`,
       !this.inverted ? "focus-visible:focus-outline" : "focus-visible:focus-outline-inverted",
-      this.visuallyDisabled && "focus-visible:outline-none",
       this.loading && "relative cursor-wait",
       (this.disabled || this.visuallyDisabled) && "cursor-not-allowed",
       slots["icon-only"] && "px-0 w-varspacing",
@@ -191,7 +190,8 @@ var SdButton = class extends SolidElement {
         lg: "mr-2"
       }[this.size]
     )}"></slot><slot part="label" id="content" class="${cx(
-      slots["icon-only"] ? "flex flex-auto items-center pointer-events-none" : "inline-block",
+      "inline-flex items-center justify-center",
+      slots["icon-only"] && "pointer-events-none",
       this.loading && "invisible"
     )}"></slot><slot name="icon-right" part="icon-right" class="${cx(
       "flex flex-auto items-center pointer-events-none",

package/dist/chunks/{chunk.KCUUHR5D.js → chunk.DTROPLWA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JIG7HDOK.js → chunk.DWJJNVK4.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ONBGPY5D.js → chunk.DXNE63DE.js} RENAMED Viewed

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

package/dist/chunks/{chunk.NF4TXS55.js → chunk.EEZURJVH.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FRPVDR6Z.js → chunk.FHD45LNI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AWASHA2T.js → chunk.G22VBGDU.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6S3CCHLZ.js → chunk.GE2RNW2L.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2SYIHQWC.js → chunk.HGCAGKAN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.GAUAMVUZ.js → chunk.HGTEA7ZU.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import {
   SdTag
-} from "./chunk.PLM7YZ2S.js";
+} from "./chunk.JFUXDVSP.js";
 import {
   SdPopup
-} from "./chunk.7VNCOUWO.js";
+} from "./chunk.2BTNPIIA.js";
 import {
   defaultValue
 } from "./chunk.GI7VDIWX.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunk.SH45GYZL.js";
+} from "./chunk.4FGGIABU.js";
 import {
   animateTo,
   stopAnimations
@@ -48,7 +48,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T5VRGBLR.js";
+} from "./chunk.Z7LGSMQC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -66,7 +66,6 @@ var SdCombobox = class extends SolidElement {
     });
     this.hasSlotController = new HasSlotController(this, "help-text", "label");
     this.localize = new LocalizeController(this);
-    this.hasHover = false;
     this.hasFocus = false;
     this.displayInputValue = "";
     this.selectedTextLabel = "";
@@ -580,12 +579,6 @@ var SdCombobox = class extends SolidElement {
     this.formControlController.emitInvalidEvent(event);
     this.invalidMessage.textContent = event.target.validationMessage;
   }
-  handleMouseEnter() {
-    this.hasHover = true;
-  }
-  handleMouseLeave() {
-    this.hasHover = false;
-  }
   /** Receives incoming event detail from sd-popup and updates local state for conditional styling. */
   handleCurrentPlacement(e) {
     const incomingPlacement = e.detail;
@@ -775,8 +768,7 @@ var SdCombobox = class extends SolidElement {
       this.size === "sm" ? "text-sm" : "text-base",
       this.open && "z-50"
     )}"><label id="label" part="form-control-label" class="${hasLabel && "inline-block mb-2"}" aria-hidden="${!hasLabel}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="relative w-full bg-white text-black"><div part="border" class="${cx(
-      "absolute top-0 w-full h-full pointer-events-none border rounded-default",
-      this.hasHover && !this.disabled && !this.visuallyDisabled && "bg-neutral-200",
+      "absolute top-0 w-full h-full pointer-events-none border rounded-default z-10",
       {
         disabled: "border-neutral-500",
         visuallyDisabled: "border-neutral-500",
@@ -796,13 +788,14 @@ var SdCombobox = class extends SolidElement {
               popup:popup__content,
             "><div part="combobox" class="${cx(
       "relative w-full px-4 flex flex-row items-center rounded-default",
+      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:bg-neutral-200",
       this.open && "shadow",
       {
         sm: "py-1 min-h-[32px]",
         md: "py-1 min-h-[40px]",
         lg: "py-2 min-h-[48px]"
       }[this.size]
-    )}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}">${slots["left"] ? html`<slot part="left" name="left" class="${cx("inline-flex", iconMarginRight, iconColor, iconSize)}"></slot>` : ""} ${this.multiple && this.useTags && this.tags.length > 0 ? html`<div part="tags" class="${cx("flex items-center gap-1", iconMarginRight)}">${this.tags}</div>` : null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${cx(
+    )}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}">${slots["left"] ? html`<slot part="left" name="left" class="${cx("inline-flex", iconMarginRight, iconColor, iconSize)}"></slot>` : ""} ${this.multiple && this.useTags && this.tags.length > 0 ? html`<div part="tags" class="${cx("flex items-center gap-1", iconMarginRight)}">${this.tags}</div>` : null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${cx(
       "appearance-none outline-none bg-transparent flex-auto min-w-0",
       cursorStyles,
       this.selectedTextLabel && !this.multiple ? "placeholder-black" : "placeholder-neutral-700"
@@ -857,9 +850,6 @@ __decorateClass([
 __decorateClass([
   query("#invalid-message")
 ], SdCombobox.prototype, "invalidMessage", 2);
-__decorateClass([
-  state()
-], SdCombobox.prototype, "hasHover", 2);
 __decorateClass([
   state()
 ], SdCombobox.prototype, "hasFocus", 2);

package/dist/chunks/{chunk.KX2TPV2P.js → chunk.HVQFYN4Q.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KSYD4JIL.js → chunk.IBGXHO4B.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.VFC3SCSY.js";
+} from "./chunk.ODT6T47Z.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.T5VRGBLR.js";
+} from "./chunk.Z7LGSMQC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.HJ3ZUH4A.js → chunk.IT5IEST5.js} RENAMED Viewed

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

package/dist/chunks/{chunk.QWZA3TLI.js → chunk.J46EMIEI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.PLM7YZ2S.js → chunk.JFUXDVSP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FEQ35E2X.js → chunk.JOE2FCYM.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AVS4VJXO.js → chunk.KNC4IRP2.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IAJPZG3C.js → chunk.KZTW7NPR.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.G37Y7IVD.js";
+} from "./chunk.RQ7H3KYN.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -9,7 +9,7 @@ import {
 } from "./chunk.KVKRZJS7.js";
 import {
   SdButtonGroup
-} from "./chunk.XMUDNUDW.js";
+} from "./chunk.QTKOFCJ2.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T5VRGBLR.js";
+} from "./chunk.Z7LGSMQC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4KQX3YKY.js → chunk.LC3HWWVO.js} RENAMED Viewed

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