feat(WEB-249): first iteration design system primitives (typography, grid)

components/TempDesignSystem/Text/Caption/index.tsx

@@ -0,0 +1,17 @@
+import { captionVariants } from "./variants"
+
+import type { CaptionProps } from "./caption"
+
+export default function Caption({
+  children,
+  className = "",
+  color,
+  textTransform,
+}: CaptionProps) {
+  const classNames = captionVariants({
+    className,
+    color,
+    textTransform,
+  })
+  return <p className={classNames}>{children}</p>
+}