@brightlayer-ui/react-themes
Version:
React themes for Brightlayer UI applications
54 lines (53 loc) • 2.12 kB
JavaScript
import { BLUIColors } from '@brightlayer-ui/colors';
export default {
styleOverrides: {
underline: ({ theme }) => ({
'&:before': {
borderBottomColor: theme.vars.palette.divider,
},
'&:not(.Mui-disabled):hover:before': {
borderBottomWidth: 1,
borderBottomColor: BLUIColors.black[500],
},
'&.Mui-disabled:before': {
borderBottomColor: theme.vars.palette.divider,
borderBottomStyle: 'solid',
},
'&.Mui-error:not(.Mui-focused):after': {
borderBottomWidth: 1,
},
'&.Mui-error:not(.Mui-focused)&:hover:after': {
borderBottomColor: theme.vars.palette.error.dark,
},
...theme.applyStyles('dark', {
'&:before': {
borderBottomColor: theme.vars.palette.divider,
},
'&:not(.Mui-disabled):hover:before': {
borderBottomWidth: 1,
borderBottomColor: BLUIColors.black[200],
},
'&:after': {
borderBottomColor: theme.vars.palette.primary.dark,
},
'&.Mui-error.Mui-focused:after': {
borderBottomColor: theme.vars.palette.error.dark,
},
'&.Mui-error:not(.Mui-focused):after': {
borderBottomWidth: 1,
borderBottomColor: theme.vars.palette.error.dark,
},
'&.Mui-error:not(.Mui-focused):hover:after': {
borderBottomColor: theme.vars.palette.error.main,
},
'&.MuiInput-colorSecondary:not(.Mui-error):after': {
borderBottomColor: theme.vars.palette.secondary.dark,
},
'&.Mui-disabled:before': {
borderBottomColor: theme.vars.palette.divider,
borderBottomStyle: 'solid',
},
}),
}),
},
};