diff options
Diffstat (limited to 'components/ui')
| -rw-r--r-- | components/ui/badge.tsx | 2 | ||||
| -rw-r--r-- | components/ui/button.tsx | 10 |
2 files changed, 8 insertions, 4 deletions
diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx index ddf9c287..8f3fe7d2 100644 --- a/components/ui/badge.tsx +++ b/components/ui/badge.tsx @@ -17,6 +17,8 @@ const badgeVariants = cva( outline: "text-foreground", success: "border-transparent bg-green-500 text-white shadow hover:bg-green-600", + samsung: + "border-transparent bg-blue-500 text-white shadow hover:bg-blue-600", }, }, defaultVariants: { diff --git a/components/ui/button.tsx b/components/ui/button.tsx index 6473751a..7a1e61ff 100644 --- a/components/ui/button.tsx +++ b/components/ui/button.tsx @@ -1,7 +1,6 @@ import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" - import { cn } from "@/lib/utils" const buttonVariants = cva( @@ -20,10 +19,13 @@ const buttonVariants = cva( ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", samsung: - "bg-[hsl(222,80%,40%)] text-white shadow-sm hover:bg-[hsl(222,80%,40%)]/80", + "bg-[hsl(222,80%,40%)] text-white shadow-sm hover:bg-[hsl(222,80%,40%)]/80", + /* ──────────── NEW SUCCESS VARIANT ──────────── */ + success: + "bg-green-600 text-white shadow-sm hover:bg-green-700", }, size: { - samsung:"h-9 px-4 py-2", + samsung: "h-9 px-4 py-2", default: "h-9 px-4 py-2", sm: "h-8 rounded-md px-3 text-xs", lg: "h-10 rounded-md px-8", @@ -48,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>( const Comp = asChild ? Slot : "button" return ( <Comp - className={cn(buttonVariants({ variant, size, className }))} + className={cn(buttonVariants({ variant, size }), className)} ref={ref} {...props} /> |