diff --git a/src/theme/components/inputs.ts b/src/theme/components/inputs.ts new file mode 100644 index 00000000..7c1efc0c --- /dev/null +++ b/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; diff --git a/src/theme/theme.ts b/src/theme/theme.ts index 9bc80916..238e475f 100644 --- a/src/theme/theme.ts +++ b/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, }, });