@solid-design-system/components 5.16.2 → 5.17.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-16-2-button';
+            const isButton = this.host.tagName.toLowerCase() === 'sd-5-17-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-16-2-radio-group');
+                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-5-17-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-16-2-input'],
+            assumeInteractionOn: ['sd-5-17-0-input'],
             ...options
         };
     }

package/dist-versioned/solid-components.css

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

@@ -41,6 +41,7 @@ export { default as SdRange } from './components/range/range.js';
 export { default as SdRangeTick } from './components/range-tick/range-tick.js';
 export { default as SdScrollable } from './components/scrollable/scrollable.js';
 export { default as SdSelect } from './components/select/select.js';
+export { default as SdSkeleton } from './components/skeleton/skeleton.js';
 export { default as SdSpinner } from './components/spinner/spinner.js';
 export { default as SdStep } from './components/step/step.js';
 export { default as SdStepGroup } from './components/step-group/step-group.js';

package/dist-versioned/solid-components.js

@@ -1,195 +1,198 @@
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdTextarea
+} from "./chunks/chunk.5L52M55A.js";
 import {
   SdTooltip
-} from "./chunks/chunk.TWLOCD6V.js";
+} from "./chunks/chunk.KHS7FSFX.js";
 import {
   SdVideo
-} from "./chunks/chunk.YN47LYT7.js";
+} from "./chunks/chunk.KMU4KABG.js";
 import {
   setupAutocomplete
 } from "./chunks/chunk.6DKXZWRN.js";
+import {
+  SdStepGroup
+} from "./chunks/chunk.22DM7THN.js";
 import {
   SdSwitch
-} from "./chunks/chunk.7JUNYBWC.js";
+} from "./chunks/chunk.246LUIGB.js";
 import {
   SdTab
-} from "./chunks/chunk.XF7G3LFU.js";
+} from "./chunks/chunk.A5GKQZGQ.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.QFW772DW.js";
+} from "./chunks/chunk.YBAAPYHP.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.WV4BVBH5.js";
+} from "./chunks/chunk.WUB4VSXU.js";
 import {
   SdTeaser
-} from "./chunks/chunk.V257WRGF.js";
+} from "./chunks/chunk.JUZY76ML.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.U3IJ4WDG.js";
+} from "./chunks/chunk.NYOWE72U.js";
 import {
-  SdTextarea
-} from "./chunks/chunk.UFU7P2YD.js";
+  SdRangeTick
+} from "./chunks/chunk.6OGLZOU3.js";
 import {
   SdRange
-} from "./chunks/chunk.CKLEIUJP.js";
+} from "./chunks/chunk.VUTMPKYK.js";
 import "./chunks/chunk.D3YSIVTB.js";
-import {
-  SdRangeTick
-} from "./chunks/chunk.7QAWQQC2.js";
 import {
   SdScrollable
-} from "./chunks/chunk.5USUIHQC.js";
+} from "./chunks/chunk.AWVURKQ3.js";
 import {
   SdSelect
-} from "./chunks/chunk.LLUTMJ6Y.js";
+} from "./chunks/chunk.HTEXYS4A.js";
+import {
+  SdSkeleton
+} from "./chunks/chunk.QP27BG3Y.js";
 import {
   SdSpinner
-} from "./chunks/chunk.EOLLVTEE.js";
+} from "./chunks/chunk.J2MPIUT5.js";
 import {
   SdStep
-} from "./chunks/chunk.BWFYNOYR.js";
-import {
-  SdStepGroup
-} from "./chunks/chunk.TED3AFLN.js";
+} from "./chunks/chunk.VDSIXERI.js";
 import {
   SdNotification
-} from "./chunks/chunk.ABLPLQOM.js";
+} from "./chunks/chunk.WRP3NGPP.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.ERJOEJ54.js";
+} from "./chunks/chunk.FPIRMH7R.js";
 import {
   SdOption
-} from "./chunks/chunk.XR6GLQWM.js";
+} from "./chunks/chunk.IKDVBWFR.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.ZEBYA7QQ.js";
+} from "./chunks/chunk.ZAQS4XFO.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.43SFOPTI.js";
+} from "./chunks/chunk.AAK5STGD.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.JGH3YXMX.js";
+} from "./chunks/chunk.SJZCQ5SU.js";
 import {
   SdRadio
-} from "./chunks/chunk.VCV7HS44.js";
+} from "./chunks/chunk.63D5DO3S.js";
 import {
   SdInput
-} from "./chunks/chunk.O7O2LFXK.js";
+} from "./chunks/chunk.DOGMVREV.js";
 import {
   SdLink
-} from "./chunks/chunk.W5ZR6XJP.js";
+} from "./chunks/chunk.AZ5YCFXX.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.2SR73L2N.js";
+} from "./chunks/chunk.ZUL25WD4.js";
 import {
   SdMenu
-} from "./chunks/chunk.7IR6CJSO.js";
+} from "./chunks/chunk.QPBHKXL6.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.RCBOBERD.js";
+} from "./chunks/chunk.URTB3C7J.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.YJF7I33G.js";
+} from "./chunks/chunk.AUMWRORX.js";
 import {
   SdInclude
-} from "./chunks/chunk.BLKVBNBL.js";
+} from "./chunks/chunk.4D5SPJ27.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.7FMGPUZF.js";
+} from "./chunks/chunk.3FCBHDPH.js";
 import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.RRDLKLEV.js";
+} from "./chunks/chunk.TD5EDBVC.js";
 import {
   SdDivider
-} from "./chunks/chunk.G3JK5J7P.js";
+} from "./chunks/chunk.OWYDTY46.js";
 import {
   SdDropdown
-} from "./chunks/chunk.FK2BNPQB.js";
+} from "./chunks/chunk.QPBJEOPN.js";
 import {
   SdExpandable
-} from "./chunks/chunk.3YQ55DEG.js";
+} from "./chunks/chunk.4VSYGWIQ.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.PJPWXQY7.js";
+} from "./chunks/chunk.Q4HWX7FF.js";
 import {
   SdHeader
-} from "./chunks/chunk.ANLMAOKA.js";
+} from "./chunks/chunk.E4O3LVAZ.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.QL6JHFGU.js";
+} from "./chunks/chunk.ZBDFCFOP.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.UKB75H6A.js";
+} from "./chunks/chunk.U5L4ZATG.js";
 import {
   SdCombobox
-} from "./chunks/chunk.ZSD3BEVL.js";
+} from "./chunks/chunk.OH3W4PGL.js";
 import {
   SdTag
-} from "./chunks/chunk.VZBVZB3D.js";
+} from "./chunks/chunk.W6RMEFFR.js";
 import {
   SdPopup
-} from "./chunks/chunk.2CAP3Q56.js";
+} from "./chunks/chunk.2EN4CJ2E.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.7YENJBA2.js";
+} from "./chunks/chunk.3CUXBZXY.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.72VNUTTV.js";
+} from "./chunks/chunk.P2JBJQH6.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.XU2JEV5G.js";
+} from "./chunks/chunk.TMJN75ST.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.4DHEQEYR.js";
-import "./chunks/chunk.DKBTK7VW.js";
+} from "./chunks/chunk.YGHO5R3O.js";
+import "./chunks/chunk.S253T7LE.js";
 import {
   SdCarousel
-} from "./chunks/chunk.7MXI26GR.js";
+} from "./chunks/chunk.XRKSJCLQ.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.GUZQ4ADZ.js";
+} from "./chunks/chunk.FWDG6KMC.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.44BJS2SJ.js";
+} from "./chunks/chunk.6KCL3YWT.js";
+import {
+  SdAccordion
+} from "./chunks/chunk.MCUIYSD6.js";
 import {
   SdAnimation
-} from "./chunks/chunk.PB672B5H.js";
+} from "./chunks/chunk.QTQEKSJS.js";
 import "./chunks/chunk.TJOP7HQP.js";
-import {
-  SdAccordion
-} from "./chunks/chunk.AQI2R5GT.js";
 import {
   SdAudio
-} from "./chunks/chunk.QV5WLO4L.js";
+} from "./chunks/chunk.WTG2WY6X.js";
 import {
   SdDrawer
-} from "./chunks/chunk.G4FXGRRH.js";
+} from "./chunks/chunk.ATKLZZWE.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.AXFVYO5L.js";
+} from "./chunks/chunk.NBHVDDUK.js";
 import {
   SdLoader
-} from "./chunks/chunk.4VTG7PRD.js";
+} from "./chunks/chunk.QVNC3EJB.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.QVBR2RUV.js";
+} from "./chunks/chunk.PKG3F2KC.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -205,7 +208,7 @@ import {
 import "./chunks/chunk.ID6DABAJ.js";
 import "./chunks/chunk.3S7EW72P.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.PJJCHCFO.js";
+import "./chunks/chunk.RZLBIMEH.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -254,6 +257,7 @@ export {
   SdRangeTick,
   SdScrollable,
   SdSelect,
+  SdSkeleton,
   SdSpinner,
   SdStep,
   SdStepGroup,

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

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.2CAP3Q56.js";
-import "../chunks/chunk.PJJCHCFO.js";
+import "../chunks/chunk.2EN4CJ2E.js";
+import "../chunks/chunk.RZLBIMEH.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {