feat(typography): add sizes to typography (#28)

giantnodes · Apr 21, 2024 · 4240d35 · 4240d35
1 parent 21a563e
commit 4240d35
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/packages/theme/src/components/typography.ts b/packages/theme/src/components/typography.ts
@@ -4,15 +4,29 @@ import { tv } from 'tailwind-variants'
 
 export const typography = tv({
   slots: {
-    paragraph: ['text-sm', 'antialiased', 'text-shark-400 dark:text-shark-100'],
+    paragraph: ['antialiased', 'text-shark-400 dark:text-shark-100'],
   },
   variants: {
+    size: {
+      sm: {
+        paragraph: ['text-sm'],
+      },
+      md: {
+        paragraph: ['text-md'],
+      },
+      lg: {
+        paragraph: ['text-lg'],
+      },
+    },
     variant: {
       subtitle: {
         paragraph: ['text-xs', 'text-shark-500 dark:text-shark-300'],
       },
     },
   },
+  defaultVariants: {
+    size: 'sm',
+  },
 })
 
 export type TypographyVariantProps = VariantProps<typeof typography>