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

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

package/dist-versioned/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-versioned/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-versioned/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;
@@ -22,12 +23,12 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
     inset-inline-start: 50%;
   }
-.sd-toast-stack sd-6-0-0-next-1-notification::part(wrapper) {
+.sd-toast-stack sd-6-0-0-next-11-notification::part(wrapper) {
     --tw-shadow: var(--sd-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-.sd-toast-stack sd-6-0-0-next-1-notification::part(content) {
-    border-color: var(--sd-panel-color-border, rgba(255, 255, 255, 0));
+.sd-toast-stack sd-6-0-0-next-11-notification::part(content) {
+    border-color: rgba(var(--sd-panel-color-border, rgba(255, 255, 255, 0)));
   }
 @property --tw-translate-x {
   syntax: "*";

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,210 +1,214 @@
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdThemeListener
+} from "./chunks/chunk.LQ24JRNU.js";
 import {
   SdTooltip
-} from "./chunks/chunk.FJEGV6DM.js";
+} from "./chunks/chunk.3OSNOL5U.js";
 import {
   SdVideo
-} from "./chunks/chunk.L3TUGUA6.js";
+} from "./chunks/chunk.MJNLND6K.js";
 import {
   setupAutocomplete
-} from "./chunks/chunk.MPS7DDJJ.js";
+} from "./chunks/chunk.WN5EV4N3.js";
+import {
+  SdSwitch
+} from "./chunks/chunk.MJUJAQNQ.js";
 import {
   SdTab
-} from "./chunks/chunk.WZUYGJSJ.js";
+} from "./chunks/chunk.DOSY3RO6.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.QM6BYZJR.js";
+} from "./chunks/chunk.GVTX3XFV.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.32E2WNUE.js";
+} from "./chunks/chunk.RAQ2D77P.js";
 import {
   SdTeaser
-} from "./chunks/chunk.SRU7VSQX.js";
+} from "./chunks/chunk.VNDNOSVL.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.XUGEMNQZ.js";
+} from "./chunks/chunk.3WAKJXC7.js";
 import {
   SdTextarea
-} from "./chunks/chunk.HKQXWZ7G.js";
+} from "./chunks/chunk.THINDL47.js";
 import {
-  SdThemeListener
-} from "./chunks/chunk.T3HLE2UR.js";
+  SdRange
+} from "./chunks/chunk.UX6W6RHQ.js";
+import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.NXQQ337Y.js";
+} from "./chunks/chunk.3EAQUDVX.js";
 import {
   SdScrollable
-} from "./chunks/chunk.P3TSBTFH.js";
+} from "./chunks/chunk.EOM74YUX.js";
 import {
   SdSelect
-} from "./chunks/chunk.V2J3RAY6.js";
+} from "./chunks/chunk.6NX4UFZ2.js";
 import {
   SdSpinner
-} from "./chunks/chunk.4ILI3XGP.js";
+} from "./chunks/chunk.LFALNFL4.js";
 import {
   SdStep
-} from "./chunks/chunk.SKOPFWCQ.js";
+} from "./chunks/chunk.7G5MPXI5.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.CP4YEFPU.js";
+} from "./chunks/chunk.U4UW3Z6I.js";
 import {
-  SdSwitch
-} from "./chunks/chunk.I7OXSYXU.js";
+  SdNotification
+} from "./chunks/chunk.IR5S4ZJW.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.PCJVXPPB.js";
+} from "./chunks/chunk.NR2DVPGM.js";
 import {
   SdOption
-} from "./chunks/chunk.CWHFEZQY.js";
+} from "./chunks/chunk.F6DMUORL.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.G3MAHVJA.js";
+} from "./chunks/chunk.UEDXLQJL.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.BV5PXCAM.js";
+} from "./chunks/chunk.LGQNDJQD.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.X6YLTXVX.js";
+} from "./chunks/chunk.7E266GEE.js";
 import {
   SdRadio
-} from "./chunks/chunk.ACNKTEJM.js";
+} from "./chunks/chunk.Z5QSVE4H.js";
 import {
-  SdRange
-} from "./chunks/chunk.ULD7FBSL.js";
-import "./chunks/chunk.D3YSIVTB.js";
+  SdInput
+} from "./chunks/chunk.RW2CZCB6.js";
 import {
   SdLink
-} from "./chunks/chunk.RC3XRXWM.js";
+} from "./chunks/chunk.45QURS66.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.WFMQUAS5.js";
+} from "./chunks/chunk.4EJCZJS5.js";
 import {
   SdMenu
-} from "./chunks/chunk.Z4YIKXCF.js";
+} from "./chunks/chunk.BT2RD2DF.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.IN5XJAGY.js";
+} from "./chunks/chunk.IVMNN7PD.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.FGUKF4CR.js";
-import {
-  SdNotification
-} from "./chunks/chunk.24UVKYTF.js";
+} from "./chunks/chunk.III3H5Q5.js";
 import {
   SdInclude
-} from "./chunks/chunk.G3OXXGZX.js";
+} from "./chunks/chunk.RNGYBTSG.js";
 import {
-  SdInput
-} from "./chunks/chunk.262GD5RA.js";
+  SdDatepicker
+} from "./chunks/chunk.2LOD5KZ2.js";
+import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.D3JBFWTU.js";
+} from "./chunks/chunk.Y3UAVDEY.js";
 import {
   SdDivider
-} from "./chunks/chunk.XULVG6IQ.js";
+} from "./chunks/chunk.7AKNXMU5.js";
 import {
   SdDropdown
-} from "./chunks/chunk.TRV5UURW.js";
+} from "./chunks/chunk.UIOWGZAC.js";
 import {
   SdExpandable
-} from "./chunks/chunk.B4UN2MRL.js";
+} from "./chunks/chunk.Q4FPANWO.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.FFCOP3ME.js";
+} from "./chunks/chunk.G35YGZGY.js";
 import {
   SdHeader
-} from "./chunks/chunk.EH3YK63Y.js";
+} from "./chunks/chunk.OOQJUJ6I.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.XT3GA2SZ.js";
+} from "./chunks/chunk.BU7OTNWJ.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.AAMFU5FW.js";
+} from "./chunks/chunk.D3ZIAWAS.js";
 import {
   SdCombobox
-} from "./chunks/chunk.KBLWHFHC.js";
+} from "./chunks/chunk.TUBLVHUZ.js";
 import {
   SdTag
-} from "./chunks/chunk.574X7EC7.js";
+} from "./chunks/chunk.RZ25EJTH.js";
 import {
   SdPopup
-} from "./chunks/chunk.MUM2CTNK.js";
+} from "./chunks/chunk.PSSQMTQR.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.SCQMKPYV.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.ZI6VDRWN.js";
+} from "./chunks/chunk.5NGEWIDT.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.M3VM2DRF.js";
+} from "./chunks/chunk.7LMQWHWZ.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.UVKMYODH.js";
-import "./chunks/chunk.DIONFQNX.js";
+} from "./chunks/chunk.IHMP2FLZ.js";
+import "./chunks/chunk.LQ7R2MQ6.js";
 import {
   SdCarousel
-} from "./chunks/chunk.T4UP6Y4D.js";
+} from "./chunks/chunk.MHXEKBFV.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.HW6HHXIA.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.2LW2TIND.js";
+} from "./chunks/chunk.J7R664XW.js";
 import {
   SdAccordion
-} from "./chunks/chunk.WC5FU2I2.js";
+} from "./chunks/chunk.KV6O4JKY.js";
 import {
   SdAnimation
-} from "./chunks/chunk.G6T2S742.js";
+} from "./chunks/chunk.4ONB2X42.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.XQ6ZMO6V.js";
+} from "./chunks/chunk.FP53SHVC.js";
 import {
   SdDrawer
-} from "./chunks/chunk.APBFYE35.js";
+} from "./chunks/chunk.Y5G2FYUM.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.4KJL7PWN.js";
 import {
   SdLoader
-} from "./chunks/chunk.WKRNHLCB.js";
+} from "./chunks/chunk.OMPDPGH5.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.TGCVGSDV.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.6LDBZ4S7.js";
-import "./chunks/chunk.KPAQRMCC.js";
-import "./chunks/chunk.H2ALVYPG.js";
+} from "./chunks/chunk.OLT4C7IW.js";
+import "./chunks/chunk.2BO5LK23.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.XZHOUXTG.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-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.MPS7DDJJ.js";
-import "../chunks/chunk.MUM2CTNK.js";
-import "../chunks/chunk.USLIZWTB.js";
+} from "../chunks/chunk.WN5EV4N3.js";
+import "../chunks/chunk.PSSQMTQR.js";
+import "../chunks/chunk.XZHOUXTG.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.6LDBZ4S7.js";
-import "../chunks/chunk.KPAQRMCC.js";
-import "../chunks/chunk.H2ALVYPG.js";
+} from "../chunks/chunk.OLT4C7IW.js";
+import "../chunks/chunk.2BO5LK23.js";
+import "../chunks/chunk.O6MXNSO7.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