@prabink/react-node-cli
Version:
React Node Application Generator & Helpers To Serve React Build, Push to github & Export industry level react project structure
66 lines (64 loc) • 1.59 kB
JavaScript
// ----------------------------------------------------------------------
export default function Input(theme) {
return {
MuiInputBase: {
styleOverrides: {
root: {
'&.Mui-disabled': {
'& svg': { color: theme.palette.text.disabled }
}
},
input: {
'&::placeholder': {
opacity: 1,
color: theme.palette.text.disabled
}
}
}
},
MuiInput: {
styleOverrides: {
underline: {
'&:before': {
borderBottomColor: theme.palette.grey[500_56]
}
}
}
},
MuiFilledInput: {
styleOverrides: {
root: {
backgroundColor: theme.palette.grey[500_12],
'&:hover': {
backgroundColor: theme.palette.grey[500_16]
},
'&.Mui-focused': {
backgroundColor: theme.palette.action.focus
},
'&.Mui-disabled': {
backgroundColor: theme.palette.action.disabledBackground
}
},
underline: {
'&:before': {
borderBottomColor: theme.palette.grey[500_56]
}
}
}
},
MuiOutlinedInput: {
styleOverrides: {
root: {
'& .MuiOutlinedInput-notchedOutline': {
borderColor: theme.palette.grey[500_32]
},
'&.Mui-disabled': {
'& .MuiOutlinedInput-notchedOutline': {
borderColor: theme.palette.action.disabledBackground
}
}
}
}
}
};
}