feat: cards

packages/website-ue/src/components/Text/index.css

@@ -1,3 +1,7 @@
 .text {
   font-size: var(--font-size-regular);
+
+  &[data-size="minor"] {
+    font-size: var(--font-size-minor);
+  }
 }

packages/website-ue/src/components/Text/index.tsx

@@ -6,18 +6,21 @@ import "./index.css";
 export interface TextProps extends ComponentProps<"span"> {
   color?: Color;
   lowContrast?: boolean;
+  size?: "regular" | "minor";
 }
 
 export function Text({
   color = "gray",
   lowContrast,
   className,
+  size = "regular",
   ...props
 }: TextProps) {
   return (
     <span
       className={classNames("text", className)}
       style={{ color: `var(--${color}-${lowContrast ? 11 : 12})` }}
+      data-size={size}
       {...props}
     />
   );