@solid-design-system/components 5.6.0 → 5.8.0

package/dist-versioned/internal/deep-closest-element.d.ts

@@ -0,0 +1 @@
+export declare function deepClosestElement(element: HTMLElement, selector: string): Element | null;

package/dist-versioned/internal/deep-closest-element.js

@@ -0,0 +1,18 @@
+export function deepClosestElement(element, selector) {
+    let current = element;
+    while (current) {
+        if (current.matches(selector)) {
+            return current;
+        }
+        if (current.parentElement) {
+            current = current.parentElement;
+        }
+        else if (current.parentNode instanceof ShadowRoot) {
+            current = current.parentNode.host;
+        }
+        else {
+            break;
+        }
+    }
+    return null;
+}

package/dist-versioned/internal/form.js

@@ -9,7 +9,7 @@ export class FormControlController {
             const disabled = this.options.disabled(this.host);
             const name = this.options.name(this.host);
             const value = this.options.value(this.host);
-            const isButton = this.host.tagName.toLowerCase() === 'sd-5-6-0-button';
+            const isButton = this.host.tagName.toLowerCase() === 'sd-5-8-0-button';
             if (!disabled && !isButton && typeof name === 'string' && name.length > 0 && typeof value !== 'undefined') {
                 if (Array.isArray(value)) {
                     value.forEach(val => {
@@ -33,7 +33,7 @@ export class FormControlController {
                 event.preventDefault();
                 event.stopImmediatePropagation();
                 const invalidElements = this.form?.querySelectorAll('[data-invalid]');
-                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-5-6-0-radio-group');
+                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-5-8-0-radio-group');
                 sdRadioGroups.forEach(radioGroup => {
                     radioGroup.shadowRoot?.querySelector('input')?.dispatchEvent(new Event('invalid'));
                 });
@@ -76,7 +76,7 @@ export class FormControlController {
             disabled: input => input.disabled ?? false,
             reportValidity: input => (typeof input.reportValidity === 'function' ? input.reportValidity() : true),
             setValue: (input, value) => (input.value = value),
-            assumeInteractionOn: ['sd-5-6-0-input'],
+            assumeInteractionOn: ['sd-5-8-0-input'],
             ...options
         };
     }

package/dist-versioned/solid-components.css

@@ -37,13 +37,13 @@
     inset-inline-start: 50%;
 }
 
-.sd-toast-stack sd-5-6-0-notification::part(wrapper) {
+.sd-toast-stack sd-5-8-0-notification::part(wrapper) {
   --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));
   --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.sd-toast-stack sd-5-6-0-notification::part(content) {
+.sd-toast-stack sd-5-8-0-notification::part(content) {
   --tw-border-opacity: 1;
   border-color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-border-opacity, 1)) /* Used for buttons, inverted focus state */;
 }

package/dist-versioned/solid-components.d.ts

@@ -46,6 +46,8 @@ export { default as SdTeaserMedia } from './components/teaser-media/teaser-media
 export { default as SdTextarea } from './components/textarea/textarea.js';
 export { default as SdTooltip } from './components/tooltip/tooltip.js';
 export { default as SdVideo } from './components/video/video.js';
+export { default as SdBreadcrumb } from './components/breadcrumb/breadcrumb.js';
+export { default as SdBreadcrumbItem } from './components/breadcrumb-item/breadcrumb-item.js';
 export * from './utilities/icon-library';
 export * from './utilities/localize';
 export * from './utilities/autocomplete-config';

package/dist-versioned/solid-components.js

@@ -1,184 +1,190 @@
+import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdTooltip
+} from "./chunks/chunk.2BDWN26F.js";
+import {
+  SdVideo
+} from "./chunks/chunk.PK4OGH3M.js";
 import {
   setupAutocomplete
 } from "./chunks/chunk.6DKXZWRN.js";
-import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdSwitch
+} from "./chunks/chunk.7MAASMDW.js";
+import {
+  SdTab
+} from "./chunks/chunk.J2R4HF6O.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.PB4C4QSB.js";
+} from "./chunks/chunk.L7XW5PYI.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.CM5UUKM4.js";
+} from "./chunks/chunk.IUAN7YQ4.js";
 import {
   SdTeaser
-} from "./chunks/chunk.YUXACDFP.js";
+} from "./chunks/chunk.PYH33SDH.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.ISKBRYU2.js";
+} from "./chunks/chunk.U62FIAJ5.js";
 import {
   SdTextarea
-} from "./chunks/chunk.4BSIESXO.js";
-import {
-  SdTooltip
-} from "./chunks/chunk.FIHROP3X.js";
+} from "./chunks/chunk.ZC5TZTGP.js";
 import {
-  SdVideo
-} from "./chunks/chunk.OUXBV3ZI.js";
+  SdRadioButton
+} from "./chunks/chunk.U7SCAMCN.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.QTRNM73B.js";
+} from "./chunks/chunk.GRJDOPAS.js";
+import {
+  SdRadio
+} from "./chunks/chunk.VTMF55NN.js";
 import {
   SdScrollable
-} from "./chunks/chunk.HJN7RI3V.js";
+} from "./chunks/chunk.BGJVVJYW.js";
 import {
   SdSelect
-} from "./chunks/chunk.NQLGMP2D.js";
+} from "./chunks/chunk.2W7NHUH7.js";
 import {
   SdStep
-} from "./chunks/chunk.TSGNJ5GP.js";
+} from "./chunks/chunk.UTHJPWMF.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.FSL676RI.js";
+} from "./chunks/chunk.G7LKDW7D.js";
 import {
-  SdSwitch
-} from "./chunks/chunk.KTWITSMU.js";
+  SdLink
+} from "./chunks/chunk.BFV6FVEH.js";
 import {
-  SdTab
-} from "./chunks/chunk.2Z3PTZDF.js";
+  SdMapMarker
+} from "./chunks/chunk.56KFGJVD.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.QGQB5JS7.js";
+} from "./chunks/chunk.FAY52O5K.js";
 import {
   SdNotification
-} from "./chunks/chunk.IF3LSW7O.js";
+} from "./chunks/chunk.NC2M2T2Q.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.SOHUYJIV.js";
+} from "./chunks/chunk.ZTR5JB55.js";
 import {
   SdOption
-} from "./chunks/chunk.HIAESSS3.js";
+} from "./chunks/chunk.ZD3I7DCU.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.KUULYGHN.js";
-import {
-  SdRadio
-} from "./chunks/chunk.SHLIEXLI.js";
-import {
-  SdRadioButton
-} from "./chunks/chunk.W4IVOSZQ.js";
+} from "./chunks/chunk.2CQI5LE4.js";
 import {
   SdInclude
-} from "./chunks/chunk.UH3CRACY.js";
+} from "./chunks/chunk.BHEBFVOB.js";
 import {
   SdInput
-} from "./chunks/chunk.ATBHSXHW.js";
+} from "./chunks/chunk.5KVES6PS.js";
 import {
-  SdLink
-} from "./chunks/chunk.GABDY4S6.js";
+  SdDialog
+} from "./chunks/chunk.TQRMINMT.js";
 import {
-  SdMapMarker
-} from "./chunks/chunk.MUUF45Z6.js";
+  SdDivider
+} from "./chunks/chunk.CRGWQRUO.js";
 import {
   SdDropdown
-} from "./chunks/chunk.WYCBGTC3.js";
+} from "./chunks/chunk.AGJBHOHC.js";
 import {
   SdExpandable
-} from "./chunks/chunk.UWXGXWKM.js";
+} from "./chunks/chunk.H7FP247H.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.H3K5PQJU.js";
+} from "./chunks/chunk.SO2HIZUP.js";
 import {
   SdHeader
-} from "./chunks/chunk.H3OKMVXK.js";
+} from "./chunks/chunk.7UEOJL4C.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.7ASLASKF.js";
+} from "./chunks/chunk.CU3SNWRP.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.7LIXWEBN.js";
+} from "./chunks/chunk.XX3FTPX7.js";
 import {
   SdCombobox
-} from "./chunks/chunk.NE5RAPHM.js";
+} from "./chunks/chunk.5ZNZ5OFS.js";
 import {
   SdTag
-} from "./chunks/chunk.MFEHVTR6.js";
+} from "./chunks/chunk.ZZZHB23N.js";
 import {
   SdPopup
-} from "./chunks/chunk.JBZMLWDZ.js";
+} from "./chunks/chunk.FQ65C655.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
-import {
-  SdDialog
-} from "./chunks/chunk.WOD4JUKH.js";
-import {
-  SdDivider
-} from "./chunks/chunk.MM3ZPOVU.js";
 import {
   SdBadge
-} from "./chunks/chunk.DWOWPIFO.js";
+} from "./chunks/chunk.C3QUN3CW.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.Q35RRIOR.js";
-import "./chunks/chunk.BZMDW7E4.js";
+} from "./chunks/chunk.ONBBO64D.js";
 import {
-  SdCarousel
-} from "./chunks/chunk.6A4EY2BW.js";
+  SdBreadcrumb
+} from "./chunks/chunk.PCHDKK7W.js";
 import {
-  SdCarouselItem
-} from "./chunks/chunk.BIWX4AXS.js";
-import "./chunks/chunk.F4VGSDIW.js";
+  SdBreadcrumbItem
+} from "./chunks/chunk.ECTYRNKF.js";
+import "./chunks/chunk.PBSF5V4E.js";
+import {
+  SdCarousel
+} from "./chunks/chunk.5IM5U5QH.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
+import {
+  SdCarouselItem
+} from "./chunks/chunk.WK2T7YB4.js";
+import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.D23TODRF.js";
+} from "./chunks/chunk.GWQANU5I.js";
 import {
   SdAccordion
-} from "./chunks/chunk.ABTFDUXB.js";
+} from "./chunks/chunk.7ZNUQOKK.js";
 import {
   SdAnimation
-} from "./chunks/chunk.YCPALMH3.js";
+} from "./chunks/chunk.374V27WG.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.SNWCQACO.js";
+} from "./chunks/chunk.VOSWJX2Z.js";
 import {
   SdDrawer
-} from "./chunks/chunk.EAFZSO6J.js";
+} from "./chunks/chunk.DHECGUIH.js";
 import "./chunks/chunk.SF6AUNJF.js";
-import "./chunks/chunk.UFBRSKVR.js";
-import "./chunks/chunk.XHCTCU2Q.js";
+import "./chunks/chunk.EDMG7C5H.js";
+import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.YQYNXABC.js";
+} from "./chunks/chunk.3IFUYWCQ.js";
 import {
   SdSpinner
-} from "./chunks/chunk.OOCDLYKD.js";
+} from "./chunks/chunk.XNHIGD4G.js";
 import "./chunks/chunk.KVKRZJS7.js";
 import "./chunks/chunk.YEZS5ZR2.js";
 import "./chunks/chunk.N4LHE3QK.js";
+import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.6Q5PHGOX.js";
+} from "./chunks/chunk.UA3G5555.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.KQKYMBS7.js";
+} from "./chunks/chunk.KZMSCSWH.js";
+import "./chunks/chunk.7VPFFNHR.js";
+import "./chunks/chunk.Z7IN7NPU.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
-import "./chunks/chunk.7VPFFNHR.js";
-import "./chunks/chunk.YNSZZDYQ.js";
 import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
-import "./chunks/chunk.CVCJY3ME.js";
-import "./chunks/chunk.WEDOS4Q6.js";
-import "./chunks/chunk.B4BZKR24.js";
+import "./chunks/chunk.2G46ORZ2.js";
+import "./chunks/chunk.ZC7XGWJ6.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.NM4SNSEF.js";
+import "./chunks/chunk.X6WRFCHO.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -190,6 +196,8 @@ export {
   SdAudio,
   SdBadge,
   SdBrandshape,
+  SdBreadcrumb,
+  SdBreadcrumbItem,
   SdButton,
   SdCarousel,
   SdCarouselItem,

package/dist-versioned/translations/de.js

@@ -1,6 +1,6 @@
 import {
   de_default
-} from "../chunks/chunk.CVCJY3ME.js";
+} from "../chunks/chunk.2G46ORZ2.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   de_default as default

package/dist-versioned/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.WEDOS4Q6.js";
+} from "../chunks/chunk.ZC7XGWJ6.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   en_default as default

package/dist-versioned/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.JBZMLWDZ.js";
-import "../chunks/chunk.NM4SNSEF.js";
+import "../chunks/chunk.FQ65C655.js";
+import "../chunks/chunk.X6WRFCHO.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/utilities/icon-library.js

@@ -2,10 +2,10 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.KQKYMBS7.js";
-import "../chunks/chunk.4TPOL3LB.js";
+} from "../chunks/chunk.KZMSCSWH.js";
 import "../chunks/chunk.7VPFFNHR.js";
-import "../chunks/chunk.YNSZZDYQ.js";
+import "../chunks/chunk.Z7IN7NPU.js";
+import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   registerIconLibrary,

package/dist-versioned/utilities/localize.d.ts

@@ -63,5 +63,6 @@ export interface Translation extends DefaultTranslation {
     tagsSelected: string;
     toggleColorFormat: string;
     transcriptIsOpen: string;
+    truncatedBreadcrumbs: string;
     unmute: string;
 }

package/dist-versioned/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController
 } from "../chunks/chunk.YKM42GKF.js";
-import "../chunks/chunk.CVCJY3ME.js";
-import "../chunks/chunk.WEDOS4Q6.js";
+import "../chunks/chunk.2G46ORZ2.js";
+import "../chunks/chunk.ZC7XGWJ6.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController