fix(theme): ghost danger button style (#3764)

nextui-org · Sep 15, 2024 · 559436d · 559436d
1 parent 2c9c817
commit 559436d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/witty-socks-bathe.md 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
@@ -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
     {