fixing Text component size variant

brenocastelo · Dec 13, 2022 · 3975178 · 3975178
1 parent 88d2117
commit 3975178
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/packages/react/src/components/Text.tsx b/packages/react/src/components/Text.tsx
@@ -8,19 +8,19 @@ export const Text = styled('p', {
   color: '$gray100',
   variants: {
     size: {
-      xxs: { fontSize: 'xxs' },
-      xs: { fontSize: 'xs' },
-      sm: { fontSize: 'sm' },
-      md: { fontSize: 'md' },
-      lg: { fontSize: 'lg' },
-      xl: { fontSize: 'xl' },
-      '2xl': { fontSize: '2xl' },
-      '4xl': { fontSize: '4xl' },
-      '5xl': { fontSize: '5xl' },
-      '6xl': { fontSize: '6xl' },
-      '7xl': { fontSize: '7xl' },
-      '8xl': { fontSize: '8xl' },
-      '9xl': { fontSize: '9xl' },
+      xxs: { fontSize: '$xxs' },
+      xs: { fontSize: '$xs' },
+      sm: { fontSize: '$sm' },
+      md: { fontSize: '$md' },
+      lg: { fontSize: '$lg' },
+      xl: { fontSize: '$xl' },
+      '2xl': { fontSize: '$2xl' },
+      '4xl': { fontSize: '$4xl' },
+      '5xl': { fontSize: '$5xl' },
+      '6xl': { fontSize: '$6xl' },
+      '7xl': { fontSize: '$7xl' },
+      '8xl': { fontSize: '$8xl' },
+      '9xl': { fontSize: '$9xl' },
     },
   },