@solid-design-system/components 6.0.1 → 6.2.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-1-button';
+            const isButton = this.host.tagName.toLowerCase() === 'sd-6-2-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-1-radio-group');
+                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-6-2-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-1-input'],
+            assumeInteractionOn: ['sd-6-2-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-1-notification::part(wrapper) {
+.sd-toast-stack sd-6-2-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-1-notification::part(content) {
+.sd-toast-stack sd-6-2-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,7 +4,7 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.IJHQ4XX6.js";
+} from "./chunks/chunk.5XWO3USG.js";
 import {
   SdThemeListener
 } from "./chunks/chunk.DCHRUIDY.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunks/chunk.4UT3FCHQ.js";
 import {
   SdSwitch
-} from "./chunks/chunk.TWG4FA4B.js";
+} from "./chunks/chunk.ASEJW6QN.js";
 import {
   SdTab
 } from "./chunks/chunk.DCOB6WLB.js";
@@ -37,7 +37,7 @@ import {
 } from "./chunks/chunk.FKFGVTXH.js";
 import {
   SdRange
-} from "./chunks/chunk.XIYY4LMK.js";
+} from "./chunks/chunk.2VPWVTT6.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
@@ -47,7 +47,7 @@ import {
 } from "./chunks/chunk.M2D3WWF3.js";
 import {
   SdSelect
-} from "./chunks/chunk.OFTSKSC7.js";
+} from "./chunks/chunk.XC7QKBQE.js";
 import {
   SdSkeleton
 } from "./chunks/chunk.DXDDB6AB.js";
@@ -65,7 +65,7 @@ import {
 } from "./chunks/chunk.SQYISG5I.js";
 import {
   SdOption
-} from "./chunks/chunk.4CS6FZHE.js";
+} from "./chunks/chunk.UWQPJU3Q.js";
 import {
   SdQuickfact
 } from "./chunks/chunk.MLRNCOWA.js";
@@ -74,13 +74,13 @@ import {
 } from "./chunks/chunk.BTNS6ZNO.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.6K3SH3FI.js";
+} from "./chunks/chunk.FSUOT4WC.js";
 import {
   SdRadio
 } from "./chunks/chunk.AUSBWPVD.js";
 import {
   SdInput
-} from "./chunks/chunk.36LBQ45L.js";
+} from "./chunks/chunk.LBDV5GNR.js";
 import {
   SdMapMarker
 } from "./chunks/chunk.UPCVQSXM.js";
@@ -99,7 +99,7 @@ import {
 } from "./chunks/chunk.L3OEOSPQ.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.PBKH5RXQ.js";
+} from "./chunks/chunk.QM4E25CD.js";
 import "./chunks/chunk.SMPFJ52B.js";
 import {
   SdDialog
@@ -118,16 +118,16 @@ import {
 } from "./chunks/chunk.3PTRIEGP.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.E4LGOPKO.js";
+} from "./chunks/chunk.NEUULRS7.js";
 import {
   SdCheckboxGroup
 } from "./chunks/chunk.DFHY67LW.js";
 import {
   SdCombobox
-} from "./chunks/chunk.PQ22Q7VF.js";
+} from "./chunks/chunk.75WDCMIC.js";
 import {
   SdTag
-} from "./chunks/chunk.BTZPMBVC.js";
+} from "./chunks/chunk.NW7LJJS2.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
@@ -185,11 +185,11 @@ import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.JCOSW4ZH.js";
+} from "./chunks/chunk.YATRFNET.js";
 import {
   SdLoader
 } from "./chunks/chunk.2EWH2DC2.js";
-import "./chunks/chunk.XCQC3F3H.js";
+import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";

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