@solid-design-system/components 5.10.1 → 5.11.0

package/dist-versioned/chunks/{chunk.P4UKJXBL.js → chunk.EOMASC3A.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -38,12 +38,12 @@ var SdBreadcrumbItem = class extends SolidElement {
     requestAnimationFrame(() => this.handleCurrentChange());
   }
   render() {
-    return html`<sd-5-10-1-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-5-10-1-link>`;
+    return html`<sd-5-11-0-link part="base" href="${ifDefined(!this.current ? this.href : void 0)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-5-11-0-link>`;
   }
 };
 SdBreadcrumbItem.styles = [
   ...SolidElement.styles,
-  css`:host{align-items:center;display:inline-flex}sd-5-10-1-link::part(base){align-items:center}sd-5-10-1-link::part(icon-left){display:inline-flex;margin-right:var(--sd-spacing-0,0)}sd-5-10-1-link sd-5-10-1-icon{margin:var(--sd-spacing-0,0)}:host([current]) sd-5-10-1-link::part(base){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}:host([current]) sd-5-10-1-link::part(label){text-decoration-line:none}`
+  css`:host{align-items:center;display:inline-flex}sd-5-11-0-link::part(base){align-items:center}sd-5-11-0-link::part(icon-left){display:inline-flex;margin-right:var(--sd-spacing-0,0)}sd-5-11-0-link sd-5-11-0-icon{margin:var(--sd-spacing-0,0)}:host([current]) sd-5-11-0-link::part(base){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}:host([current]) sd-5-11-0-link::part(label){text-decoration-line:none}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -61,7 +61,7 @@ __decorateClass([
   watch("current")
 ], SdBreadcrumbItem.prototype, "handleCurrentChange", 1);
 SdBreadcrumbItem = __decorateClass([
-  customElement("sd-5-10-1-breadcrumb-item")
+  customElement("sd-5-11-0-breadcrumb-item")
 ], SdBreadcrumbItem);
 
 export {

package/dist-versioned/chunks/{chunk.YGVCQCO4.js → chunk.FK2U2PN6.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -55,7 +55,7 @@ var SdStepGroup = class extends SolidElement {
     });
   }
   getAllSteps() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-10-1-step");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-11-0-step");
   }
   /**
    * Sets the active step.
@@ -120,7 +120,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStepGroup.prototype, "handleInteractivityChange", 1);
 SdStepGroup = __decorateClass([
-  customElement("sd-5-10-1-step-group")
+  customElement("sd-5-11-0-step-group")
 ], SdStepGroup);
 
 export {

package/dist-versioned/chunks/{chunk.WL7EGHGP.js → chunk.FPSNJQLB.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -142,7 +142,7 @@ var SdAccordion = class extends SolidElement {
     )}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${cx(
       "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",
       this.open && "rotate-180"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-5-10-1-icon library="_internal" name="chevron-down"></sd-5-10-1-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-5-10-1-icon library="_internal" name="chevron-down"></sd-5-10-1-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-5-11-0-icon library="_internal" name="chevron-down"></sd-5-11-0-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-5-11-0-icon library="_internal" name="chevron-down"></sd-5-11-0-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
   }
 };
 SdAccordion.styles = [
@@ -168,7 +168,7 @@ __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdAccordion.prototype, "handleOpenChange", 1);
 SdAccordion = __decorateClass([
-  customElement("sd-5-10-1-accordion")
+  customElement("sd-5-11-0-accordion")
 ], SdAccordion);
 setDefaultAnimation("accordion.show", {
   keyframes: [

package/dist-versioned/chunks/{chunk.5UQ6EJAW.js → chunk.GQ6XWHAE.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -68,7 +68,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-5-10-1-include")
+  customElement("sd-5-11-0-include")
 ], SdInclude);
 
 export {

package/dist-versioned/chunks/{chunk.JJTGSFOV.js → chunk.GWIKV5KN.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -97,7 +97,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-5-10-1-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-5-11-0-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
   }
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
@@ -131,13 +131,13 @@ var SdMenu = class extends SolidElement {
 };
 SdMenu.styles = [
   ...SolidElement.styles,
-  css`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-5-10-1-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`
+  css`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-5-11-0-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-5-10-1-menu")
+  customElement("sd-5-11-0-menu")
 ], SdMenu);
 
 export {

package/dist-versioned/chunks/{chunk.TWDHTS5K.js → chunk.GZHRJON3.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -25,7 +25,7 @@ SdCarouselItem.styles = [
   css`:host{align-items:center;aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;height:100%;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;width:100%}::slotted(img){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}`
 ];
 SdCarouselItem = __decorateClass([
-  customElement("sd-5-10-1-carousel-item")
+  customElement("sd-5-11-0-carousel-item")
 ], SdCarouselItem);
 
 export {

package/dist-versioned/chunks/{chunk.FDQQDXKD.js → chunk.H2X5TME2.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -172,7 +172,7 @@ __decorateClass([
   watch(["checked"], { waitUntilFirstUpdate: true })
 ], SdSwitch.prototype, "handleStateChange", 1);
 SdSwitch = __decorateClass([
-  customElement("sd-5-10-1-switch")
+  customElement("sd-5-11-0-switch")
 ], SdSwitch);
 
 export {

package/dist-versioned/chunks/{chunk.6ID5BKH5.js → chunk.H6V26DFD.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -32,7 +32,7 @@ var SdDivider = class extends SolidElement {
  */
 SdDivider.styles = [
   ...SolidElement.styles,
-  css`:host{margin:var(--sd-spacing-0,0)}:host(sd-5-10-1-divider[orientation=horizontal]){display:block}:host(sd-5-10-1-divider[orientation=vertical]){display:inline-block}`
+  css`:host{margin:var(--sd-spacing-0,0)}:host(sd-5-11-0-divider[orientation=horizontal]){display:block}:host(sd-5-11-0-divider[orientation=vertical]){display:inline-block}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -41,7 +41,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdDivider.prototype, "inverted", 2);
 SdDivider = __decorateClass([
-  customElement("sd-5-10-1-divider")
+  customElement("sd-5-11-0-divider")
 ], SdDivider);
 
 export {

package/dist-versioned/chunks/{chunk.RGFFEJMJ.js → chunk.HX56RZ2Z.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PP5IDYES.js";
+} from "./chunk.JSBUECND.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -107,12 +107,12 @@ var SdMenuItem = class extends SolidElement {
     )}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${isSubmenuExpanded ? true : false}">${this.type === "checkbox" ? html`<span part="checked-icon" class="${cx(
       "flex items-center justify-center grow-0 shrink-0 basis-auto",
       this.checked ? "visible" : "invisible"
-    )}"><sd-5-10-1-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-10-1-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-10-1-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-10-1-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
+    )}"><sd-5-11-0-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-5-11-0-icon></span>` : ""} ${slots.iconIndent ? html`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>` : ""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron || this.isSubmenu() ? html`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-5-11-0-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-5-11-0-icon></span>` : ""} ${this.submenuController.renderSubmenu()}</div>`;
   }
 };
 SdMenuItem.styles = [
   ...SolidElement.styles,
-  css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-10-1-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-10-1-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-10-1-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
+  css`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-5-11-0-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-5-11-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-5-11-0-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`
 ];
 __decorateClass([
   query("slot:not([name])")
@@ -145,7 +145,7 @@ __decorateClass([
   watch("type")
 ], SdMenuItem.prototype, "handleTypeChange", 1);
 SdMenuItem = __decorateClass([
-  customElement("sd-5-10-1-menu-item")
+  customElement("sd-5-11-0-menu-item")
 ], SdMenuItem);
 
 export {