@mui/codemod 7.1.0 → 7.2.0

package/deprecations/slider-classes/test-cases/package.actual.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Slider = require("@org/ui/material/Slider");
+'& .MuiSlider-thumbSizeSmall';
+'& .MuiSlider-thumbSizeMedium';
+'& .MuiSlider-thumbColorPrimary';
+'& .MuiSlider-thumbColorSecondary';
+'& .MuiSlider-thumbColorError';
+'& .MuiSlider-thumbColorInfo';
+'& .MuiSlider-thumbColorSuccess';
+'& .MuiSlider-thumbColorWarning';
+`& .${_Slider.sliderClasses.thumbSizeSmall}`;
+`& .${_Slider.sliderClasses.thumbSizeMedium}`;
+`& .${_Slider.sliderClasses.thumbColorPrimary}`;
+`& .${_Slider.sliderClasses.thumbColorSecondary}`;
+`& .${_Slider.sliderClasses.thumbColorError}`;
+`& .${_Slider.sliderClasses.thumbColorInfo}`;
+`& .${_Slider.sliderClasses.thumbColorSuccess}`;
+`& .${_Slider.sliderClasses.thumbColorWarning}`;

package/deprecations/slider-classes/test-cases/package.expected.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Slider = require("@org/ui/material/Slider");
+"&.MuiSlider-sizeSmall > .MuiSlider-thumb";
+"&.MuiSlider-sizeMedium > .MuiSlider-thumb";
+"&.MuiSlider-colorPrimary > .MuiSlider-thumb";
+"&.MuiSlider-colorSecondary > .MuiSlider-thumb";
+"&.MuiSlider-colorError > .MuiSlider-thumb";
+"&.MuiSlider-colorInfo > .MuiSlider-thumb";
+"&.MuiSlider-colorSuccess > .MuiSlider-thumb";
+"&.MuiSlider-colorWarning > .MuiSlider-thumb";
+`&.${_Slider.sliderClasses.sizeSmall} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.sizeMedium} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorPrimary} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorSecondary} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorError} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorInfo} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorSuccess} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorWarning} > .${_Slider.sliderClasses.thumb}`;

package/deprecations/slider-props/slider-props.js

@@ -16,6 +16,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _replaceComponentsWithSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Slider'
   });
   return root.toSource(printOptions);

package/deprecations/slider-props/test-cases/package.actual.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Slider = _interopRequireDefault(require("@org/ui/material/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  components: {
+    Track: ComponentsTrack
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: slotsTrackProps
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: slotsTrackProps
+  },
+  componentsProps: {
+    track: componentsTrackProps,
+    rail: componentsRailProps
+  }
+});

package/deprecations/slider-props/test-cases/package.expected.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Slider = _interopRequireDefault(require("@org/ui/material/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    track: ComponentsTrack
+  },
+  slotProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: {
+      ...componentsTrackProps,
+      ...slotsTrackProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  slotProps: {
+    track: {
+      ...componentsTrackProps,
+      ...slotsTrackProps
+    },
+    rail: {
+      ...componentsRailProps,
+      ...slotsRailProps
+    }
+  }
+});

package/deprecations/snackbar-props/snackbar-props.js

@@ -17,24 +17,28 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'TransitionProps',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'ContentProps',
     slotName: 'content'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'ClickAwayListenerProps',
     slotName: 'clickAwayListener'

package/deprecations/snackbar-props/test-cases/package.actual.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Snackbar = _interopRequireDefault(require("@org/ui/material/Snackbar"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    root: 'div'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    ...outerSlots
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: ComponentTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSnackbar, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

package/deprecations/snackbar-props/test-cases/package.expected.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Snackbar = _interopRequireDefault(require("@org/ui/material/Snackbar"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  slots: {
+    root: 'div',
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  slots: {
+    ...outerSlots,
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSnackbar, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

package/deprecations/speed-dial-action-props/speed-dial-action-props.js

@@ -16,6 +16,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'tooltipTitle',
     slotName: 'tooltip',
@@ -23,6 +24,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'tooltipPlacement',
     slotName: 'tooltip',
@@ -30,6 +32,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'tooltipOpen',
     slotName: 'tooltip',
@@ -37,6 +40,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'TooltipClasses',
     slotName: 'tooltip',
@@ -44,6 +48,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'FabProps',
     slotName: 'fab'

package/deprecations/speed-dial-action-props/test-cases/package.actual.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDialAction = _interopRequireDefault(require("@org/ui/material/SpeedDialAction"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  tooltipTitle: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  tooltipOpen: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  tooltipPlacement: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  TooltipClasses: TooltipClasses
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  FabProps: FabProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  TooltipClasses: TooltipClasses,
+  tooltipOpen: true,
+  tooltipPlacement: "top",
+  tooltipTitle: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  TooltipClasses: TooltipClasses,
+  tooltipOpen: true,
+  tooltipPlacement: "top",
+  tooltipTitle: "test",
+  FabProps: FabProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  tooltipTitle: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  tooltipOpen: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  tooltipPlacement: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  TooltipClasses: TooltipClasses
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  FabProps: FabProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  TooltipClasses: TooltipClasses,
+  tooltipOpen: true,
+  tooltipPlacement: "top",
+  tooltipTitle: "test",
+  FabProps: FabProps
+});

package/deprecations/speed-dial-action-props/test-cases/package.expected.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDialAction = _interopRequireDefault(require("@org/ui/material/SpeedDialAction"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      title: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      open: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      placement: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      classes: TooltipClasses
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    fab: FabProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      title: "test",
+      placement: "top",
+      open: true,
+      classes: TooltipClasses
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      title: "test",
+      placement: "top",
+      open: true,
+      classes: TooltipClasses
+    },
+    fab: FabProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      title: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      open: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      placement: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      classes: TooltipClasses
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    fab: FabProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      title: "test",
+      placement: "top",
+      open: true,
+      classes: TooltipClasses
+    },
+    fab: FabProps
+  }
+});

package/deprecations/speed-dial-props/speed-dial-props.js

@@ -17,12 +17,14 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDial',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDial',
     propName: 'TransitionProps',
     slotName: 'transition'

package/deprecations/speed-dial-props/test-cases/package.actual.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDial = _interopRequireDefault(require("@org/ui/material/SpeedDial"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    root: 'div'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    ...outerSlots
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  TransitionComponent: ComponentTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  }
+});
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

package/deprecations/speed-dial-props/test-cases/package.expected.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDial = _interopRequireDefault(require("@org/ui/material/SpeedDial"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  slots: {
+    root: 'div',
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  slots: {
+    ...outerSlots,
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

package/deprecations/step-connector-classes/step-connector-classes.js

@@ -18,7 +18,7 @@ function transformer(file, api, options) {
     replacementSelector
   }) => {
     const replacementSelectorPrefix = '&';
-    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(/^@mui\/material\/StepConnector$/)).forEach(path => {
+    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${options.packageName || '@mui/material'}(/StepConnector)?$`))).forEach(path => {
       path.node.specifiers.forEach(specifier => {
         if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'stepConnectorClasses') {
           const deprecatedAtomicClass = deprecatedClass.replace(`${deprecatedClass.split('-')[0]}-`, '');

package/deprecations/step-connector-classes/test-cases/package.actual.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _StepConnector = require("@org/ui/material/StepConnector");
+'& .MuiStepConnector-lineHorizontal';
+'& .MuiStepConnector-lineVertical';
+`& .${_StepConnector.stepConnectorClasses.lineHorizontal}`;
+`& .${_StepConnector.stepConnectorClasses.lineVertical}`;

package/deprecations/step-connector-classes/test-cases/package.expected.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _StepConnector = require("@org/ui/material/StepConnector");
+"&.MuiStepConnector-horizontal > .MuiStepConnector-line";
+"&.MuiStepConnector-vertical > .MuiStepConnector-line";
+`&.${_StepConnector.stepConnectorClasses.horizontal} > .${_StepConnector.stepConnectorClasses.line}`;
+`&.${_StepConnector.stepConnectorClasses.vertical} > .${_StepConnector.stepConnectorClasses.line}`;

package/deprecations/step-content-props/step-content-props.js

@@ -17,12 +17,14 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepContent',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepContent',
     propName: 'TransitionProps',
     slotName: 'transition'