feat(typography): add

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · Apr 15, 2024 · a7aba00 · a7aba00
1 parent 897d6ab
commit a7aba00
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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,