@solid-design-system/components 6.0.0-next.21 → 6.0.0-next.23

package/dist/chunks/{chunk.7SH2LCIK.js → chunk.2DNMPJJ2.js}

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

package/dist/chunks/{chunk.F6YDHYVE.js → chunk.2Z7CXAOD.js}

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

package/dist/chunks/{chunk.XNSWXKES.js → chunk.3DVN6TIZ.js}

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

package/dist/chunks/{chunk.XMDDEC3A.js → chunk.3QHBV32W.js}

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

package/dist/chunks/{chunk.EUBZSNHP.js → chunk.4H273N32.js}

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

package/dist/chunks/{chunk.DIQLJZLV.js → chunk.4KOK7NFI.js}

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

package/dist/chunks/{chunk.S4XCK37S.js → chunk.4QTDQJIH.js}

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

package/dist/chunks/{chunk.TF5BCX76.js → chunk.5BKAP2R5.js}

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.N37INEPQ.js";
+} from "./chunk.CMW2TFVK.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KXLUF5NH.js";
+} from "./chunk.H4SEXNBN.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -39,7 +39,6 @@ var SdRadioGroup = class extends SolidElement {
     this.orientation = "vertical";
     this.label = "";
     this.helpText = "";
-    this.boldLabel = false;
     this.name = "option";
     this.value = "";
     this.form = "";
@@ -254,11 +253,7 @@ var SdRadioGroup = class extends SolidElement {
         md: "text-base",
         lg: "text-base"
       }[this.size]
-    )}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${hasLabel || hasTooltipSlot ? html`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${cx(
-      "p-0 leading-normal text-black text-left",
-      hasLabel ? "inline-block" : "hidden",
-      this.boldLabel && "font-bold"
-    )}" @click="${this.focus}" aria-hidden="${hasLabel ? "false" : "true"}"><slot name="label">${this.label}</slot></legend>${hasTooltipSlot ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx(
+    )}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${hasLabel || hasTooltipSlot ? html`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${cx("p-0 font-bold leading-normal text-black text-left", hasLabel ? "inline-block" : "hidden")}" @click="${this.focus}" aria-hidden="${hasLabel ? "false" : "true"}"><slot name="label">${this.label}</slot></legend>${hasTooltipSlot ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx(
       "flex",
       {
         vertical: "flex-col",
@@ -308,9 +303,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "help-text", reflect: true })
 ], SdRadioGroup.prototype, "helpText", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdRadioGroup.prototype, "boldLabel", 2);
 __decorateClass([
   property({ type: String, reflect: true })
 ], SdRadioGroup.prototype, "name", 2);

package/dist/chunks/{chunk.LS3MCK4L.js → chunk.6SPABX2F.js}

@@ -37,9 +37,9 @@ var icons = {
     <path fill="currentColor" d="M18.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z"/>
   </svg>`,
   "chevrons-sm-right": `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <path fill="currentColor" d="M13.718 6.257a1 1 0 1 0-1.336 1.485h.002L17.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z"/>
-  <path fill="currentColor" d="M6.718 6.257a1 1 0 1 0-1.336 1.485h.002L10.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z"/>
-</svg>`,
+    <path fill="currentColor" d="M13.718 6.257a1 1 0 1 0-1.336 1.485h.002L17.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z"/>
+    <path fill="currentColor" d="M6.718 6.257a1 1 0 1 0-1.336 1.485h.002L10.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z"/>
+  </svg>`,
   clock: `
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
       <path d="M13 11.6V8a1 1 0 0 0-2 0v4.4h.1v.2l.2.1 2.8 2.8a1 1 0 0 0 1.4-1.4z"/>
@@ -156,8 +156,8 @@ var icons = {
     </svg>
   `,
   reload: `
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-      <path d="m1.7 7.11 1.33 1.34C3.13 3.69 6.75 0 11.33 0a8.67 8.67 0 1 1 0 17.33 1 1 0 0 1 0-2 6.67 6.67 0 1 0 0-13.33C7.8 2 5.14 4.74 5 8.42l1.34-1.3a1 1 0 1 1 1.41 1.41l-3.02 3.02a1 1 0 0 1-1.42 0L.3 8.53A1 1 0 0 1 1.7 7.11z"/>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 15">
+      <path d="M1.42 5.928 2.533 7.04C2.615 3.073 5.629 0 9.45 0a7.223 7.223 0 0 1 0 14.445.834.834 0 0 1 0-1.667 5.556 5.556 0 0 0 0-11.111c-2.944 0-5.173 2.285-5.278 5.35l1.111-1.09a.834.834 0 0 1 1.178 1.18l-2.519 2.52a.83.83 0 0 1-1.18 0L.244 7.108a.835.835 0 0 1 1.18-1.18h-.003Z"/>
     </svg>
   `
 };

package/dist/chunks/{chunk.RCCVTEK5.js → chunk.6VZW3ADW.js}

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

package/dist/chunks/{chunk.4OQKNMVC.js → chunk.6Y22XPHZ.js}

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

package/dist/chunks/{chunk.UXW72ASY.js → chunk.7FO25F4H.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KXLUF5NH.js";
+} from "./chunk.H4SEXNBN.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -1259,7 +1259,7 @@ var SdDatepicker = class extends SolidElement {
           inSelectedRange && !isRangeStart && !isRangeEnd ? "in-range selected bg-primary-100 text-primary-500 rounded-none hover:bg-primary-500 hover:text-white" : "",
           !inSelectedRange && inPreviewRange && !isRangeStart && !isRangeEnd ? "in-preview-range bg-primary-100 text-primary-500 rounded-none" : "",
           isToday && !isSelectedSingle && !isRangeStart && !isRangeEnd && isFocused ? "today border-[1px] border-primary font-bold" : "",
-          disabled ? "disabled cursor-not-allowed hover:bg-transparent" : "",
+          disabled ? "disabled cursor-not-allowed hover:bg-transparent" : "cursor-pointer",
           isFocused && !isToday ? "focused outline outline-2 outline-primary" : ""
         )}" role="gridcell" aria-colindex="${colIndex + 1}" aria-labelledby="${"col-" + (colIndex + 1)}" .tabIndex="${tabIndex}" ?disabled="${disabled || this.disabled}" aria-disabled="${disabled || this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-selected="${isSelectedSingle || inSelectedRange || isRangeStart || isRangeEnd ? "true" : "false"}" aria-current="${isToday ? "date" : nothing}" aria-label="${label}" aria-roledescription="${roleDesc != null ? roleDesc : nothing}" @focus="${() => this.focusedDate = DateUtils.startOfDayLocal(day)}" @mouseenter="${() => this.onDayMouseEnter(day)}" @keydown="${this.onKeyDown}" @click="${() => {
           this.focusedDate = DateUtils.startOfDayLocal(day);

package/dist/chunks/{chunk.HKXD5IL4.js → chunk.7G7TEHPB.js}

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

package/dist/chunks/{chunk.Y6FWMZCH.js → chunk.AMRAVTSA.js}

@@ -2,7 +2,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.UVPXOOB4.js";
+} from "./chunk.GKH647YK.js";
 import {
   requestIcon
 } from "./chunk.P52GZVKG.js";
@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KXLUF5NH.js";
+} from "./chunk.H4SEXNBN.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2RL6TBHJ.js → chunk.ARH5HQTN.js}

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

package/dist/chunks/{chunk.N37INEPQ.js → chunk.CMW2TFVK.js}

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

package/dist/chunks/{chunk.JST4Y73L.js → chunk.D2WY74SG.js}

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

package/dist/chunks/{chunk.JRJ4LNBT.js → chunk.D7D7W462.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.ST34ZDUW.js";
+} from "./chunk.RJWK5GMF.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KXLUF5NH.js";
+} from "./chunk.H4SEXNBN.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";
@@ -460,12 +460,15 @@ var SdCarousel = class extends SolidElement {
         this.goToSlide(index * slidesPerMove);
         this.unblockAutoplay(e, this.paginationItems[index]);
       }}" @keydown="${this.handleKeyDown}"><span class="${cx(
-        "h-4 w-4 block border sd-carousel__pager-dot-border-width hover:border-primary-500 rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
-        this.inverted ? "border-white hover:border-primary-500" : "border-primary",
-        isActive && "bg-accent border-none",
-        isActive ? this.inverted ? "hover:bg-accent-300" : "hover:bg-accent-550" : ""
+        "h-4 w-4 block border sd-carousel__pager-dot-border-width rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",
+        this.inverted ? "sd-carousel__pager-dot--inverted-border hover:border-primary-200" : "border-primary hover:border-primary-500",
+        isActive && "border-none",
+        isActive ? this.inverted ? "sd-carousel__pager-dot--inverted-background hover:sd-carousel__pager-dot--inverted--hovered-background" : "sd-carousel__pager-dot-background hover:bg-accent-550" : ""
       )}"></span></button>`;
-    })}</div>` : html`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${cx("w-5 text-center border-b-2 border-accent", this.inverted ? "text-white" : "text-black")}">${currentPage}</span> <span part="pagination-divider" class="${cx("scale-y-[1.5]", "text-center", this.inverted ? "text-white" : "text-black")}">/</span> <span part="pagination-item" class="${cx("w-5 text-center", this.inverted ? "text-white" : "text-black")}">${pagesCount}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!nextEnabled ? true : false}" class="${cx(
+    })}</div>` : html`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${cx(
+      "w-5 text-center border-b-2",
+      this.inverted ? "text-white sd-carousel--active--inverted-color-border" : "text-black sd-carousel--active-color-border"
+    )}">${currentPage}</span> <span part="pagination-divider" class="${cx("scale-y-[1.5]", "text-center", this.inverted ? "text-white" : "text-black")}">/</span> <span part="pagination-item" class="${cx("w-5 text-center", this.inverted ? "text-white" : "text-black")}">${pagesCount}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!nextEnabled ? true : false}" class="${cx(
       "!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",
       !nextEnabled && "sd-interactive--disabled",
       this.inverted ? "sd-interactive--inverted" : "sd-interactive--reset"

package/dist/chunks/{chunk.27BT6YJV.js → chunk.ESO3UE3C.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KXLUF5NH.js";
+} from "./chunk.H4SEXNBN.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -217,14 +217,14 @@ var SdNotification = class extends SolidElement {
       error: "warning"
     }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${cx(
       "h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
-      "border-solid border-[1px] border-l-0 border-neutral-400",
+      "border-solid border-[1px] border-l-0 sd-notification-color-border",
       {
         info: "sd-notification--info-color-background",
         success: "sd-notification--success-color-background",
         warning: "sd-notification--warning-color-background",
         error: "sd-notification--error-color-background"
       }[this.variant]
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border sd-notification-color-border"></div>` : ""}</div></div>`;
   }
 };
 /**

package/dist/chunks/{chunk.TSXROBHJ.js → chunk.FENRLNP2.js}

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

package/{dist-versioned/chunks/chunk.UVPXOOB4.js → dist/chunks/chunk.GKH647YK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2BO5LK23.js";
 import {
   library_internal_default
-} from "./chunk.LS3MCK4L.js";
+} from "./chunk.6SPABX2F.js";
 import {
   library_status_default
 } from "./chunk.4TPOL3LB.js";

package/dist/chunks/{chunk.LL6JDZ2J.js → chunk.GLHGV3VF.js}

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