@solid-design-system/components 6.0.0 → 6.1.0

package/dist-versioned/internal/form.d.ts

@@ -32,7 +32,7 @@ export declare class FormControlController implements ReactiveController {
     private doAction;
     updateValidityStyle(): void;
     getForm(): HTMLFormElement | null;
-    renderInvalidMessage(): import("lit").TemplateResult<1>;
+    renderInvalidMessage(size: string): import("lit").TemplateResult<1>;
     reset(invoker?: HTMLInputElement | SdButton): void;
     submit(invoker?: HTMLInputElement | SdButton): void;
     setValidity(isValid: boolean): void;

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-button';
+            const isButton = this.host.tagName.toLowerCase() === 'sd-6-1-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-6-0-0-radio-group');
+                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-6-1-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-6-0-0-input'],
+            assumeInteractionOn: ['sd-6-1-0-input'],
             ...options
         };
     }
@@ -206,10 +206,15 @@ export class FormControlController {
     getForm() {
         return this.form ?? null;
     }
-    renderInvalidMessage() {
+    renderInvalidMessage(size) {
+        const sizeClass = {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-base'
+        }[size];
         return html `<div
       id="invalid-message"
-      class="text-error text-sm mt-1 text-left"
+      class="text-error text-left ${sizeClass}"
       part="invalid-message"
       aria-live="polite"
       ?hidden=${!this.host.showInvalidStyle}

package/dist-versioned/solid-components.css

@@ -23,11 +23,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
     inset-inline-start: 50%;
   }
-.sd-toast-stack sd-6-0-0-notification::part(wrapper) {
+.sd-toast-stack sd-6-1-0-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-notification::part(content) {
+.sd-toast-stack sd-6-1-0-notification::part(content) {
     border-color: rgba(var(--sd-panel-color-border, rgba(255, 255, 255, 0)));
   }
 @property --tw-translate-x {

package/dist-versioned/solid-components.js

@@ -4,198 +4,198 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.L3VE4QNO.js";
+} from "./chunks/chunk.5XWO3USG.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.6VXSQ6EW.js";
+} from "./chunks/chunk.DCHRUIDY.js";
 import {
   SdTooltip
-} from "./chunks/chunk.RMWQAVGI.js";
+} from "./chunks/chunk.OJXVBFUH.js";
 import {
   SdVideo
-} from "./chunks/chunk.37OK4KWY.js";
+} from "./chunks/chunk.BSP6J6R2.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.32IX6D3L.js";
+} from "./chunks/chunk.4UT3FCHQ.js";
 import {
   SdSwitch
-} from "./chunks/chunk.STLLKLW3.js";
+} from "./chunks/chunk.ASEJW6QN.js";
 import {
   SdTab
-} from "./chunks/chunk.RSEYLNYN.js";
+} from "./chunks/chunk.DCOB6WLB.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.IXGD5CJO.js";
+} from "./chunks/chunk.L6ZE3RXX.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.6XHQXYWH.js";
+} from "./chunks/chunk.R56JDQAF.js";
 import {
   SdTeaser
-} from "./chunks/chunk.2KNNUBKN.js";
+} from "./chunks/chunk.2HTII44Q.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.S7OVMBYF.js";
+} from "./chunks/chunk.FKFGVTXH.js";
 import {
   SdRange
-} from "./chunks/chunk.VZZ4VQ2D.js";
+} from "./chunks/chunk.2VPWVTT6.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.QN3QZO7R.js";
+} from "./chunks/chunk.K66JHYHC.js";
 import {
   SdScrollable
-} from "./chunks/chunk.EMHDLIJ3.js";
+} from "./chunks/chunk.M2D3WWF3.js";
 import {
   SdSelect
-} from "./chunks/chunk.N6ZE6GNE.js";
+} from "./chunks/chunk.CBKLWEL2.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.MRII2AQC.js";
+} from "./chunks/chunk.DXDDB6AB.js";
 import {
   SdSpinner
-} from "./chunks/chunk.OEZUQ6UO.js";
+} from "./chunks/chunk.D7CJJHHA.js";
 import {
   SdStep
-} from "./chunks/chunk.DDFLKY5G.js";
+} from "./chunks/chunk.UDPSGKZL.js";
 import {
   SdNotification
-} from "./chunks/chunk.5CGWX5RR.js";
+} from "./chunks/chunk.ZMEUQIVY.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.N7HROUWX.js";
+} from "./chunks/chunk.SQYISG5I.js";
 import {
   SdOption
-} from "./chunks/chunk.SC2SLCZ5.js";
+} from "./chunks/chunk.4CS6FZHE.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.RF6AFZJB.js";
+} from "./chunks/chunk.MLRNCOWA.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.QL7P24EG.js";
+} from "./chunks/chunk.BTNS6ZNO.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.VH7HN3OS.js";
+} from "./chunks/chunk.FSUOT4WC.js";
 import {
   SdRadio
-} from "./chunks/chunk.MLSP6BU6.js";
+} from "./chunks/chunk.AUSBWPVD.js";
 import {
   SdInput
-} from "./chunks/chunk.Y34VQGMX.js";
+} from "./chunks/chunk.LBDV5GNR.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.YDFQF3M7.js";
+} from "./chunks/chunk.UPCVQSXM.js";
 import {
   SdMenu
-} from "./chunks/chunk.HIHJFSSK.js";
+} from "./chunks/chunk.TKDFONFB.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.QMZUGH5H.js";
+} from "./chunks/chunk.DZEAXPRA.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.YISZL576.js";
+} from "./chunks/chunk.YFRD2UEO.js";
 import {
   SdInclude
-} from "./chunks/chunk.LDI2EMTX.js";
+} from "./chunks/chunk.L3OEOSPQ.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.HGBP6KHT.js";
+} from "./chunks/chunk.QM4E25CD.js";
 import "./chunks/chunk.SMPFJ52B.js";
 import {
   SdDialog
-} from "./chunks/chunk.KBXGHMNB.js";
+} from "./chunks/chunk.XV2UO6TF.js";
 import {
   SdDivider
-} from "./chunks/chunk.NOJJNCF3.js";
+} from "./chunks/chunk.Q7ZMX7IB.js";
 import {
   SdExpandable
-} from "./chunks/chunk.WEO4OUHD.js";
+} from "./chunks/chunk.BBLAIT57.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.LY4UJCKI.js";
+} from "./chunks/chunk.PBXAIJQ4.js";
 import {
   SdHeader
-} from "./chunks/chunk.4NTO3WSB.js";
+} from "./chunks/chunk.3PTRIEGP.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.CNEVB3DU.js";
+} from "./chunks/chunk.NEUULRS7.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.SID6AGCF.js";
+} from "./chunks/chunk.DFHY67LW.js";
 import {
   SdCombobox
-} from "./chunks/chunk.HXD2XVDE.js";
+} from "./chunks/chunk.75WDCMIC.js";
 import {
   SdTag
-} from "./chunks/chunk.VYMKNCU4.js";
+} from "./chunks/chunk.BTZPMBVC.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.YJS2U2G6.js";
+} from "./chunks/chunk.AZPOFDJP.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.R27ZUXF7.js";
+} from "./chunks/chunk.3EJL5IKL.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.LTJRYNEW.js";
+} from "./chunks/chunk.XALPLS2Y.js";
 import {
   SdDropdown
-} from "./chunks/chunk.MXJTDQ2Z.js";
+} from "./chunks/chunk.N3I674PE.js";
 import {
   SdPopup
-} from "./chunks/chunk.UHRMDVMR.js";
+} from "./chunks/chunk.P5FGSFP3.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.YC7BZ4XP.js";
+} from "./chunks/chunk.IJIPMNT2.js";
 import {
   SdLink
-} from "./chunks/chunk.NF2EWVZG.js";
-import "./chunks/chunk.BPDXM4IA.js";
+} from "./chunks/chunk.22PWID5B.js";
+import "./chunks/chunk.DTTVI7KT.js";
 import {
   SdCarousel
-} from "./chunks/chunk.EAYDTYXQ.js";
+} from "./chunks/chunk.SCWR4Q4K.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.2WQCSOBT.js";
+} from "./chunks/chunk.JGRI4R23.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.RIQKX2S3.js";
+} from "./chunks/chunk.RFDAZXJG.js";
 import {
   SdAccordion
-} from "./chunks/chunk.5L5PZI7S.js";
+} from "./chunks/chunk.YNBR5ZDU.js";
 import {
   SdAnimation
-} from "./chunks/chunk.YE73GLER.js";
+} from "./chunks/chunk.IYXPHPNO.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.W7AFDPXR.js";
+} from "./chunks/chunk.T46LX45D.js";
 import {
   SdDrawer
-} from "./chunks/chunk.LFTPT2LS.js";
+} from "./chunks/chunk.TVWV4PUH.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.EFJRL7C3.js";
+} from "./chunks/chunk.YATRFNET.js";
 import {
   SdLoader
-} from "./chunks/chunk.NT4PTQYD.js";
-import "./chunks/chunk.XCQC3F3H.js";
+} from "./chunks/chunk.2EWH2DC2.js";
+import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.NMAAQR6B.js";
+} from "./chunks/chunk.MH7JHBWP.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -211,7 +211,7 @@ import {
 import "./chunks/chunk.GWKDETUD.js";
 import "./chunks/chunk.M6QWSNU3.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.S34JD54Y.js";
+import "./chunks/chunk.TNJNUASM.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

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

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.U2BN2DBY.js";
-import "../chunks/chunk.UHRMDVMR.js";
-import "../chunks/chunk.S34JD54Y.js";
+import "../chunks/chunk.P5FGSFP3.js";
+import "../chunks/chunk.TNJNUASM.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/utilities/form.js

@@ -1,6 +1,6 @@
 import {
   formCollections
-} from "../chunks/chunk.XCQC3F3H.js";
+} from "../chunks/chunk.C3WIBDGG.js";
 import "../chunks/chunk.S3NI7NKU.js";
 
 // src/utilities/form.ts