noph-ui 0.21.13 → 0.21.15

package/dist/icons/Icon.svelte

@@ -46,6 +46,9 @@
 	</style>
 </svelte:head>
 
-<span {...attributes} class={['np-icon', 'notranslate', attributes.class]} bind:this={element}
-	>{@render children()}</span
+<span
+	aria-hidden="true"
+	{...attributes}
+	class={['np-icon', 'notranslate', attributes.class]}
+	bind:this={element}>{@render children()}</span
 >

package/dist/text-field/TextField.svelte

@@ -113,6 +113,8 @@
 			if (checkValidity()) {
 				errorRaw = error
 				errorTextRaw = errorText
+			} else {
+				focusOnInvalid = true
 			}
 		} else {
 			focusOnInvalid = true

package/dist/text-field/report-validity.d.ts

@@ -1,2 +1 @@
 export declare const isFirstInvalidControlInForm: (form: HTMLFormElement | null, control: HTMLElement) => boolean;
-export declare const getFirstInvalidControlInForm: (form: HTMLFormElement) => Element | undefined;

package/dist/text-field/report-validity.js

@@ -2,15 +2,5 @@ export const isFirstInvalidControlInForm = (form, control) => {
     if (!form) {
         return true;
     }
-    return getFirstInvalidControlInForm(form) === control;
-};
-export const getFirstInvalidControlInForm = (form) => {
-    let firstInvalidControl;
-    for (const element of form.elements) {
-        if (element.matches(':invalid')) {
-            firstInvalidControl = element;
-            break;
-        }
-    }
-    return firstInvalidControl;
+    return form.querySelector(':invalid') === control;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noph-ui",
-  "version": "0.21.13",
+  "version": "0.21.15",
   "license": "MIT",
   "homepage": "https://noph.dev",
   "repository": {