Skip to content

Commit

Permalink
feat(docs): Update README with linear progress classes transformation…
Browse files Browse the repository at this point in the history
… details
  • Loading branch information
headironc committed Jan 4, 2025
1 parent 472bbfe commit 5617d37
Showing 1 changed file with 188 additions and 49 deletions.
237 changes: 188 additions & 49 deletions packages/mui-codemod/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -1242,6 +1242,62 @@ npx @mui/codemod@latest deprecations/input-base-props <path>
npx @mui/codemod@latest deprecations/input-props <path>
```

#### `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
Expand Down Expand Up @@ -2212,55 +2268,138 @@ npx @mui/codemod@latest v5.0.0/preset-safe <path|folder>
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`
Expand Down

0 comments on commit 5617d37

Please sign in to comment.