From a7aba002a1ae3a0e169d5250cf975abdbb0324f6 Mon Sep 17 00:00:00 2001
From: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
Date: Mon, 15 Apr 2024 20:29:18 +0530
Subject: [PATCH] feat(typography): add

Signed-off-by: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
---
 src/theme/components/formlabel.modifier.ts     | 4 +++-
 src/theme/components/input.modifier.ts         | 4 +++-
 src/theme/components/outlinedinput.modifier.ts | 4 +++-
 src/theme/components/textfield.modifier.ts     | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/theme/components/formlabel.modifier.ts b/src/theme/components/formlabel.modifier.ts
index 67b1626c5..571ad63ae 100644
--- a/src/theme/components/formlabel.modifier.ts
+++ b/src/theme/components/formlabel.modifier.ts
@@ -6,9 +6,11 @@ export const MuiFormLabel: Components<Theme>['MuiFormLabel'] = {
       const {
         palette: {
           background: { brand }
-        }
+        },
+        typography: { textB1Regular }
       } = theme;
       return {
+        ...textB1Regular,
         '&.Mui-focused': {
           color: brand?.default
         }
diff --git a/src/theme/components/input.modifier.ts b/src/theme/components/input.modifier.ts
index d42899eaf..9ff507054 100644
--- a/src/theme/components/input.modifier.ts
+++ b/src/theme/components/input.modifier.ts
@@ -6,9 +6,11 @@ export const MuiInput: Components<Theme>['MuiInput'] = {
       const {
         palette: {
           background: { graphics }
-        }
+        },
+        typography: { textB1Regular }
       } = theme;
       return {
+        ...textB1Regular,
         '&:before': {
           borderBottom: '2px solid rgba(0, 0, 0, 0.5)'
         },
diff --git a/src/theme/components/outlinedinput.modifier.ts b/src/theme/components/outlinedinput.modifier.ts
index a0f17e860..fdff0d1cb 100644
--- a/src/theme/components/outlinedinput.modifier.ts
+++ b/src/theme/components/outlinedinput.modifier.ts
@@ -10,9 +10,11 @@ export const MuiOutlinedInput: Components<Theme>['MuiOutlinedInput'] = {
       const {
         palette: {
           background: { graphics, brand }
-        }
+        },
+        typography: { textB1Regular }
       } = theme;
       return {
+        ...textB1Regular,
         [`&:hover .${outlinedInputClasses.notchedOutline}`]: {
           borderColor: graphics?.default
         },
diff --git a/src/theme/components/textfield.modifier.ts b/src/theme/components/textfield.modifier.ts
index c6bd08ded..3202d47ce 100644
--- a/src/theme/components/textfield.modifier.ts
+++ b/src/theme/components/textfield.modifier.ts
@@ -6,9 +6,11 @@ export const MuiTextField: Components<Theme>['MuiTextField'] = {
       const {
         palette: {
           background: { graphics }
-        }
+        },
+        typography: { textB1Regular }
       } = theme;
       return {
+        ...textB1Regular,
         '--TextField-brandBorderColor': 'rgba(0, 0, 0, 0.5)',
         '--TextField-brandBorderHoverColor': graphics?.default,
         '--TextField-brandBorderFocusedColor': graphics?.default,