mui-themes-extand
Version:
Boilerplate for extends MUI6 themes
64 lines (63 loc) • 1.94 kB
TypeScript
import { Theme } from "@mui/material/styles";
export default function Input(theme: Theme): {
MuiInput: {
styleOverrides: {
underline: {
"&:before": {
borderBottom: string;
};
"&:hover:not(.Mui-disabled):before": {
borderBottom: string;
};
};
};
};
MuiFilledInput: {
styleOverrides: {
root: {
backgroundColor: string;
"&:hover": {
backgroundColor: string;
};
"&.Mui-focused": {
backgroundColor: string;
};
"&.Mui-disabled": {
backgroundColor: string;
};
};
underline: {
"&:before": {
borderBottomColor: string;
};
};
};
};
MuiOutlinedInput: {
styleOverrides: {
root: {
borderRadius: string;
backgroundColor: string;
"&.Mui-focused": {
backgroundColor: string;
};
"& fieldset": {
borderColor: string;
};
"&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
borderColor: string;
};
"&.Mui-disabled:hover .MuiOutlinedInput-notchedOutline": {
borderColor: string;
};
"&:hover .MuiOutlinedInput-notchedOutline": {
borderColor: string;
borderWidth: string;
};
"&.Mui-focused fieldset": {
borderWidth: string;
};
};
};
};
};