@mui/codemod/v7.0.0/theme-color-functions/test-cases/lighten-basic.actual.js

Codemod scripts for Material UI.

"use strict";

var _colorManipulator = require("@mui/system/colorManipulator");
const Component = styled('div')(({
  theme
}) => ({
  backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.main, 0.2),
  color: (0, _colorManipulator.lighten)(theme.palette.text.primary, 0.5),
  border: `1px solid ${(0, _colorManipulator.lighten)(theme.palette.divider, 0.1)}`,
  '&:hover': {
    backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.dark, 0.3)
  }
}));