UNPKG

@mui/codemod

Version:

Codemod scripts for Material UI.

github.com/mui/material-ui/tree/master/packages/mui-codemod

mui/material-ui

17 lines (16 loc) • 829 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
"use strict"; var _colorManipulator = require("@mui/system/colorManipulator"); const ComplexComponent = styled('div')(({ theme }) => ({ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.1)` : (0, _colorManipulator.alpha)(theme.palette.primary.main, 0.1), border: `2px solid ${(0, _colorManipulator.lighten)(theme.palette.primary.main, 0.5)}`, '&:hover': { backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.2)` : (0, _colorManipulator.alpha)(theme.palette.primary.main, 0.2), borderColor: (0, _colorManipulator.darken)(theme.palette.primary.main, 0.2) }, '&:active': { backgroundColor: (0, _colorManipulator.darken)(theme.palette.primary.dark, 0.1), color: (0, _colorManipulator.lighten)(theme.palette.primary.contrastText, 0.3) } }));