fix: change invalid selector to user-invalid in textbox

sjimbonator · web-flow · commit 33eaccfb7c09 · 2025-07-17T14:53:28.000+02:00
diff --git a/.changeset/strong-pumas-draw.md b/.changeset/strong-pumas-draw.md
@@ -0,0 +1,5 @@
+---
+"@utrecht/textbox-css": major
+---
+
+Apply utrecht-textbox--invalid on user-invalid instead of invalid
diff --git a/components/textbox/src/_mixin.scss b/components/textbox/src/_mixin.scss
@@ -247,7 +247,7 @@ $utrecht-support-prince-xml: false !default;
     @include utrecht-textbox--focus-visible;
   }
 
-  &:invalid,
+  &:user-invalid,
   &[aria-invalid="true"] {
     @include utrecht-textbox--invalid;
   }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@utrecht/textbox-css": major
 +---
++
 +Apply utrecht-textbox--invalid on user-invalid instead of invalid
Original file line number	Diff line number	Diff line change
`@@ -247,7 +247,7 @@ $utrecht-support-prince-xml: false !default;`
`247`	`247`	`@include utrecht-textbox--focus-visible;`
`248`	`248`	`}`
`249`	`249`
`250`		`- &:invalid,`
	`250`	`+ &:user-invalid,`
`251`	`251`	`&[aria-invalid="true"] {`
`252`	`252`	`@include utrecht-textbox--invalid;`
`253`	`253`	`}`