From ccc3c5b4203c25743a2fee2dfa71ce80f1febca6 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Mon, 28 Nov 2022 13:37:31 -0800
Subject: [PATCH] update letterSpacing and lineHeight values

% not supported for letterSpacing, 'auto' not supported for lineHeight
---
 src/theme/foundations/textStyles.ts | 36 ++++++++++++++---------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
index 0bfc33daea..e92daed0c9 100644
--- a/src/theme/foundations/textStyles.ts
+++ b/src/theme/foundations/textStyles.ts
@@ -4,53 +4,53 @@ export const textStyles = {
     fontWeight: 700,
     fontSize: '2.75rem',
     lineHeight: '3.375rem',
-    letterSpacing: '5%',
+    letterSpacing: '0.05em',
     color: 'body'
   },
   h2: {
     fontFamily: 'heading',
     fontWeight: 400,
     fontSize: '1.5rem',
-    lineHeight: 'auto',
-    letterSpacing: '4%',
+    lineHeight: 'normal',
+    letterSpacing: '0.04em',
     color: 'body'
   },
   header1: {
     fontFamily: 'heading',
     fontWeight: 700,
     fontSize: '2.125rem',
-    letterSpacing: '3%',
-    lineHeight: 'auto'
+    letterSpacing: '0.03em',
+    lineHeight: 'normal'
   },
   header2: {
     fontFamily: 'heading',
     fontSize: '1.75rem',
-    letterSpacing: '4%',
-    lineHeight: 'auto'
+    letterSpacing: '0.04em',
+    lineHeight: 'normal'
   },
   header3: {
     fontFamily: 'heading',
     fontSize: '1.375rem',
-    letterSpacing: '4%',
-    lineHeight: 'auto'
+    letterSpacing: '0.04em',
+    lineHeight: 'normal'
   },
   header4: {
     fontFamily: 'heading',
     fontSize: '1.125rem',
-    letterSpacing: '4%',
-    lineHeight: 'auto'
+    letterSpacing: '0.04em',
+    lineHeight: 'normal'
   },
   header5: {
     fontFamily: 'heading',
     fontSize: '1rem',
-    letterSpacing: '2%',
-    lineHeight: 'auto'
+    letterSpacing: '0.02em',
+    lineHeight: 'normal'
   },
   header6: {
     fontFamily: 'heading',
     fontSize: '0.875rem',
-    letterSpacing: '2%',
-    lineHeight: 'auto'
+    letterSpacing: '0.02em',
+    lineHeight: 'normal'
   },
   'header-font': {
     fontFamily: 'heading',
@@ -100,7 +100,7 @@ export const textStyles = {
     fontWeight: 700,
     textTransform: 'uppercase',
     lineHeight: '21.12px',
-    letterSpacing: '2%'
+    letterSpacing: '0.02em'
   },
   'footer-text': {
     fontFamily: 'body',
@@ -142,14 +142,14 @@ export const textStyles = {
     fontWeight: 400,
     fontSize: 'md',
     lineHeight: 4,
-    letterSpacing: '1%'
+    letterSpacing: '0.01em'
   },
   'code-block': {
     fontFamily: 'heading',
     fontWeight: 400,
     fontSize: 'md',
     lineHeight: '21.12px',
-    letterSpacing: '1%'
+    letterSpacing: '0.01em'
   },
   // TODO: refactor w/ semantic tokens for light/dark mode
   'link-light': {},