check the rest of the codebase

mui · Aug 29, 2022 · 1390872 · 1390872
1 parent 3be9a9a
commit 1390872
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 13 deletions.
diff --git a/docs/data/material/migration/migration-v4/v5-style-changes-zh.md b/docs/data/material/migration/migration-v4/v5-style-changes-zh.md
@@ -267,16 +267,16 @@ The `theme.palette.type` key was renamed to `theme.palette.mode`, to better foll
 
 ```diff
  import { createTheme } from '@mui/material/styles';
--const theme = createTheme({palette: { type: 'dark' }}),
-+const theme = createTheme({palette: { mode: 'dark' }}),
+-const theme = createTheme({ palette: { type: 'dark' } }),
++const theme = createTheme({ palette: { mode: 'dark' } }),
 ```
 
 ### Change default theme.palette.info colors
 
 The default `theme.palette.info` colors were changed to pass the AA accessibility standard contrast ratio in both light and dark modes.
 
 ```diff
-  info = {
+ info = {
 -  main: cyan[500],
 +  main: lightBlue[700], // lightBlue[400] in "dark" mode
 
@@ -285,15 +285,15 @@ The default `theme.palette.info` colors were changed to pass the AA accessibilit
 
 -  dark: cyan[700],
 +  dark: lightBlue[900], // lightBlue[700] in "dark" mode
-  }
+ }
 ```
 
 ### Change default theme.palette.success colors
 
 The default `theme.palette.success` colors were changed to pass the AA accessibility standard contrast ratio in both light and dark modes.
 
 ```diff
-  success = {
+ success = {
 -  main: green[500],
 +  main: green[800], // green[400] in "dark" mode
 
@@ -302,15 +302,15 @@ The default `theme.palette.success` colors were changed to pass the AA accessibi
 
 -  dark: green[700],
 +  dark: green[900], // green[700] in "dark" mode
-  }
+ }
 ```
 
 ### Change default theme.palette.warning colors
 
 The default `theme.palette.warning` colors were changed to pass the AA accesibility standard contrast ratio in both light and dark modes.
 
 ```diff
-  warning = {
+ warning = {
 -  main: orange[500],
 +  main: '#ED6C02', // orange[400] in "dark" mode
 
@@ -319,15 +319,15 @@ The default `theme.palette.warning` colors were changed to pass the AA accesibil
 
 -  dark: orange[700],
 +  dark: orange[900], // orange[700] in "dark" mode
-  }
+ }
 ```
 
 ### Restore theme.palette.text.hint key (if needed)
 
 The `theme.palette.text.hint` key was unused in Material UI components, and has been removed. If you depend on it, you can add it back:
 
 ```diff
-  import { createTheme } from '@mui/material/styles';
+ import { createTheme } from '@mui/material/styles';
 
 -const theme = createTheme(),
 +const theme = createTheme({

diff --git a/docs/data/material/migration/migration-v4/v5-style-changes.md b/docs/data/material/migration/migration-v4/v5-style-changes.md
@@ -276,8 +276,8 @@ The `theme.palette.type` key was renamed to `theme.palette.mode`, to better foll
 
 ```diff
  import { createTheme } from '@mui/material/styles';
--const theme = createTheme({palette: { type: 'dark' }}),
-+const theme = createTheme({palette: { mode: 'dark' }}),
+-const theme = createTheme({ palette: { type: 'dark' } }),
++const theme = createTheme({ palette: { mode: 'dark' } }),
 ```
 
 ### Change default theme.palette.info colors

diff --git a/packages/mui-codemod/README.md b/packages/mui-codemod/README.md
@@ -993,8 +993,15 @@ npx @mui/codemod v5.0.0/theme-options <path>
 Renames `type` to `mode`.
 
 ```diff
-- { palette: { type: 'dark' } }
-+ { palette: { mode: 'dark' } }
+ {
+   palette: {
+-    type: 'dark',
++    mode: 'dark',
+   },
+ }
+```
+
+```diff
 -theme.palette.type === 'dark'
 +theme.palette.mode === 'dark'
 ```