fix(theme): revise input isInvalid styles (#3010)

* fix(theme): revise isInvalid input styles * feat(changeset): add changeset
heroui-inc · May 19, 2024 · 77e85e6 · 77e85e6
1 parent 5329de4
commit 77e85e6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/.changeset/forty-adults-tan.md b/.changeset/forty-adults-tan.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+revise isInvalid input styles (#3007)
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
@@ -535,24 +535,24 @@ const input = tv({
       variant: "flat",
       class: {
         inputWrapper: [
-          "bg-danger-50",
-          "data-[hover=true]:bg-danger-100",
-          "group-data-[focus=true]:bg-danger-50",
+          "!bg-danger-50",
+          "data-[hover=true]:!bg-danger-100",
+          "group-data-[focus=true]:!bg-danger-50",
         ],
       },
     },
     {
       isInvalid: true,
       variant: "bordered",
       class: {
-        inputWrapper: "!border-danger group-data-[focus=true]:border-danger",
+        inputWrapper: "!border-danger group-data-[focus=true]:!border-danger",
       },
     },
     {
       isInvalid: true,
       variant: "underlined",
       class: {
-        inputWrapper: "after:bg-danger",
+        inputWrapper: "after:!bg-danger",
       },
     },
     // size & labelPlacement