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