npm - @solid-design-system/components - Versions diffs - 4.6.14 → 4.6.16 - Mend

@solid-design-system/components 4.6.14 → 4.6.16

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

package/dist/chunks/{chunk.EJADH4TP.js → chunk.27RJNSY6.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -53,7 +53,7 @@ var SdLink = class extends SolidElement {
     return html`<a part="base" class="${cx(
       "inline",
       this.href && !this.visuallyDisabled ? "cursor-pointer" : "",
-      this.visuallyDisabled ? "cursor-not-allowed focus-visible:outline-none" : "",
+      this.visuallyDisabled ? "cursor-not-allowed focus-visible:focus-outline" : "",
       {
         sm: "text-sm",
         lg: "text-base",

package/dist/chunks/{chunk.2J5UWA4O.js → chunk.2A3BDUSF.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.2LMWBUBT.js";
 import {
   SdCarouselItem
-} from "./chunk.DCMNY5PW.js";
+} from "./chunk.63XS65LQ.js";
 import {
   prefersReducedMotion
 } from "./chunk.EY4JPJJQ.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.G6HSZF64.js → chunk.2CQBUBXE.js} RENAMED Viewed

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

package/dist/chunks/{chunk.C3OAT5IL.js → chunk.32OYTF23.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AIC2K6F6.js → chunk.3TYIEBZZ.js} RENAMED Viewed

@@ -29,7 +29,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BTFVVZN7.js → chunk.45FVZ6XJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2ROGEIKB.js → chunk.4YLFAOXI.js} RENAMED Viewed

@@ -29,7 +29,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.QGTHHUEP.js → chunk.4ZXREC6Z.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DRFKZJ6U.js → chunk.5IG4TM33.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -81,7 +81,7 @@ var SdOption = class extends SolidElement {
         md: "text-base py-2",
         lg: "text-base py-3"
       }[this.size],
-      this.disabled ? "text-neutral-500 cursor-not-allowed" : "cursor-pointer",
+      this.disabled ? "text-neutral-700 cursor-not-allowed" : "cursor-pointer",
       this.hasHover && !this.disabled ? "bg-neutral-200" : "",
       this.isKeyboardFocus ? "focus-outline focus-outline-offset" : "",
       this.current && "bg-neutral-200"

package/dist/chunks/{chunk.DCMNY5PW.js → chunk.63XS65LQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XG3WGOFU.js → chunk.64OVTGZG.js} RENAMED Viewed

@@ -39,7 +39,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -760,7 +760,7 @@ var SdCombobox = class extends SolidElement {
     const hasLabel = this.label ? true : !!hasLabelSlot;
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
     const hasClearIcon = this.clearable && !this.disabled && !this.visuallyDisabled;
-    const selectState = this.disabled ? "disabled" : this.visuallyDisabled ? "visuallyDisabled" : this.hasFocus && this.showInvalidStyle ? "activeInvalid" : this.hasFocus && this.styleOnValid && this.showValidStyle ? "activeValid" : this.hasFocus || this.open ? "active" : this.showInvalidStyle ? "invalid" : this.styleOnValid && this.showValidStyle ? "valid" : "default";
+    const selectState = this.disabled ? "disabled" : this.visuallyDisabled && !this.hasFocus ? "visuallyDisabled" : this.hasFocus && this.showInvalidStyle ? "activeInvalid" : this.hasFocus && this.styleOnValid && this.showValidStyle ? "activeValid" : this.hasFocus || this.open ? "active" : this.showInvalidStyle ? "invalid" : this.styleOnValid && this.showValidStyle ? "valid" : "default";
     const cursorStyles = this.disabled || this.visuallyDisabled ? "cursor-not-allowed" : "cursor-pointer";
     const iconColor = this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-primary";
     const iconMarginLeft = { sm: "ml-1", md: "ml-2", lg: "ml-2" }[this.size];
@@ -824,7 +824,7 @@ var SdCombobox = class extends SolidElement {
 };
 SdCombobox.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))}:host([size=sm]) .combobox-button{height:var(--sd-spacing-4,1rem);right:var(--sd-spacing-4,1rem);width:var(--sd-spacing-4,1rem)}:host([size=md]) .combobox-button{height:var(--sd-spacing-6,1.5rem);right:.85rem;width:var(--sd-spacing-6,1.5rem)}:host([size=lg]) .combobox-button{height:var(--sd-spacing-8,2rem);right:var(--sd-spacing-3,.75rem);width:var(--sd-spacing-8,2rem)}[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))}[part=filtered-listbox] sd-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;color:inherit;font-weight:700}`
+  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))}:host([visually-disabled]) input{caret-color:transparent}:host([size=sm]) .combobox-button{height:var(--sd-spacing-4,1rem);right:var(--sd-spacing-4,1rem);width:var(--sd-spacing-4,1rem)}:host([size=md]) .combobox-button{height:var(--sd-spacing-6,1.5rem);right:.85rem;width:var(--sd-spacing-6,1.5rem)}:host([size=lg]) .combobox-button{height:var(--sd-spacing-8,2rem);right:var(--sd-spacing-3,.75rem);width:var(--sd-spacing-8,2rem)}[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))}[part=filtered-listbox] sd-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;color:inherit;font-weight:700}`
 ];
 __decorateClass([
   query("sd-popup")

package/dist/chunks/{chunk.LMZE7CWI.js → chunk.6DPDPTTQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RSBV2TUF.js → chunk.74CY6CLD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.GR4QWBKR.js → chunk.BP6TATWD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.SONGMTFR.js → chunk.BSCYCJVQ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdDivider
-} from "./chunk.IJO3II3P.js";
+} from "./chunk.CBB3P3NX.js";
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IJO3II3P.js → chunk.CBB3P3NX.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5PZUOPFS.js → chunk.CFJLB3HN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5H3SWQYU.js → chunk.CJ4WYDUV.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -96,7 +96,7 @@ var SdRadio = class extends SolidElement {
  */
 SdRadio.styles = [
   ...SolidElement.styles,
-  css`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible),:host([visually-disabled]:focus-visible) [part=control--checked],:host([visually-disabled]:focus-visible) [part=control--unchecked]{outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`
+  css`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`
 ];
 __decorateClass([
   state()

package/dist/chunks/{chunk.GG6EDMMX.js → chunk.DVFLNKVT.js} RENAMED Viewed

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

package/dist/chunks/{chunk.SA5CVRAH.js → chunk.DXFYMLRT.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -34,7 +34,7 @@ var SdTeaserMedia = class extends SolidElement {
       "teaser-has-headline": this.hasSlotController.test("headline"),
       "teaser-has-expandable": this.hasSlotController.test("expandable")
     };
-    return html`<div class="relative flex flex-col group" part="base"><div class="${cx("mb-4", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${cx(
+    return html`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${cx(
       "flex-1",
       this.variant === "gradient-light" && "bg-gradient-to-t from-white/[.8] to-60%",
       this.variant === "gradient-dark" && "bg-gradient-to-t from-primary-800/[.6] to-60%"
@@ -47,15 +47,15 @@ var SdTeaserMedia = class extends SolidElement {
         "gradient-light": "bg-gradient-to-t from-white/90 to-white/[.8]",
         "gradient-dark": "bg-gradient-to-t from-primary-800/75 to-primary-800/[.6]  text-white"
       }[this.variant]
-    )}"><div class="flex-col text-left p-4" part="content"><div part="meta" class="${cx("gap-2 mb-4", !slots["teaser-has-meta"] && "hidden")}"><slot name="meta"></slot></div><div part="headline" class="text-lg font-bold m-0"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div class="${cx(
+    )}"><div class="flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${cx("gap-2 mb-4 order-1", !slots["teaser-has-meta"] && "hidden")}"><slot name="meta"></slot></div></div><div class="${cx(
       "hidden",
       slots["teaser-has-expandable"] && "h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible"
-    )}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${cx(!slots["teaser-has-default"] && "hidden")}"><slot></slot></div></div></div></div></div>`;
+    )}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${cx(!slots["teaser-has-default"] && "hidden")}"><slot></slot></div></div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
   }
 };
 SdTeaserMedia.styles = [
   ...SolidElement.styles,
-  css`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}`
+  css`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}:host([variant=white]) .background:focus-within{background-color:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,.9))}:host([variant=neutral-100]) .background:focus-within{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--sd-opacity-90,.9))}:host([variant=primary]) .background:focus-within{background-color:rgb(var(--sd-color-primary,0 53 142)/var(--sd-opacity-90,.9))}:host([variant=primary-100]) .background:focus-within{background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--sd-opacity-90,.9))}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })

package/dist/chunks/{chunk.TOAVJJSV.js → chunk.G5NNLJSH.js} RENAMED Viewed

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

package/dist/chunks/{chunk.PAMIVTVZ.js → chunk.GG5P2ME5.js} RENAMED Viewed

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

package/dist/chunks/{chunk.LHDIK3CL.js → chunk.HHUBCDJ6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IZJ3ASKW.js → chunk.HOJQ3I25.js} RENAMED Viewed

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

package/dist/chunks/{chunk.V2GCDMDD.js → chunk.J24KLWJY.js} RENAMED Viewed

@@ -24,7 +24,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.7HZNYBYX.js → chunk.L62PLKYH.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZTC7JGWI.js → chunk.M3L4O32M.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IGLAKKCM.js → chunk.MXKUHOD6.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -66,7 +66,6 @@ var SdRadioButton = class extends SolidElement {
     return html`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked ? " button--checked" : ""}`}" role="radio" aria-checked="${this.checked}" class="${cx(
       "relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",
       this.size === "sm" ? "text-sm" : "text-base",
-      this.visuallyDisabled && "focus-visible:outline-none",
       this.checked && !this.disabled && !this.visuallyDisabled ? "bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500" : (this.disabled || this.visuallyDisabled) && !this.checked ? "border-neutral-500 text-neutral-500 hover:cursor-not-allowed" : (this.disabled || this.visuallyDisabled) && this.checked ? "text-neutral-500 border-neutral-500 hover:cursor-not-allowed " : "bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",
       hasDefaultSlot && "px-4",
       this.hasFocus && "focused-class",

package/dist/chunks/{chunk.DDQ43DMG.js → chunk.NODZGXB7.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5DTO5VHH.js → chunk.NOZJYEWZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JKMRTFLI.js → chunk.NXP37WVQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MHSIUMF2.js → chunk.P77O564Q.js} RENAMED Viewed

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

package/dist/chunks/{chunk.COLY2AS3.js → chunk.PM6PUJVF.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.ULJ5M2KG.js";
+} from "./chunk.PTSJHOIB.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -128,7 +128,7 @@ var SdCheckbox = class extends SolidElement {
       }[this.size]
     )}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .indeterminate="${live(this.indeterminate)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate ? "mixed" : this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked ? " control--checked" : "control--unchecked"} ${this.indeterminate ? " control--indeterminate" : ""}" class="${cx(
       `relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4`,
-      !this.visuallyDisabled ? "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary" : "",
+      "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",
       {
         sm: "mt-[2px]",
         md: "mt-[3px]",