@solid-design-system/components 5.15.13 → 5.16.0

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-15-13-button';
+            const isButton = this.host.tagName.toLowerCase() === 'sd-5-16-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-15-13-radio-group');
+                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-5-16-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-15-13-input'],
+            assumeInteractionOn: ['sd-5-16-0-input'],
             ...options
         };
     }

package/dist-versioned/solid-components.css

@@ -37,13 +37,13 @@
     inset-inline-start: 50%;
 }
 
-.sd-toast-stack sd-5-15-13-notification::part(wrapper) {
+.sd-toast-stack sd-5-16-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-15-13-notification::part(content) {
+.sd-toast-stack sd-5-16-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

@@ -12,6 +12,7 @@ export { default as SdCarouselItem } from './components/carousel-item/carousel-i
 export { default as SdCheckbox } from './components/checkbox/checkbox.js';
 export { default as SdCheckboxGroup } from './components/checkbox-group/checkbox-group.js';
 export { default as SdCombobox } from './components/combobox/combobox.js';
+export { default as SdDatepicker } from './components/datepicker/datepicker.js';
 export { default as SdDialog } from './components/dialog/dialog.js';
 export { default as SdDivider } from './components/divider/divider.js';
 export { default as SdDrawer } from './components/drawer/drawer.js';

package/dist-versioned/solid-components.js

@@ -1,207 +1,211 @@
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdTooltip
+} from "./chunks/chunk.7NMITUVG.js";
 import {
   SdVideo
-} from "./chunks/chunk.Z2RQUXP5.js";
+} from "./chunks/chunk.UZJYHOUF.js";
 import {
   setupAutocomplete
 } from "./chunks/chunk.6DKXZWRN.js";
+import {
+  SdSwitch
+} from "./chunks/chunk.ANHOKJEV.js";
 import {
   SdTab
-} from "./chunks/chunk.Q44CB3ZY.js";
+} from "./chunks/chunk.ISE4B3UP.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.4D3N4MVV.js";
+} from "./chunks/chunk.FBXO7EOO.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.PPVX563E.js";
+} from "./chunks/chunk.U4FKNEVJ.js";
 import {
   SdTeaser
-} from "./chunks/chunk.A2M7C3CD.js";
+} from "./chunks/chunk.G6YNGJXE.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.AKPCSVRG.js";
+} from "./chunks/chunk.CPHWIPH2.js";
 import {
   SdTextarea
-} from "./chunks/chunk.RRNLIX2S.js";
+} from "./chunks/chunk.CRVR6VBF.js";
 import {
-  SdTooltip
-} from "./chunks/chunk.IAL4GVA4.js";
+  SdRange
+} from "./chunks/chunk.AOIMBF2P.js";
+import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.CFBWKOJD.js";
+} from "./chunks/chunk.UQ2FRZQO.js";
 import {
   SdScrollable
-} from "./chunks/chunk.DHRQZSXG.js";
+} from "./chunks/chunk.KBIB4MJU.js";
 import {
   SdSelect
-} from "./chunks/chunk.5YOGUSPL.js";
+} from "./chunks/chunk.4DKQ5DUX.js";
 import {
   SdSpinner
-} from "./chunks/chunk.PRTWW2BW.js";
+} from "./chunks/chunk.TJAH7CZZ.js";
 import {
   SdStep
-} from "./chunks/chunk.TKJFMHFU.js";
+} from "./chunks/chunk.U7KIN2H4.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.JOYITBGJ.js";
+} from "./chunks/chunk.TA3Q3RO5.js";
 import {
-  SdSwitch
-} from "./chunks/chunk.S3BSVYPB.js";
+  SdNotification
+} from "./chunks/chunk.G4KMETYR.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.M5FO7PXK.js";
+} from "./chunks/chunk.NYNRID2W.js";
 import {
   SdOption
-} from "./chunks/chunk.DQ6G3W3V.js";
+} from "./chunks/chunk.37XRQIZW.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.45BEUHRF.js";
+} from "./chunks/chunk.GS3K7X5A.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.I7VRBYGO.js";
+} from "./chunks/chunk.W6OLVW5U.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.6MHK4U6F.js";
+} from "./chunks/chunk.R3WIWFML.js";
 import {
   SdRadio
-} from "./chunks/chunk.IUS3S54L.js";
+} from "./chunks/chunk.OPE5GNB3.js";
 import {
-  SdRange
-} from "./chunks/chunk.HOXI77KQ.js";
-import "./chunks/chunk.D3YSIVTB.js";
+  SdInput
+} from "./chunks/chunk.I6JQ5KYH.js";
 import {
   SdLink
-} from "./chunks/chunk.BUFXMACO.js";
+} from "./chunks/chunk.ELJG6ONZ.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.QAJG6PYM.js";
+} from "./chunks/chunk.43XTYAXK.js";
 import {
   SdMenu
-} from "./chunks/chunk.JM3YRKVA.js";
+} from "./chunks/chunk.2QFS5F7C.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.SJPDNEHE.js";
+} from "./chunks/chunk.SRRTSVBT.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.TIBLXIJV.js";
-import {
-  SdNotification
-} from "./chunks/chunk.AYDMEA3C.js";
+} from "./chunks/chunk.METZLKQO.js";
 import {
   SdInclude
-} from "./chunks/chunk.34OZXOJP.js";
+} from "./chunks/chunk.EC2EIUQN.js";
 import {
-  SdInput
-} from "./chunks/chunk.6ITI3HNP.js";
+  SdDatepicker
+} from "./chunks/chunk.5YYD3XUK.js";
+import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.23KFQ6DK.js";
+} from "./chunks/chunk.NQFBYJXY.js";
 import {
   SdDivider
-} from "./chunks/chunk.JMHQQHEP.js";
+} from "./chunks/chunk.UXR6K7WW.js";
 import {
   SdDropdown
-} from "./chunks/chunk.JTKHYOJO.js";
+} from "./chunks/chunk.YCD37QIH.js";
 import {
   SdExpandable
-} from "./chunks/chunk.7UTPAUSQ.js";
+} from "./chunks/chunk.KBX2ADXN.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.QZBSHWMK.js";
+} from "./chunks/chunk.N4YJM52U.js";
 import {
   SdHeader
-} from "./chunks/chunk.T6DXPJAI.js";
+} from "./chunks/chunk.TCY3KZFP.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.SDWNASDC.js";
+} from "./chunks/chunk.O6BPWUAI.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.KVLD4JWK.js";
+} from "./chunks/chunk.XVU4LMYA.js";
 import {
   SdCombobox
-} from "./chunks/chunk.T2AOG5F2.js";
+} from "./chunks/chunk.KZKUV72U.js";
 import {
   SdTag
-} from "./chunks/chunk.HP7WJYO4.js";
+} from "./chunks/chunk.PZM2MI2Z.js";
 import {
   SdPopup
-} from "./chunks/chunk.E57K3AFR.js";
+} from "./chunks/chunk.IE7OO2E4.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.VMVBXZ2U.js";
+} from "./chunks/chunk.6OBEXEX2.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.R735ROML.js";
+} from "./chunks/chunk.DGFZBND5.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.PHHK74M7.js";
+} from "./chunks/chunk.RVAUDUOG.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.MBFZWG5H.js";
-import "./chunks/chunk.WWBNZDY7.js";
+} from "./chunks/chunk.24MGFJCN.js";
+import "./chunks/chunk.CB3KJDCJ.js";
 import {
   SdCarousel
-} from "./chunks/chunk.AKX7VXML.js";
+} from "./chunks/chunk.6UOJOJVF.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.SE4CTFYY.js";
+} from "./chunks/chunk.GM6L2JR4.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.QDZS6M4T.js";
+} from "./chunks/chunk.AMBYSMYI.js";
 import {
   SdAccordion
-} from "./chunks/chunk.NVXUSMMW.js";
+} from "./chunks/chunk.DZRWUZL3.js";
 import {
   SdAnimation
-} from "./chunks/chunk.UAVNEMEF.js";
+} from "./chunks/chunk.OVSM5TSF.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.PEAIITW7.js";
+} from "./chunks/chunk.YIYE5U7I.js";
 import {
   SdDrawer
-} from "./chunks/chunk.TMWT3ROD.js";
+} from "./chunks/chunk.VYJ3FE2D.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.RAYANOK2.js";
+} from "./chunks/chunk.S5NWG4DM.js";
 import {
   SdLoader
-} from "./chunks/chunk.WZZP5YIS.js";
+} from "./chunks/chunk.II2J5YTZ.js";
 import "./chunks/chunk.XCQC3F3H.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.HYPCYXQP.js";
+} from "./chunks/chunk.B4QMHIQU.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.5FANE6X5.js";
+} from "./chunks/chunk.UVOGBJGP.js";
 import "./chunks/chunk.7VPFFNHR.js";
-import "./chunks/chunk.5SNCWTQU.js";
+import "./chunks/chunk.QSQRQKYT.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
 import {
   LocalizeController
 } from "./chunks/chunk.X3FE7OHE.js";
-import "./chunks/chunk.HIAKAB7R.js";
-import "./chunks/chunk.7VEM2IPR.js";
+import "./chunks/chunk.ID6DABAJ.js";
+import "./chunks/chunk.3S7EW72P.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.IRZ3M2OA.js";
+import "./chunks/chunk.OIQ2TZCT.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -221,6 +225,7 @@ export {
   SdCheckbox,
   SdCheckboxGroup,
   SdCombobox,
+  SdDatepicker,
   SdDialog,
   SdDivider,
   SdDrawer,

package/dist-versioned/translations/de.js

@@ -1,6 +1,6 @@
 import {
   de_default
-} from "../chunks/chunk.HIAKAB7R.js";
+} from "../chunks/chunk.ID6DABAJ.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.7VEM2IPR.js";
+} from "../chunks/chunk.3S7EW72P.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.E57K3AFR.js";
-import "../chunks/chunk.IRZ3M2OA.js";
+import "../chunks/chunk.IE7OO2E4.js";
+import "../chunks/chunk.OIQ2TZCT.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -0,0 +1,9 @@
+export declare const DateUtils: {
+    startOfDayLocal: (d: Date) => Date;
+    isSameDay: (a: Date | null, b: Date | null) => boolean;
+    clampDateToMonth: (d: Date, monthRef: Date) => Date;
+    toLocalISODate: (d: Date) => string;
+    parseLocalISO: (iso: string | null) => Date | null;
+    compareDates: (a: Date, b: Date) => number;
+    isBetweenInclusive: (d: Date, a: Date, b: Date) => boolean;
+};

package/dist-versioned/utilities/date.js

@@ -0,0 +1,7 @@
+import {
+  DateUtils
+} from "../chunks/chunk.CDM2I6O2.js";
+import "../chunks/chunk.S3NI7NKU.js";
+export {
+  DateUtils
+};

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

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.5FANE6X5.js";
+} from "../chunks/chunk.UVOGBJGP.js";
 import "../chunks/chunk.7VPFFNHR.js";
-import "../chunks/chunk.5SNCWTQU.js";
+import "../chunks/chunk.QSQRQKYT.js";
 import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -28,6 +28,12 @@ export interface Translation extends DefaultTranslation {
     comboboxDefaultPlaceholder: string;
     copy: string;
     currentValue: string;
+    datePicker: string;
+    datePickerInfo: string;
+    datePickerRange: string;
+    datePlaceholder: string;
+    dateRangePlaceholder: string;
+    endDateSelected: string;
     expandNavigationItem: string;
     goToSlide: (slide: number, count: number) => string;
     hidePassword: string;
@@ -35,7 +41,9 @@ export interface Translation extends DefaultTranslation {
     maximum: string;
     minimum: string;
     mute: string;
+    nextMonth: string;
     nextSlide: string;
+    nextYear: string;
     noResults: string;
     notifications: string;
     numOptionsSelected: (num: number) => string;
@@ -46,7 +54,9 @@ export interface Translation extends DefaultTranslation {
     playAudio: string;
     playbackSpeed: string;
     playVideo: string;
+    previousMonth: string;
     previousSlide: string;
+    previousYear: string;
     progress: string;
     remove: string;
     removed: (name: string) => string;
@@ -55,14 +65,17 @@ export interface Translation extends DefaultTranslation {
     scrollToEnd: string;
     scrollToStart: string;
     search: string;
-    seekBar: string;
     seconds: (time: number) => string;
+    seekBar: string;
     selectAColorFromTheScreen: string;
     selectDefaultPlaceholder: string;
+    selected: string;
+    selectionCleared: string;
     showLess: string;
     showMore: string;
     showPassword: string;
     slideNum: (slide: number, count: number) => string;
+    startDateSelected: string;
     tagsSelected: string;
     toggleColorFormat: string;
     transcriptIsOpen: string;

package/dist-versioned/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController
 } from "../chunks/chunk.X3FE7OHE.js";
-import "../chunks/chunk.HIAKAB7R.js";
-import "../chunks/chunk.7VEM2IPR.js";
+import "../chunks/chunk.ID6DABAJ.js";
+import "../chunks/chunk.3S7EW72P.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController