update button color

src/lib/components/ui/button/index.ts

@@ -1,36 +1,33 @@
-import Root from "./button.svelte";
+import Root from './button.svelte';
-import { tv, type VariantProps } from "tailwind-variants";
+import { tv, type VariantProps } from 'tailwind-variants';
-import type { Button as ButtonPrimitive } from "bits-ui";
+import type { Button as ButtonPrimitive } from 'bits-ui';
 
 const buttonVariants = tv({
-	base: "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+	base: 'inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			default: 'bg-primary-foreground text-primary hover:bg-primary-foreground/70',
-			destructive:
+			destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-				"bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-			outline:
+			secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				"border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			ghost: 'hover:bg-accent hover:text-accent-foreground',
-			secondary:
+			link: 'text-primary underline-offset-4 hover:underline',
-				"bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			ghost: "hover:bg-accent hover:text-accent-foreground",
-			link: "text-primary underline-offset-4 hover:underline"
 		},
 		size: {
-			default: "h-10 px-4 py-2",
+			default: 'h-10 px-4 py-2',
-			sm: "h-9 rounded-md px-3",
+			sm: 'h-9 rounded-md px-3',
-			lg: "h-11 rounded-md px-8",
+			lg: 'h-11 rounded-md px-8',
-			icon: "h-10 w-10"
+			icon: 'h-10 w-10',
-		}
+		},
 	},
 	defaultVariants: {
-		variant: "default",
+		variant: 'default',
-		size: "default"
+		size: 'default',
-	}
+	},
 });
 
-type Variant = VariantProps<typeof buttonVariants>["variant"];
+type Variant = VariantProps<typeof buttonVariants>['variant'];
-type Size = VariantProps<typeof buttonVariants>["size"];
+type Size = VariantProps<typeof buttonVariants>['size'];
 
 type Props = ButtonPrimitive.Props & {
 	variant?: Variant;
@@ -47,5 +44,5 @@ export {
 	Root as Button,
 	type Props as ButtonProps,
 	type Events as ButtonEvents,
-	buttonVariants
+	buttonVariants,
 };