fix(typography.js): add font-bold to .h1-5 shortcuts (#121)

warp-ds · Jun 14, 2023 · b84a631 · b84a631
1 parent 57cbfd9
commit b84a631
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/_shortcuts/typography.js b/src/_shortcuts/typography.js
@@ -5,11 +5,11 @@ export const typographyAliases = {
   t4: 'text-m',
   t5: 'text-s',
   t6: 'text-xs',
-  h5: 'text-s',
-  h4: 'text-m',
-  h3: 'text-l',
-  h2: 'text-xl',
-  h1: 'text-xxl',
+  h5: 'text-s font-bold',
+  h4: 'text-m font-bold',
+  h3: 'text-l font-bold',
+  h2: 'text-xl font-bold',
+  h1: 'text-xxl font-bold',
   'text-display': 'text-xxxl',
   'text-preamble': 'text-ml',
   'text-body': 'text-m',

diff --git a/test/__snapshots__/typography.js.snap b/test/__snapshots__/typography.js.snap
@@ -2,16 +2,16 @@
 
 exports[`shortcuts 1`] = `
 "/* layer: shortcuts */
-.h1,
+.h1{font-weight:700;font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl);}
+.h2{font-weight:700;font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl);}
+.h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l);}
+.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.h5{font-weight:700;font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .t1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl);}
-.h2,
 .t2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl);}
-.h3,
 .t3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l);}
-.h4,
 .t4,
 .text-body{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
-.h5,
 .t5,
 .text-caption{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .t6,