@mui/codemod/v5.0.0/rename-css-variables.test/expected.js

Codemod scripts for Material UI.

"use strict";

var _jsxRuntime = require("react/jsx-runtime");
/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(List, {
    sx: {
      py: 'var(--ListDivider-gap)',
      '--ListItemDecorator-size': '24px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(List, {
    sx: {
      '--ListItemDecorator-size': '24px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, {
    sx: {
      '--ListItem-minHeight': '20px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
    sx: {
      '--Input-decoratorChildHeight': '10px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalDialog, {
    sx: {
      '--unstable_ModalDialog-descriptionOffset': '12px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Autocomplete, {
    sx: {
      '--Autocomplete-wrapperGap': '10px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Switch, {
    sx: {
      '--Switch-trackWidth': '40px'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
    sx: {
      py: 'var(--unstable_actionRadius)'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
    sx: {
      py: 'var(--unstable_actionRadius)'
    }
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
    sx: {
      py: 'var(--unstable_actionRadius)'
    }
  })]
});