@solid-design-system/components 5.4.1 → 5.4.3

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

package/cdn-versioned/internal/solid-element.js

@@ -58,7 +58,8 @@ export default class SolidElement extends LitElement {
         if (value === null) {
             return fallback;
         }
-        return tokenProcessors[name]?.(value) ?? value ?? fallback;
+        const processor = Object.keys(tokenProcessors).find(token => name.startsWith(token));
+        return tokenProcessors[processor ?? name]?.(value) ?? value ?? fallback;
     }
 }
 __decorate([