From a7bfa14d9dfb13c06fea9e3a52efd91ce0507cb8 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Fri, 22 Sep 2023 13:41:44 +0330
Subject: [PATCH] feat: add subtitle 3-5 typography variants

---
 .../src/components/Theme/baseTheme.ts         | 38 ++++++++++++++++++-
 .../lsd-react/src/components/Theme/types.ts   |  3 ++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/packages/lsd-react/src/components/Theme/baseTheme.ts b/packages/lsd-react/src/components/Theme/baseTheme.ts
index f92c00a..ee9e22b 100644
--- a/packages/lsd-react/src/components/Theme/baseTheme.ts
+++ b/packages/lsd-react/src/components/Theme/baseTheme.ts
@@ -23,6 +23,9 @@ export const baseTheme: Theme = {
         label2: {},
         subtitle1: {},
         subtitle2: {},
+        subtitle3: {},
+        subtitle4: {},
+        subtitle5: {},
       },
     },
     sm: {
@@ -40,6 +43,9 @@ export const baseTheme: Theme = {
         body2: {},
         body3: {},
         label1: {},
+        subtitle5: {},
+        subtitle4: {},
+        subtitle3: {},
         label2: {},
         subtitle1: {},
         subtitle2: {},
@@ -60,6 +66,9 @@ export const baseTheme: Theme = {
         body2: {},
         body3: {},
         label1: {},
+        subtitle5: {},
+        subtitle4: {},
+        subtitle3: {},
         label2: {},
         subtitle1: {},
         subtitle2: {},
@@ -80,13 +89,16 @@ export const baseTheme: Theme = {
         body2: {},
         body3: {},
         label1: {},
+        subtitle5: {},
+        subtitle4: {},
+        subtitle3: {},
         label2: {},
         subtitle1: {},
         subtitle2: {},
       },
     },
     xl: {
-      width: 1200,
+      width: 1205,
       typography: {
         display1: {},
         display2: {},
@@ -100,6 +112,9 @@ export const baseTheme: Theme = {
         body2: {},
         body3: {},
         label1: {},
+        subtitle5: {},
+        subtitle4: {},
+        subtitle3: {},
         label2: {},
         subtitle1: {},
         subtitle2: {},
@@ -123,12 +138,31 @@ export const baseTheme: Theme = {
     h4: { fontSize: '1.75rem', fontWeight: 'normal', lineHeight: '2.25rem' },
     h5: { fontSize: '1.5rem', fontWeight: 'normal', lineHeight: '2rem' },
     h6: { fontSize: '1.375rem', fontWeight: 'normal', lineHeight: '1.75rem' },
-    subtitle1: { fontSize: '1rem', fontWeight: 'normal', lineHeight: '1.5rem' },
+    subtitle1: {
+      fontSize: '1.25rem',
+      fontWeight: 'normal',
+      lineHeight: '1.625rem',
+    },
     subtitle2: {
+      fontSize: '1.125rem',
+      fontWeight: 'normal',
+      lineHeight: '1.5rem',
+    },
+    subtitle3: {
+      fontSize: '1rem',
+      fontWeight: 'normal',
+      lineHeight: '1.5rem',
+    },
+    subtitle4: {
       fontSize: '0.875rem',
       fontWeight: 'normal',
       lineHeight: '1.25rem',
     },
+    subtitle5: {
+      fontSize: '0.75rem',
+      fontWeight: 'normal',
+      lineHeight: '1rem',
+    },
     body1: { fontSize: '1rem', fontWeight: 'normal', lineHeight: '1.5rem' },
     body2: {
       fontSize: '0.875rem',
diff --git a/packages/lsd-react/src/components/Theme/types.ts b/packages/lsd-react/src/components/Theme/types.ts
index e44f074..0b3100d 100644
--- a/packages/lsd-react/src/components/Theme/types.ts
+++ b/packages/lsd-react/src/components/Theme/types.ts
@@ -15,6 +15,9 @@ export type TypographyVariants =
   | 'h6'
   | 'subtitle1'
   | 'subtitle2'
+  | 'subtitle3'
+  | 'subtitle4'
+  | 'subtitle5'
   | 'body1'
   | 'body2'
   | 'body3'