@solid-design-system/components 4.0.4 → 4.0.5

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

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

@@ -21,6 +21,9 @@ export default class SolidElement extends LitElement {
       @tailwind utilities;
 
       :host {
+        --tw-gradient-from-position: 0%;
+        --tw-gradient-to-position: 100%;
+
         box-sizing: border-box;
       }