feat: implement new design for button

components/TempDesignSystem/Button/variants.ts

@@ -4,12 +4,13 @@ import styles from "./button.module.css"
 
 export const buttonVariants = cva(styles.btn, {
   variants: {
-    bgcolor: {
-      primary: styles.primary,
-      secondary: styles.secondary,
-      tertiary: styles.tertiary,
-      quarternary: styles.quarternary,
-      white: styles.white,
+    theme: {
+      primaryLight: styles.primaryLight,
+      primaryDark: styles.primaryDark,
+      secondaryLight: styles.secondaryLight,
+      secondaryDark: styles.secondaryDark,
+      tertiaryLight: styles.tertiaryLight,
+      tertiaryDark: styles.tertiaryDark,
     },
     intent: {
       primary: styles.primary,
@@ -17,23 +18,18 @@ export const buttonVariants = cva(styles.btn, {
     },
     size: {
       small: styles.small,
-      regular: styles.average,
+      medium: styles.medium,
+      large: styles.large,
     },
     variant: {
       default: styles.default,
       icon: styles.icon,
     },
-    weight: {
-      light: styles.light,
-      regular: styles.regular,
-      medium: styles.medium,
-      semiBold: styles.semiBold,
-      bold: styles.bold,
-      black: styles.black,
-    },
   },
   defaultVariants: {
     variant: "default",
-    weight: "regular",
+    size: "medium",
+    theme: "primaryLight",
+    intent: "primary",
   },
 })