@solid-design-system/components 4.5.2 → 4.5.3

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

package/dist-versioned/solid-components.css

@@ -30,13 +30,13 @@
     inset-inline-start: 50%;
 }
 
-.sd-toast-stack sd-4-5-2-notification::part(base) {
+.sd-toast-stack sd-4-5-3-notification::part(base) {
   --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-4-5-2-notification::part(content) {
+.sd-toast-stack sd-4-5-3-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.js

@@ -82,7 +82,7 @@ import {
 } from "./chunks/chunk.N42GCDAU.js";
 import {
   SdExpandable
-} from "./chunks/chunk.WPHOQL7V.js";
+} from "./chunks/chunk.X4KMEIZK.js";
 import {
   SdFlipcard
 } from "./chunks/chunk.ONBGPY5D.js";