chore: add input styles

src/theme/components/inputs.ts

@@ -0,0 +1,25 @@
+import { Theme } from "@mui/material/styles";
+
+const inputs = (): Theme["components"] => {
+    return {
+        MuiInputBase: {
+            variants: [
+                {
+                    props: { size: "medium" },
+                    style: {
+                        fontSize: "14px",
+                    },
+                },
+                {
+                    props: { size: "small" },
+                    style: {
+                        height: "30px",
+                        fontSize: "13px",
+                    },
+                },
+            ],
+        },
+    };
+};
+
+export default inputs;

src/theme/theme.ts

@@ -2,6 +2,7 @@ import { createTheme, Theme } from "@mui/material/styles";
 
 import buttons from "./components/buttons";
 import chips from "./components/chips";
+import inputs from "./components/inputs";
 import lightPalette from "./palette";
 import shadows from "./shadows";
 import typography from "./typography";
@@ -95,6 +96,7 @@ const buildTheme = (theme: Theme) => {
         components: {
             ...buttons(theme),
             ...chips(),
+            ...inputs(),
             ...MuiSvgIconSizesOverrides,
         },
     });