fix(Input): aria-invalid tailwind classname

ntatoud · ntatoud · commit 6c889d4b54a8 · 2025-11-12T21:29:02.000+01:00
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
@@ -10,7 +10,7 @@ const inputVariants = cva(
     'selection:bg-primary selection:text-primary-foreground',
     '[&>input]:placeholder:text-muted-foreground',
     'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',
-    'has-[[aria-invalid]]:border-destructive has-[[aria-invalid]]:ring-destructive/20 dark:has-[[aria-invalid]]:ring-destructive/40',
+    'has-aria-invalid:border-destructive has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40',
     '[&>input]:disabled:opacity-50'
   ),
   {

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ const inputVariants = cva(`
`10`	`10`	`'selection:bg-primary selection:text-primary-foreground',`
`11`	`11`	`'[&>input]:placeholder:text-muted-foreground',`
`12`	`12`	`'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',`
`13`		`- 'has-[[aria-invalid]]:border-destructive has-[[aria-invalid]]:ring-destructive/20 dark:has-[[aria-invalid]]:ring-destructive/40',`
	`13`	`+ 'has-aria-invalid:border-destructive has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40',`
`14`	`14`	`'[&>input]:disabled:opacity-50'`
`15`	`15`	`),`
`16`	`16`	`{`