@mui/codemod
Version:
Codemod scripts for Material UI.
36 lines (35 loc) • 1.2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DigitalClockItem = void 0;
const DigitalClockItem = exports.DigitalClockItem = styled(MenuItem, {
name: 'MuiDigitalClock',
slot: 'Item',
shouldForwardProp: prop => prop !== 'itemValue' && prop !== 'formattedValue',
overridesResolver: (props, styles) => styles.item
})(({
theme
}) => ({
padding: '8px 16px',
margin: '2px 4px',
'&:first-of-type': {
marginTop: 4
},
'&:hover': {
backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.hoverOpacity)
},
'&.Mui-selected': {
backgroundColor: (theme.vars || theme).palette.primary.main,
color: (theme.vars || theme).palette.primary.contrastText,
'&:focus-visible, &:hover': {
backgroundColor: (theme.vars || theme).palette.primary.dark
}
},
'&.Mui-focusVisible': {
backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.focusOpacity)
}
}));
function transform(t) {
const backgroundBackdrop = t.alpha((t.vars || t).palette.background.default, (t.vars || t).palette.action.disabledOpacity);
}