From 559436d462bdb8739d8c817d1aa98607969d8a07 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D5=A1=D3=84=D5=A1?= Date: Sun, 15 Sep 2024 20:58:44 +0800 Subject: [PATCH] fix(theme): ghost danger button style (#3764) --- .changeset/witty-socks-bathe.md | 5 +++++ packages/core/theme/src/components/button.ts | 5 ++++- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 .changeset/witty-socks-bathe.md diff --git a/.changeset/witty-socks-bathe.md b/.changeset/witty-socks-bathe.md new file mode 100644 index 0000000000..ff37b1abd8 --- /dev/null +++ b/.changeset/witty-socks-bathe.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/theme": patch +--- + +add missing `data-[hover=true]:` for ghost button with danger color diff --git a/packages/core/theme/src/components/button.ts b/packages/core/theme/src/components/button.ts index 907b9f7031..659d3bcdf1 100644 --- a/packages/core/theme/src/components/button.ts +++ b/packages/core/theme/src/components/button.ts @@ -325,7 +325,10 @@ const button = tv({ { variant: "ghost", color: "danger", - class: [colorVariants.ghost.danger, "data-[hover=true]:!bg-danger !text-danger-foreground"], + class: [ + colorVariants.ghost.danger, + "data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground", + ], }, // isInGroup / radius / size <-- radius not provided {