feat(SW-556): add surprise notification component

components/TempDesignSystem/Text/CaptionLabel/variants.ts

@@ -0,0 +1,58 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./captionLabel.module.css"
+
+const config = {
+  variants: {
+    color: {
+      baseTextAccent: styles.baseTextAccent,
+      black: styles.black,
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+      textMediumContrast: styles.textMediumContrast,
+      red: styles.red,
+      white: styles.white,
+      uiTextHighContrast: styles.uiTextHighContrast,
+      uiTextActive: styles.uiTextActive,
+      uiTextMediumContrast: styles.uiTextMediumContrast,
+      disabled: styles.disabled,
+    },
+    textTransform: {
+      regular: styles.regular,
+      uppercase: styles.uppercase,
+    },
+    textAlign: {
+      center: styles.center,
+      left: styles.left,
+    },
+    uppercase: {
+      true: styles.uppercase,
+    },
+  },
+  defaultVariants: {
+    color: "black",
+    textTransform: "regular",
+  },
+} as const
+
+export const captionVariants = cva(styles.caption, config)
+
+const fontOnlyConfig = {
+  variants: {
+    textTransform: {
+      regular: styles.regular,
+      uppercase: styles.uppercase,
+    },
+    uppercase: {
+      true: styles.uppercase,
+    },
+  },
+  defaultVariants: {
+    textTransform: "regular",
+  },
+} as const
+
+export const fontOnlycaptionVariants = cva(
+  styles.captionFontOnly,
+  fontOnlyConfig
+)