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

components/Icons/variants.ts

@@ -0,0 +1,21 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./icon.module.css"
+
+const config = {
+  variants: {
+    color: {
+      black: styles.black,
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+      peach80: styles.peach80,
+      primaryLightOnSurfaceAccent: styles.plosa,
+      red: styles.red,
+    },
+  },
+  defaultVariants: {
+    color: "black",
+  },
+} as const
+
+export const iconVariants = cva(styles.icon, config)