diff --git a/.changeset/forty-adults-tan.md b/.changeset/forty-adults-tan.md new file mode 100644 index 0000000000..e2db25e802 --- /dev/null +++ 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 index 5a0abe5833..889f9a76c3 100644 --- a/packages/core/theme/src/components/input.ts +++ b/packages/core/theme/src/components/input.ts @@ -535,9 +535,9 @@ 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", ], }, }, @@ -545,14 +545,14 @@ const input = tv({ 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