feat(WEB-304): remaning UI from design system primitives

components/TempDesignSystem/Link/variants.ts

@@ -7,20 +7,39 @@ export const linkVariants = cva(styles.link, {
     active: {
       true: styles.active,
     },
-    size: {},
+    color: {
+      black: styles.black,
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+      peach80: styles.peach80,
+    },
+    size: {
+      small: styles.small,
+      regular: styles.regular,
+    },
     variant: {
+      breadcrumb: styles.breadcrumb,
       default: styles.default,
       myPage: styles.myPage,
+      shortcut: styles.shortcut,
       sidebar: styles.sidebar,
     },
   },
   defaultVariants: {
+    color: "black",
     variant: "default",
   },
   compoundVariants: [
     {
-      class: styles.activeSidebar,
+      class: `${styles.activeSidebar} ${styles.activeRegular}`,
       active: true,
+      size: "regular",
+      variant: "sidebar",
+    },
+    {
+      class: `${styles.activeSidebar} ${styles.activeSmall}`,
+      active: true,
+      size: "small",
       variant: "sidebar",
     },
   ],