[Improvement] Add new text styles (#18)

* Add new text styles * Update text styles * Change button-bold text style to button-semibold Co-authored-by: Oustan Ding <oustan10@gmail.com> Co-authored-by: Oustan Ding <oustan10@gmail.com>
uwblueprint · Jul 2, 2021 · 7c09289 · 7c09289
1 parent aa8e513
commit 7c09289
Showing 1 changed file with 29 additions and 4 deletions.
diff --git a/tools/theme/text-styles.ts b/tools/theme/text-styles.ts
@@ -3,20 +3,30 @@
  */
 const textStyles = {
   'display-xlarge': {
-    fontSize: '48px',
+    fontSize: '40px',
     fontWeight: 'semibold',
     lineHeight: '140%',
   },
   'display-large': {
-    fontSize: '36px',
+    fontSize: '28px',
     fontWeight: 'semibold',
     lineHeight: '140%',
   },
+  'display-medium-bold': {
+    fontSize: '26px',
+    fontWeight: 'bold',
+    lineHeight: '140%',
+  },
   'display-medium': {
-    fontSize: '28px',
+    fontSize: '26px',
     fontWeight: 'normal',
     lineHeight: '140%',
   },
+  'display-small-semibold': {
+    fontSize: '24px',
+    fontWeight: 'semibold',
+    lineHeight: '150%',
+  },
   'display-small': {
     fontSize: '24px',
     fontWeight: 'normal',
@@ -33,6 +43,16 @@ const textStyles = {
     lineHeight: '130%',
     textTransform: 'uppercase',
   },
+  'button-semibold': {
+    fontSize: '18px',
+    fontWeight: 'semibold',
+    lineHeight: '24px',
+  },
+  'button-regular': {
+    fontSize: '18px',
+    fontWeight: 'normal',
+    lineHeight: '24px',
+  },
   'body-regular': {
     fontSize: '18px',
     fontWeight: 'normal',
@@ -48,10 +68,15 @@ const textStyles = {
     fontWeight: 'normal',
     lineHeight: '150%',
   },
+  'xsmall-medium': {
+    fontSize: '14px',
+    fontWeight: 'medium',
+    lineHeight: '150%',
+  },
   xsmall: {
     fontSize: '14px',
     fontWeight: 'normal',
-    lineHeight: '120%',
+    lineHeight: '150%',
   },
 };