From 977b13d46a36faef5ac6485c3127c11511663c15 Mon Sep 17 00:00:00 2001 From: Mathis Date: Wed, 19 Jun 2024 22:26:17 +0200 Subject: [PATCH] feat(button component): Add 'light' style variation to button This commit introduces a new 'light' style variation for the button component. Now a button can be styled with 'light' variation which changes the button's background and text color on hover state. --- src/components/ui/button.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx index 412ac04..f08a0c3 100644 --- a/src/components/ui/button.tsx +++ b/src/components/ui/button.tsx @@ -15,6 +15,7 @@ const buttonVariants = cva( "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", + light: "hover:bg-accent-foreground hover:text-accent", link: "text-primary underline-offset-4 hover:underline", }, size: {