@solid-design-system/components 4.6.16 → 4.6.17

package/dist/solid-components.js

@@ -4,164 +4,164 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.G5NNLJSH.js";
+} from "./chunks/chunk.F6XYVX4T.js";
 import {
   SdTeaser
-} from "./chunks/chunk.QTG4NS6F.js";
+} from "./chunks/chunk.DZ2V3IQW.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.DXFYMLRT.js";
+} from "./chunks/chunk.ERSYOXHV.js";
 import {
   SdTextarea
-} from "./chunks/chunk.VPLS37MP.js";
+} from "./chunks/chunk.V5S3KO2G.js";
 import {
   SdTooltip
-} from "./chunks/chunk.NOZJYEWZ.js";
+} from "./chunks/chunk.HIOTTMRM.js";
 import {
   SdVideo
-} from "./chunks/chunk.YS5DNYIN.js";
+} from "./chunks/chunk.VGPSQWRX.js";
 import {
   SdScrollable
-} from "./chunks/chunk.32OYTF23.js";
+} from "./chunks/chunk.FTGGE5XH.js";
 import {
   SdSelect
-} from "./chunks/chunk.YP6DKEUN.js";
+} from "./chunks/chunk.AGI5ZMYC.js";
 import {
   SdStep
-} from "./chunks/chunk.BP6TATWD.js";
+} from "./chunks/chunk.L3TICIB2.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.45FVZ6XJ.js";
+} from "./chunks/chunk.V3OFS667.js";
 import {
   SdSwitch
-} from "./chunks/chunk.HHUBCDJ6.js";
+} from "./chunks/chunk.YDCALUT4.js";
 import {
   SdTab
-} from "./chunks/chunk.ZO5RJB5Z.js";
+} from "./chunks/chunk.4ASHVYWQ.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.TJBZYHFX.js";
+} from "./chunks/chunk.SOC7MXFP.js";
 import {
   SdNotification
-} from "./chunks/chunk.VCSJOZI4.js";
+} from "./chunks/chunk.EDGHZRRO.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.BSCYCJVQ.js";
+} from "./chunks/chunk.VL533T34.js";
 import {
   SdOption
-} from "./chunks/chunk.5IG4TM33.js";
+} from "./chunks/chunk.KWTDQ4KK.js";
 import {
   SdPopup
-} from "./chunks/chunk.DVFLNKVT.js";
+} from "./chunks/chunk.YEECK5EL.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.XKASXMF7.js";
+} from "./chunks/chunk.W5O6ZSSQ.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.MXKUHOD6.js";
+} from "./chunks/chunk.2B6KEGZJ.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.TYVLLSJL.js";
+} from "./chunks/chunk.TECYWP64.js";
 import {
   SdRadio
-} from "./chunks/chunk.CJ4WYDUV.js";
+} from "./chunks/chunk.FUTSGCSR.js";
 import {
   SdInclude
-} from "./chunks/chunk.2CQBUBXE.js";
+} from "./chunks/chunk.ZOBNVT2R.js";
 import {
   SdInput
-} from "./chunks/chunk.VSDSY6TD.js";
+} from "./chunks/chunk.STR7Q2AE.js";
 import {
   SdLink
-} from "./chunks/chunk.27RJNSY6.js";
+} from "./chunks/chunk.JUFMAAP2.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.NODZGXB7.js";
+} from "./chunks/chunk.LBJZBVP4.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.YU4DZT3T.js";
+} from "./chunks/chunk.KHQD2N5S.js";
 import {
   SdDropdown
-} from "./chunks/chunk.J24KLWJY.js";
+} from "./chunks/chunk.GEYUPHEW.js";
 import {
   SdExpandable
-} from "./chunks/chunk.HOJQ3I25.js";
+} from "./chunks/chunk.DWHZP4ID.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.P77O564Q.js";
+} from "./chunks/chunk.TQJ46AIM.js";
 import {
   SdHeader
-} from "./chunks/chunk.SYCJWHFY.js";
+} from "./chunks/chunk.5FSG57H2.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.PM6PUJVF.js";
+} from "./chunks/chunk.4RFDH3SL.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.Z6IS4T3X.js";
+} from "./chunks/chunk.S4EWMXGX.js";
 import {
   SdCombobox
-} from "./chunks/chunk.64OVTGZG.js";
+} from "./chunks/chunk.R55MBA6F.js";
 import {
   SdTag
-} from "./chunks/chunk.6DPDPTTQ.js";
+} from "./chunks/chunk.EBWV7WLX.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdDialog
-} from "./chunks/chunk.3TYIEBZZ.js";
+} from "./chunks/chunk.SLGJ34KM.js";
 import {
   SdDivider
-} from "./chunks/chunk.CBB3P3NX.js";
+} from "./chunks/chunk.GFSU4Q7M.js";
 import {
   SdDrawer
-} from "./chunks/chunk.4YLFAOXI.js";
+} from "./chunks/chunk.ZCYYTGMW.js";
 import "./chunks/chunk.UFBRSKVR.js";
 import "./chunks/chunk.XHCTCU2Q.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdBadge
-} from "./chunks/chunk.SZP6EUOZ.js";
+} from "./chunks/chunk.5EBZIKYH.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.GG5P2ME5.js";
-import "./chunks/chunk.4ZXREC6Z.js";
+} from "./chunks/chunk.O7I7F6Q2.js";
+import "./chunks/chunk.H7LBUXAT.js";
 import {
   SdCarousel
-} from "./chunks/chunk.2A3BDUSF.js";
+} from "./chunks/chunk.6WYL4JXU.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import "./chunks/chunk.2LMWBUBT.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.63XS65LQ.js";
+} from "./chunks/chunk.F3R45NNC.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.74CY6CLD.js";
+} from "./chunks/chunk.B6IKQ26W.js";
 import {
   SdAccordion
-} from "./chunks/chunk.L62PLKYH.js";
+} from "./chunks/chunk.PVLYUNK7.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.EY4JPJJQ.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdAnimation
-} from "./chunks/chunk.V2ON3YL6.js";
+} from "./chunks/chunk.HYV22M4U.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.M3L4O32M.js";
+} from "./chunks/chunk.SIDHPKLE.js";
 import {
   SdButton
-} from "./chunks/chunk.CFJLB3HN.js";
+} from "./chunks/chunk.EEICCCWB.js";
 import {
   SdSpinner
-} from "./chunks/chunk.NXP37WVQ.js";
+} from "./chunks/chunk.3FCEMGCI.js";
 import "./chunks/chunk.KVKRZJS7.js";
 import "./chunks/chunk.YEZS5ZR2.js";
 import {
   SdIcon
-} from "./chunks/chunk.SML76IW6.js";
+} from "./chunks/chunk.TG3K5WND.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -177,7 +177,7 @@ import {
 import "./chunks/chunk.WEDOS4Q6.js";
 import "./chunks/chunk.CVCJY3ME.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.PTSJHOIB.js";
+import "./chunks/chunk.5TWLYNWT.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.DVFLNKVT.js";
-import "../chunks/chunk.PTSJHOIB.js";
+import "../chunks/chunk.YEECK5EL.js";
+import "../chunks/chunk.5TWLYNWT.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   setupAutocomplete

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "4.6.16",
+  "version": "4.6.17",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/_components/menu/menu.js

@@ -32,7 +32,7 @@ let SdMenu = class SdMenu extends SolidElement {
         if (item.type === 'checkbox') {
             item.checked = !item.checked;
         }
-        this.emit('sd-4-6-16-select', { detail: { item } });
+        this.emit('sd-4-6-17-select', { detail: { item } });
     }
     handleKeyDown(event) {
         if (event.key === 'Enter') {

package/dist-versioned/_components/menu/menu.styles.js

@@ -11,7 +11,7 @@ export default css `
     overscroll-behavior: none;
   }
 
-  ::slotted(sd-4-6-16-divider) {
+  ::slotted(sd-4-6-17-divider) {
     --spacing: var(--sd-spacing-x-small);
   }
 `;

package/dist-versioned/_components/menu-item/menu-item.js

@@ -74,7 +74,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <sd-4-6-16-icon name="check" library="system" aria-hidden="true"></sd-4-6-16-icon>
+          <sd-4-6-17-icon name="check" library="system" aria-hidden="true"></sd-4-6-17-icon>
         </span>
 
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -84,7 +84,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span class="menu-item__chevron">
-          <sd-4-6-16-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-6-16-icon>
+          <sd-4-6-17-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-6-17-icon>
         </span>
       </div>
     `;

package/dist-versioned/chunks/{chunk.MXKUHOD6.js → chunk.2B6KEGZJ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PTSJHOIB.js";
+} from "./chunk.5TWLYNWT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -84,7 +84,7 @@ var SdRadioButton = class extends SolidElement {
 };
 SdRadioButton.styles = [
   ...SolidElement.styles,
-  css`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-4-6-16-button-group__button--first:not(.sd-4-6-16-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-4-6-16-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-4-6-16-button-group__button--last:not(.sd-4-6-16-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-4-6-16-button-group__button:not(.sd-4-6-16-button-group__button--first)){margin-inline-start:-1px}:host(.sd-4-6-16-button-group__button--hover){z-index:10}:host(.sd-4-6-16-button-group__button--focus),:host(.sd-4-6-16-button-group__button[checked]){z-index:20}`
+  css`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-4-6-17-button-group__button--first:not(.sd-4-6-17-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-4-6-17-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-4-6-17-button-group__button--last:not(.sd-4-6-17-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-4-6-17-button-group__button:not(.sd-4-6-17-button-group__button--first)){margin-inline-start:-1px}:host(.sd-4-6-17-button-group__button--hover){z-index:10}:host(.sd-4-6-17-button-group__button--focus),:host(.sd-4-6-17-button-group__button[checked]){z-index:20}`
 ];
 __decorateClass([
   query(".button")
@@ -114,7 +114,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadioButton.prototype, "handleDisabledChange", 1);
 SdRadioButton = __decorateClass([
-  customElement("sd-4-6-16-radio-button")
+  customElement("sd-4-6-17-radio-button")
 ], SdRadioButton);
 
 export {

package/dist-versioned/chunks/{chunk.NXP37WVQ.js → chunk.3FCEMGCI.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PTSJHOIB.js";
+} from "./chunk.5TWLYNWT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -41,7 +41,7 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdSpinner.prototype, "color", 2);
 SdSpinner = __decorateClass([
-  customElement("sd-4-6-16-spinner")
+  customElement("sd-4-6-17-spinner")
 ], SdSpinner);
 
 export {

package/dist-versioned/chunks/{chunk.ZO5RJB5Z.js → chunk.4ASHVYWQ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PTSJHOIB.js";
+} from "./chunk.5TWLYNWT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -21,7 +21,7 @@ var SdTab = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-4-6-16-tab-${this.attrId}`;
+    this.componentId = `sd-4-6-17-tab-${this.attrId}`;
     this.hasSlotController = new HasSlotController(this, "left");
     this.variant = "default";
     this.active = false;
@@ -102,7 +102,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-4-6-16-tab")
+  customElement("sd-4-6-17-tab")
 ], SdTab);
 
 export {

package/dist-versioned/chunks/{chunk.PM6PUJVF.js → chunk.4RFDH3SL.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PTSJHOIB.js";
+} from "./chunk.5TWLYNWT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -118,7 +118,7 @@ var SdCheckbox = class extends SolidElement {
   render() {
     const checkboxState = this.disabled && this.indeterminate ? "disabledIndeterminate" : this.disabled && this.checked ? "disabledChecked" : this.disabled ? "disabled" : this.visuallyDisabled ? "visuallyDisabled" : this.showInvalidStyle && this.indeterminate ? "invalidIndeterminate" : this.showInvalidStyle ? "invalid" : this.checked || this.indeterminate ? "filled" : "default";
     return html`<label part="base" class="${cx(
-      "sd-4-6-16-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
+      "sd-4-6-17-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
       (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
       {
         /* sizes, fonts */
@@ -144,7 +144,7 @@ var SdCheckbox = class extends SolidElement {
         filled: "border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",
         default: "border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
       }[checkboxState]
-    )}">${this.checked ? html`<sd-4-6-16-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-6-16-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-4-6-16-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-4-6-16-icon>` : ""} </span><span part="label" id="label" class="${cx(
+    )}">${this.checked ? html`<sd-4-6-17-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-6-17-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-4-6-17-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-4-6-17-icon>` : ""} </span><span part="label" id="label" class="${cx(
       "select-none inline-block ml-2",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "text-black"
     )}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`;
@@ -206,7 +206,7 @@ __decorateClass([
   watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
 ], SdCheckbox.prototype, "handleStateChange", 1);
 SdCheckbox = __decorateClass([
-  customElement("sd-4-6-16-checkbox")
+  customElement("sd-4-6-17-checkbox")
 ], SdCheckbox);
 
 export {

package/dist-versioned/chunks/{chunk.SZP6EUOZ.js → chunk.5EBZIKYH.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PTSJHOIB.js";
+} from "./chunk.5TWLYNWT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -43,7 +43,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdBadge.prototype, "inverted", 2);
 SdBadge = __decorateClass([
-  customElement("sd-4-6-16-badge")
+  customElement("sd-4-6-17-badge")
 ], SdBadge);
 
 export {

package/dist-versioned/chunks/{chunk.SYCJWHFY.js → chunk.5FSG57H2.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PTSJHOIB.js";
+} from "./chunk.5TWLYNWT.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -90,7 +90,7 @@ __decorateClass([
   debounce(100)
 ], SdHeader.prototype, "onResize", 1);
 SdHeader = __decorateClass([
-  customElement("sd-4-6-16-header")
+  customElement("sd-4-6-17-header")
 ], SdHeader);
 
 export {