Added body2Bold typography

cloudquery · Aug 7, 2024 · 33d739b · 33d739b
1 parent e646f1a
commit 33d739b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/theme/createComponents.tsx b/src/theme/createComponents.tsx
@@ -681,6 +681,7 @@ export const createThemeComponents = ({
       defaultProps: {
         variantMapping: {
           body1Bold: 'p',
+          body2Bold: 'p',
         },
       },
     },

diff --git a/src/theme/createTypographyOptions.ts b/src/theme/createTypographyOptions.ts
@@ -27,6 +27,11 @@ export const createTypographyOptions = (): TypographyOptions => {
       fontWeight: 400,
       lineHeight: 1.57,
     },
+    body2Bold: {
+      fontSize: '0.875rem',
+      fontWeight: 600,
+      lineHeight: 1.57,
+    },
     button: {
       fontWeight: 600,
     },

diff --git a/src/theme/types.ts b/src/theme/types.ts
@@ -3,17 +3,20 @@ import React from 'react';
 declare module '@mui/material/styles' {
   interface TypographyVariants {
     body1Bold: React.CSSProperties;
+    body2Bold: React.CSSProperties;
     tableHeader: React.CSSProperties;
   }
   interface TypographyVariantsOptions {
     body1Bold?: React.CSSProperties;
+    body2Bold?: React.CSSProperties;
     tableHeader?: React.CSSProperties;
   }
 }
 
 declare module '@mui/material/Typography' {
   interface TypographyPropsVariantOverrides {
     body1Bold: true;
+    body2Bold: true;
     tableHeader: true;
   }
 }