Add heading size xs used in designs

the-guild-org · Nov 1, 2024 · 20cabcc · 20cabcc
1 parent 5a457af
commit 20cabcc
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/components/src/components/heading.tsx b/packages/components/src/components/heading.tsx
@@ -3,7 +3,7 @@ import { cn } from '../cn';
 
 export interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
   as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'p' | 'span';
-  size: 'xl' | 'lg' | 'md' | 'sm';
+  size: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 }
 export function Heading({ as: _as, size, className, children, ...rest }: HeadingProps) {
   const Level = _as || 'h2';
@@ -24,6 +24,9 @@ export function Heading({ as: _as, size, className, children, ...rest }: Heading
     case 'sm':
       sizeStyle = 'text-[40px] leading-[1.2] tracking-[-0.2px]';
       break;
+    case 'xs':
+      sizeStyle = 'text-[32px]/[1.25] tracking-[-0.16px]';
+      break;
   }
 
   const id =