Mui

Recipes

• Adds DefaultTheme module augmentation to typescript projects.

• Combination of all deprecations

• Converts ExpansionPanel to use ExpansionPanel component

• Converts GridList to use Grid component

• Converts JSS styles to styled-components

• Converts JSS to TypeScript in React components

• Converts all @mui/material submodule imports to the root module

• Converts base imports to use React hooks

• Converts components to use the v4 adapter module

• Converts rootRef to ref

• Converts sx prop to sx style prop

• Ensures presets are safe to use

• Moves date pickers to @mui/x-date-picker

• Moves lab modules to @mui/material

• Moves tree view to @mui/x-tree-view

• Optimizes imports

• Prepends emotion cache

• Remove system props and add them to the sx prop

• Removes Unstyled suffix from base components

• Removes component prop from base components

• Removes imgProps prop from Avatar component

• Renames CSS properties for Box component

• Renames CSS variables

• Renames Mui classname prefix

• Renames TextField to Input

• Renames alpha prop to opacity

• Renames base components to slots

• Renames closeIcon prop to closeButtonIcon

• Renames collapsedHeight prop to transitionCollapsedHeight

• Renames color prop to colorOverride

• Renames component prop to as

• Renames components to slots

• Renames gap prop to spacing

• Renames option prop to getOptionLabel

• Renames row prop to flexDirection="row"

• Replaces @mui imports with @mui/material

• Update the theme creation from @mui/system@v5 to be compatible with @pigment-css/react

• Update the usage of the sx prop to be compatible with @pigment-css/react

• Updates base imports to use named exports

• Updates borderRadius prop values

• Updates circle prop to variant="circular"

• Updates circular prop to variant="circular"

• Updates createMuiTheme usage

• Updates down prop for Hidden component

• Updates import paths for core styles

• Updates justify prop to justifyContent for Grid component

• Updates link underline on hover

• Updates minRows and maxRows props for TextareaAutosize component

• Updates overlap prop to variant="dot"

• Updates props for Dialog component

• Updates props for DialogTitle component

• Updates props for Modal component

• Updates props for Table component

• Updates round values for theme typography

• Updates scroll buttons for Tabs component

• Updates size prop for IconButton component

• Updates the usage of styled from @mui/system@v5 to be compatible with @pigment-css/react

• Updates the usage of the @mui/material/Grid2, @mui/system/Grid, and @mui/joy/Grid components to their updated APIs.

• Updates theme breakpoints

• Updates theme options

• Updates theme palette mode

• Updates theme spacing

• Updates theme spacing API

• Updates usage of @mui/styles

• Updates usage of @mui/types

• Updates usage of ThemeProvider

• Updates usage of styled engine provider

• Updates usage of transitions

• Updates usage of useAutocomplete

• Updates usage of useTransitionProps

• Updates variant prop for Chip component

• Updates variant prop for CircularProgress component

• Updates variant prop for Fab component

• Updates variant prop for Skeleton component

• Updates variant prop usage

• Updates width values for theme breakpoints

• Updates withMobileDialog higher-order component

• Updates withWidth higher-order component