diff --git a/packages/mui-codemod/README.md b/packages/mui-codemod/README.md index aa51cb7a8373c2..3030b8b5036995 100644 --- a/packages/mui-codemod/README.md +++ b/packages/mui-codemod/README.md @@ -1242,6 +1242,62 @@ npx @mui/codemod@latest deprecations/input-base-props npx @mui/codemod@latest deprecations/input-props ``` +#### `linear-progress-classes` + +JS transforms: + +```diff + import { linearProgressClasses } from '@mui/material/LinearProgress'; + + MuiLinearProgress: { + styleOverrides: { + root: { +- [`&.${linearProgressClasses.bar1Buffer}`]: {}, ++ [`&.${linearProgressClasses.bar1}.${linearProgressClasses.buffer}`]: {}, +- [`&.${linearProgressClasses.bar1Determinate}`]: {}, ++ [`&.${linearProgressClasses.bar1}.${linearProgressClasses.determinate}`]: {}, +- [`&.${linearProgressClasses.bar1Indeterminate}`]: {}, ++ [`&.${linearProgressClasses.bar1}.${linearProgressClasses.indeterminate}`]: {}, +- [`&.${linearProgressClasses.bar2Buffer}`]: {}, ++ [`&.${linearProgressClasses.bar2}.${linearProgressClasses.buffer}`]: {}, +- [`&.${linearProgressClasses.bar2Indeterminate}`]: {}, ++ [`&.${linearProgressClasses.bar2}.${linearProgressClasses.indeterminate}`]: {}, +- [`&.${linearProgressClasses.barColorPrimary}`]: {}, ++ [`&.${linearProgressClasses.bar}.${linearProgressClasses.colorPrimary}`]: {}, +- [`&.${linearProgressClasses.barColorSecondary}`]: {}, ++ [`&.${linearProgressClasses.bar}.${linearProgressClasses.colorSecondary}`]: {}, +- [`&.${linearProgressClasses.dashedColorPrimary}`]: {}, ++ [`&.${linearProgressClasses.dashed}.${linearProgressClasses.colorPrimary}`]: {}, +- [`&.${linearProgressClasses.dashedColorSecondary}`]: {}, ++ [`&.${linearProgressClasses.dashed}.${linearProgressClasses.colorSecondary}`]: {}, + }, + }, + } +``` + +CSS transforms: + +```diff +-.MuiLinearProgress-bar1Buffer ++.MuiLinearProgress-bar1.MuiLinearProgress-buffer +-.MuiLinearProgress-bar1Determinate ++.MuiLinearProgress-bar1.MuiLinearProgress-determinate +-.MuiLinearProgress-bar1Indeterminate ++.MuiLinearProgress-bar1.MuiLinearProgress-indeterminate +-.MuiLinearProgress-bar2Buffer ++.MuiLinearProgress-bar2.MuiLinearProgress-buffer +-.MuiLinearProgress-bar2Indeterminate ++.MuiLinearProgress-bar2.MuiLinearProgress-indeterminate +-.MuiLinearProgress-barColorPrimary ++.MuiLinearProgress-bar.MuiLinearProgress-colorPrimary +-.MuiLinearProgress-barColorSecondary ++.MuiLinearProgress-bar.MuiLinearProgress-colorSecondary +-.MuiLinearProgress-dashedColorPrimary ++.MuiLinearProgress-dashed.MuiLinearProgress-colorPrimary +-.MuiLinearProgress-dashedColorSecondary ++.MuiLinearProgress-dashed.MuiLinearProgress-colorSecondary +``` + #### `modal-props` ```diff @@ -2212,55 +2268,138 @@ npx @mui/codemod@latest v5.0.0/preset-safe The list includes these transformers -- [`adapter-v4`](#adapter-v4) -- [`autocomplete-rename-closeicon`](#autocomplete-rename-closeicon) -- [`autocomplete-rename-option`](#autocomplete-rename-option) -- [`avatar-circle-circular`](#avatar-circle-circular) -- [`badge-overlap-value`](#badge-overlap-value) -- [`box-borderradius-values`](#box-borderradius-values) -- [`box-rename-css`](#box-rename-css) -- [`box-rename-gap`](#box-rename-gap) -- [`button-color-prop`](#button-color-prop) -- [`chip-variant-prop`](#chip-variant-prop) -- [`circularprogress-variant`](#circularprogress-variant) -- [`collapse-rename-collapsedheight`](#collapse-rename-collapsedheight) -- [`core-styles-import`](#core-styles-import) -- [`create-theme`](#create-theme) -- [`dialog-props`](#dialog-props) -- [`dialog-title-props`](#dialog-title-props) -- [`emotion-prepend-cache`](#emotion-prepend-cache) -- [`expansion-panel-component`](#expansion-panel-component) -- [`fab-variant`](#fab-variant) -- [`fade-rename-alpha`](#fade-rename-alpha) -- [`grid-justify-justifycontent`](#grid-justify-justifycontent) -- [`grid-list-component`](#grid-list-component) -- [`icon-button-size`](#icon-button-size) -- [`material-ui-styles`](#material-ui-styles) -- [`material-ui-types`](#material-ui-types) -- [`modal-props`](#modal-props) -- [`moved-lab-modules`](#moved-lab-modules) -- [`pagination-round-circular`](#pagination-round-circular) -- [`optimal-imports`](#optimal-imports) -- [`root-ref`](#root-ref) -- [`skeleton-variant`](#skeleton-variant) -- [`styled-engine-provider`](#styled-engine-provider) -- [`table-props`](#table-props) -- [`tabs-scroll-buttons`](#tabs-scroll-buttons) -- [`textarea-minmax-rows`](#textarea-minmax-rows) -- [`theme-augment`](#theme-augment) -- [`theme-breakpoints`](#theme-breakpoints) -- [`theme-breakpoints-width`](#theme-breakpoints-width) -- [`theme-options`](#theme-options) -- [`theme-palette-mode`](#theme-palette-mode) -- [`theme-provider`](#theme-provider) -- [`theme-spacing`](#theme-spacing) -- [`theme-typography-round`](#theme-typography-round) -- [`transitions`](#transitions) -- [`use-autocomplete`](#use-autocomplete) -- [`use-transitionprops`](#use-transitionprops) -- [`with-mobile-dialog`](#with-mobile-dialog) -- [`with-width`](#with-width) -- [`mui-replace`](#mui-replace) +- [@mui/codemod](#muicodemod) + - [Setup \& run](#setup--run) + - [jscodeshift options](#jscodeshift-options) + - [Recast Options](#recast-options) + - [Included scripts](#included-scripts) + - [Deprecations](#deprecations) + - [`all`](#all) + - [`accordion-props`](#accordion-props) + - [`accordion-summary-classes`](#accordion-summary-classes) + - [`alert-classes`](#alert-classes) + - [`alert-props`](#alert-props) + - [`autocomplete-props`](#autocomplete-props) + - [`avatar-group-props`](#avatar-group-props) + - [`avatar-props`](#avatar-props) + - [`backdrop-props`](#backdrop-props) + - [`badge-props`](#badge-props) + - [`button-classes`](#button-classes) + - [`button-group-classes`](#button-group-classes) + - [`chip-classes`](#chip-classes) + - [`circular-progress-classes`](#circular-progress-classes) + - [`divider-props`](#divider-props) + - [`filled-input-props`](#filled-input-props) + - [`form-control-label-props`](#form-control-label-props) + - [`list-item-props`](#list-item-props) + - [`list-item-text-props`](#list-item-text-props) + - [`image-list-item-bar-classes`](#image-list-item-bar-classes) + - [`input-base-props`](#input-base-props) + - [`input-props`](#input-props) + - [`linear-progress-classes`](#linear-progress-classes) + - [`modal-props`](#modal-props) + - [`pagination-item-classes`](#pagination-item-classes) + - [`pagination-item-props`](#pagination-item-props) + - [`popper-props`](#popper-props) + - [`outlined-input-props`](#outlined-input-props) + - [`select-classes`](#select-classes) + - [`slider-props`](#slider-props) + - [`tooltip-props`](#tooltip-props) + - [`step-connector-classes`](#step-connector-classes) + - [`step-content-props`](#step-content-props) + - [`step-label-props`](#step-label-props) + - [`text-field-props`](#text-field-props) + - [`toggle-button-group-classes`](#toggle-button-group-classes) + - [`tab-classes`](#tab-classes) + - [`table-sort-label-classes`](#table-sort-label-classes) + - [`typography-props`](#typography-props) + - [v6.0.0](#v600) + - [`sx-prop`](#sx-prop) + - [`system-props`](#system-props) + - [`theme-v6`](#theme-v6) + - [`styled`](#styled) + - [`grid-v2-props`](#grid-v2-props) + - [v5.0.0](#v500) + - [`base-use-named-exports`](#base-use-named-exports) + - [`base-remove-unstyled-suffix`](#base-remove-unstyled-suffix) + - [`base-remove-component-prop`](#base-remove-component-prop) + - [`rename-css-variables`](#rename-css-variables) + - [`base-hook-imports`](#base-hook-imports) + - [`joy-rename-classname-prefix`](#joy-rename-classname-prefix) + - [`joy-rename-row-prop`](#joy-rename-row-prop) + - [`joy-avatar-remove-imgProps`](#joy-avatar-remove-imgprops) + - [`joy-text-field-to-input`](#joy-text-field-to-input) + - [`joy-rename-components-to-slots`](#joy-rename-components-to-slots) + - [`date-pickers-moved-to-x`](#date-pickers-moved-to-x) + - [`tree-view-moved-to-x`](#tree-view-moved-to-x) + - [🚀 `preset-safe`](#-preset-safe) + - [`adapter-v4`](#adapter-v4) + - [`autocomplete-rename-closeicon`](#autocomplete-rename-closeicon) + - [`autocomplete-rename-option`](#autocomplete-rename-option) + - [`avatar-circle-circular`](#avatar-circle-circular) + - [`badge-overlap-value`](#badge-overlap-value) + - [`base-rename-components-to-slots`](#base-rename-components-to-slots) + - [`box-borderradius-values`](#box-borderradius-values) + - [`box-rename-css`](#box-rename-css) + - [`box-rename-gap`](#box-rename-gap) + - [`button-color-prop`](#button-color-prop) + - [`chip-variant-prop`](#chip-variant-prop) + - [`circularprogress-variant`](#circularprogress-variant) + - [`collapse-rename-collapsedheight`](#collapse-rename-collapsedheight) + - [`component-rename-prop`](#component-rename-prop) + - [`core-styles-import`](#core-styles-import) + - [`create-theme`](#create-theme) + - [`dialog-props`](#dialog-props) + - [`dialog-title-props`](#dialog-title-props) + - [`emotion-prepend-cache`](#emotion-prepend-cache) + - [`expansion-panel-component`](#expansion-panel-component) + - [`fab-variant`](#fab-variant) + - [`fade-rename-alpha`](#fade-rename-alpha) + - [`grid-justify-justifycontent`](#grid-justify-justifycontent) + - [`grid-list-component`](#grid-list-component) + - [`icon-button-size`](#icon-button-size) + - [`jss-to-styled`](#jss-to-styled) + - [`jss-to-tss-react`](#jss-to-tss-react) + - [`link-underline-hover`](#link-underline-hover) + - [`material-ui-styles`](#material-ui-styles) + - [`material-ui-types`](#material-ui-types) + - [`modal-props`](#modal-props-1) + - [`moved-lab-modules`](#moved-lab-modules) + - [`pagination-round-circular`](#pagination-round-circular) + - [`optimal-imports`](#optimal-imports) + - [`root-ref`](#root-ref) + - [`skeleton-variant`](#skeleton-variant) + - [`styled-engine-provider`](#styled-engine-provider) + - [`table-props`](#table-props) + - [`tabs-scroll-buttons`](#tabs-scroll-buttons) + - [`textarea-minmax-rows`](#textarea-minmax-rows) + - [`theme-augment`](#theme-augment) + - [`theme-breakpoints`](#theme-breakpoints) + - [`theme-breakpoints-width`](#theme-breakpoints-width) + - [`theme-options`](#theme-options) + - [`theme-palette-mode`](#theme-palette-mode) + - [`theme-provider`](#theme-provider) + - [`theme-spacing`](#theme-spacing) + - [`theme-typography-round`](#theme-typography-round) + - [`top-level-imports`](#top-level-imports) + - [`transitions`](#transitions) + - [`use-autocomplete`](#use-autocomplete) + - [`use-transitionprops`](#use-transitionprops) + - [`variant-prop`](#variant-prop) + - [`with-mobile-dialog`](#with-mobile-dialog) + - [`with-width`](#with-width) + - [`mui-replace`](#mui-replace) + - [v4.0.0](#v400) + - [`theme-spacing-api`](#theme-spacing-api) + - [`optimal-imports`](#optimal-imports-1) + - [`top-level-imports`](#top-level-imports-1) + - [v1.0.0](#v100) + - [`import-path`](#import-path) + - [`color-imports`](#color-imports) + - [`svg-icon-imports`](#svg-icon-imports) + - [`menu-item-primary-text`](#menu-item-primary-text) + - [v0.15.0](#v0150) + - [`import-path`](#import-path-1) #### `adapter-v4`