cloudhub-components
Version:
Various components to use in react projects
67 lines (65 loc) • 1.58 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Input;
// ----------------------------------------------------------------------
function Input(_ref) {
var theme = _ref.theme;
return {
MuiInputBase: {
styleOverrides: {
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
}
}
}
}
}
};
}