@solid-design-system/components 6.0.0-next.1 → 6.0.0-next.2

package/dist/internal/solid-element.d.ts

@@ -2,10 +2,12 @@ import { LitElement } from 'lit';
 export default class SolidElement extends LitElement {
     dir: 'ltr' | 'rtl' | 'auto';
     lang: string;
-    private themeObserver?;
-    protected onThemeChange?(theme: string): void;
+    protected onThemeChange?(e: CustomEvent<{
+        theme: string;
+    }>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     static styles: import("lit").CSSResult[];
-    constructor();
     emit(name: string, options?: CustomEventInit): CustomEvent<any>;
     token<T>(name: string, fallback: T): T;
 }

package/dist/internal/solid-element.js

@@ -7,12 +7,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { cssVar, parseDuration } from './animate';
 import { LitElement, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ThemeObserver } from './theme-observer';
 const css = unsafeCSS;
 const tokenProcessors = {
     'sd-duration': (value) => parseDuration(value)
 };
 export default class SolidElement extends LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.onThemeChange)
+            return;
+        this.renderRoot.addEventListener('sd-theme-change', this.onThemeChange.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (!this.onThemeChange)
+            return;
+        this.renderRoot.removeEventListener('sd-theme-change', this.onThemeChange.bind(this));
+    }
     static { this.styles = [
         css `
       @import '../styles/src/modules/interactive.css';
@@ -82,13 +93,6 @@ export default class SolidElement extends LitElement {
       }
     `
     ]; }
-    constructor() {
-        super();
-        if (!this.onThemeChange)
-            return;
-        this.themeObserver = new ThemeObserver(this, this.onThemeChange.bind(this));
-        this.themeObserver.connect();
-    }
     emit(name, options) {
         const event = new CustomEvent(name, {
             bubbles: true,

package/dist/solid-components.css

@@ -1,5 +1,6 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer properties;
+@layer theme, base, components, utilities;
 .sd-scroll-lock {
   padding-right: var(--sd-scroll-lock-size) !important;
   overflow: hidden !important;

package/dist/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/solid-components.js

@@ -1,210 +1,214 @@
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdThemeListener
+} from "./chunks/chunk.EORXKFFT.js";
 import {
   SdTooltip
-} from "./chunks/chunk.FJEGV6DM.js";
+} from "./chunks/chunk.RZGUWSF6.js";
 import {
   SdVideo
-} from "./chunks/chunk.L3TUGUA6.js";
+} from "./chunks/chunk.PF4UKMOY.js";
 import {
   setupAutocomplete
-} from "./chunks/chunk.MPS7DDJJ.js";
+} from "./chunks/chunk.AAY5JRCW.js";
+import {
+  SdSwitch
+} from "./chunks/chunk.2ER4MXZC.js";
 import {
   SdTab
-} from "./chunks/chunk.WZUYGJSJ.js";
+} from "./chunks/chunk.ZXOKRAZP.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.QM6BYZJR.js";
+} from "./chunks/chunk.TXNCIVE5.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.32E2WNUE.js";
+} from "./chunks/chunk.DFQ2QJI5.js";
 import {
   SdTeaser
-} from "./chunks/chunk.SRU7VSQX.js";
+} from "./chunks/chunk.PJOYWTXL.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.XUGEMNQZ.js";
+} from "./chunks/chunk.WSXRRFIW.js";
 import {
   SdTextarea
-} from "./chunks/chunk.HKQXWZ7G.js";
+} from "./chunks/chunk.WTFF4KWO.js";
 import {
-  SdThemeListener
-} from "./chunks/chunk.T3HLE2UR.js";
+  SdRange
+} from "./chunks/chunk.XNEWFPWE.js";
+import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.NXQQ337Y.js";
+} from "./chunks/chunk.ANYT6TR4.js";
 import {
   SdScrollable
-} from "./chunks/chunk.P3TSBTFH.js";
+} from "./chunks/chunk.SIUXYHUU.js";
 import {
   SdSelect
-} from "./chunks/chunk.V2J3RAY6.js";
+} from "./chunks/chunk.CR5C6OL5.js";
 import {
   SdSpinner
-} from "./chunks/chunk.4ILI3XGP.js";
+} from "./chunks/chunk.NK5K5MMW.js";
 import {
   SdStep
-} from "./chunks/chunk.SKOPFWCQ.js";
+} from "./chunks/chunk.5ZRRM6UH.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.CP4YEFPU.js";
+} from "./chunks/chunk.QJ2PELD5.js";
 import {
-  SdSwitch
-} from "./chunks/chunk.I7OXSYXU.js";
+  SdNotification
+} from "./chunks/chunk.A3YMYTLW.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.PCJVXPPB.js";
+} from "./chunks/chunk.FMSAUZWF.js";
 import {
   SdOption
-} from "./chunks/chunk.CWHFEZQY.js";
+} from "./chunks/chunk.5D7C4MXB.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.G3MAHVJA.js";
+} from "./chunks/chunk.YLQNXR3G.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.BV5PXCAM.js";
+} from "./chunks/chunk.ZRJRFFVA.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.X6YLTXVX.js";
+} from "./chunks/chunk.AEFLWSEK.js";
 import {
   SdRadio
-} from "./chunks/chunk.ACNKTEJM.js";
+} from "./chunks/chunk.VN6V46I7.js";
 import {
-  SdRange
-} from "./chunks/chunk.ULD7FBSL.js";
-import "./chunks/chunk.D3YSIVTB.js";
+  SdInput
+} from "./chunks/chunk.O6OCXI2L.js";
 import {
   SdLink
-} from "./chunks/chunk.RC3XRXWM.js";
+} from "./chunks/chunk.TIOVWVCD.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.WFMQUAS5.js";
+} from "./chunks/chunk.MB47FVBP.js";
 import {
   SdMenu
-} from "./chunks/chunk.Z4YIKXCF.js";
+} from "./chunks/chunk.UIXXR3N5.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.IN5XJAGY.js";
+} from "./chunks/chunk.MFE2NCVX.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.FGUKF4CR.js";
-import {
-  SdNotification
-} from "./chunks/chunk.24UVKYTF.js";
+} from "./chunks/chunk.DJ3WYVWV.js";
 import {
   SdInclude
-} from "./chunks/chunk.G3OXXGZX.js";
+} from "./chunks/chunk.YBIM4TC7.js";
 import {
-  SdInput
-} from "./chunks/chunk.262GD5RA.js";
+  SdDatepicker
+} from "./chunks/chunk.NKPJM2WV.js";
+import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.D3JBFWTU.js";
+} from "./chunks/chunk.OBQTYYBW.js";
 import {
   SdDivider
-} from "./chunks/chunk.XULVG6IQ.js";
+} from "./chunks/chunk.FPMNMEXR.js";
 import {
   SdDropdown
-} from "./chunks/chunk.TRV5UURW.js";
+} from "./chunks/chunk.662O4CMZ.js";
 import {
   SdExpandable
-} from "./chunks/chunk.B4UN2MRL.js";
+} from "./chunks/chunk.QHUH3UZT.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.FFCOP3ME.js";
+} from "./chunks/chunk.E7L2RBML.js";
 import {
   SdHeader
-} from "./chunks/chunk.EH3YK63Y.js";
+} from "./chunks/chunk.5WAWAUSM.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.XT3GA2SZ.js";
+} from "./chunks/chunk.OK3VBJRJ.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.AAMFU5FW.js";
+} from "./chunks/chunk.U7ASTWXS.js";
 import {
   SdCombobox
-} from "./chunks/chunk.KBLWHFHC.js";
+} from "./chunks/chunk.SZDLCBRQ.js";
 import {
   SdTag
-} from "./chunks/chunk.574X7EC7.js";
+} from "./chunks/chunk.F4A7G427.js";
 import {
   SdPopup
-} from "./chunks/chunk.MUM2CTNK.js";
+} from "./chunks/chunk.NCZBBZOR.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.MVKWMVHE.js";
+} from "./chunks/chunk.ZBAABZKL.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.ZI6VDRWN.js";
+} from "./chunks/chunk.7XXRAMBH.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.M3VM2DRF.js";
+} from "./chunks/chunk.7RSL7EOY.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.UVKMYODH.js";
-import "./chunks/chunk.DIONFQNX.js";
+} from "./chunks/chunk.4FY6QRJ7.js";
+import "./chunks/chunk.BFDY2E6R.js";
 import {
   SdCarousel
-} from "./chunks/chunk.T4UP6Y4D.js";
+} from "./chunks/chunk.M5EPD6OZ.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.QIWTRSHI.js";
+} from "./chunks/chunk.WSXDUNN7.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.2LW2TIND.js";
+} from "./chunks/chunk.WSRHW32L.js";
 import {
   SdAccordion
-} from "./chunks/chunk.WC5FU2I2.js";
+} from "./chunks/chunk.4CD5TTGT.js";
 import {
   SdAnimation
-} from "./chunks/chunk.G6T2S742.js";
+} from "./chunks/chunk.3BVNSUFD.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.XQ6ZMO6V.js";
+} from "./chunks/chunk.CT4BIUEI.js";
 import {
   SdDrawer
-} from "./chunks/chunk.APBFYE35.js";
+} from "./chunks/chunk.RIWKWSAL.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.OLIBLXE5.js";
+} from "./chunks/chunk.N5XK43AK.js";
 import {
   SdLoader
-} from "./chunks/chunk.WKRNHLCB.js";
+} from "./chunks/chunk.HB45IF2T.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.CNNLNYSJ.js";
+} from "./chunks/chunk.5H7CWETG.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.6LDBZ4S7.js";
+} from "./chunks/chunk.GYXMDYGY.js";
 import "./chunks/chunk.KPAQRMCC.js";
-import "./chunks/chunk.H2ALVYPG.js";
+import "./chunks/chunk.O6MXNSO7.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.USLIZWTB.js";
+import "./chunks/chunk.RY4KWEME.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -224,6 +228,7 @@ export {
   SdCheckbox,
   SdCheckboxGroup,
   SdCombobox,
+  SdDatepicker,
   SdDialog,
   SdDivider,
   SdDrawer,

package/dist/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/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/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
-} from "../chunks/chunk.MPS7DDJJ.js";
-import "../chunks/chunk.MUM2CTNK.js";
-import "../chunks/chunk.USLIZWTB.js";
+} from "../chunks/chunk.AAY5JRCW.js";
+import "../chunks/chunk.NCZBBZOR.js";
+import "../chunks/chunk.RY4KWEME.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/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/utilities/date.js

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

package/dist/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.6LDBZ4S7.js";
+} from "../chunks/chunk.GYXMDYGY.js";
 import "../chunks/chunk.KPAQRMCC.js";
-import "../chunks/chunk.H2ALVYPG.js";
+import "../chunks/chunk.O6MXNSO7.js";
 import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/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/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