Newer
Older
import { colorBlueHover, colorGrayHover, colorGrayLight } from "../colors";
const containedOverrides = {
"&:hover": {
backgroundColor: colorBlueHover,
},
"&:disabled": {
borderColor: colorGrayLight,
};
const outlinedOverrides = {
borderColor: colorGrayLight,
"&:hover": {
borderColor: colorGrayLight,
backgroundColor: colorGrayHover,
"&:disabled": {
borderColor: colorGrayLight,
color: colorGrayLight,
},
};
const textOverrides = {
"&:hover": {
backgroundColor: colorGrayHover,
},
"&:disabled": {
color: colorGrayLight,
},
};
export default {
/** Styles applied when `variant="contained"` */
contained: containedOverrides,
/** Styles applied when `variant="contained"` and `color="secondary"` */
containedSecondary: containedOverrides,
/** Styles applied when `variant="outlined"` */
outlined: outlinedOverrides,
/** Styles applied when `variant="outlined"` and `color="secondary"` */
outlinedSecondary: outlinedOverrides,
/** Styles applied when `variant="text"` */
text: textOverrides,
/** Styles applied when `variant="text"` and `color="secondary"` */
textSecondary: textOverrides,