diff --git a/docs/data/material/components/about-the-lab/about-the-lab.md b/docs/data/material/components/about-the-lab/about-the-lab.md
index 5392da5990df8c..69b09cda020fcf 100644
--- a/docs/data/material/components/about-the-lab/about-the-lab.md
+++ b/docs/data/material/components/about-the-lab/about-the-lab.md
@@ -24,15 +24,15 @@ To install and save in your `package.json` dependencies, run one of the followin
```bash npm
-npm install @mui/lab @mui/material
+npm install @mui/lab@^7.0.0-beta @mui/material@^7.0.0
```
```bash pnpm
-pnpm add @mui/lab @mui/material
+pnpm add @mui/lab@^7.0.0-beta @mui/material@^7.0.0
```
```bash yarn
-yarn add @mui/lab @mui/material
+yarn add @mui/lab@^7.0.0-beta @mui/material@^7.0.0
```
diff --git a/docs/data/material/components/icons/icons.md b/docs/data/material/components/icons/icons.md
index a51239a6107863..2a64bac52a79a6 100644
--- a/docs/data/material/components/icons/icons.md
+++ b/docs/data/material/components/icons/icons.md
@@ -30,15 +30,15 @@ Run one of the following commands to install it and save it to your `package.jso
```bash npm
-npm install @mui/icons-material
+npm install @mui/icons-material@^7.0.0
```
```bash pnpm
-pnpm add @mui/icons-material
+pnpm add @mui/icons-material@^7.0.0
```
```bash yarn
-yarn add @mui/icons-material
+yarn add @mui/icons-material@^7.0.0
```
diff --git a/docs/data/material/components/material-icons/material-icons.md b/docs/data/material/components/material-icons/material-icons.md
index 293e42a0c8a60d..b7248b8ea35dae 100644
--- a/docs/data/material/components/material-icons/material-icons.md
+++ b/docs/data/material/components/material-icons/material-icons.md
@@ -23,15 +23,15 @@ Use one of the following commands to install it:
```bash npm
-npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
+npm install @mui/icons-material@^7.0.0 @mui/material@^7.0.0 @emotion/styled @emotion/react
```
```bash pnpm
-pnpm add @mui/icons-material @mui/material @emotion/styled @emotion/react
+pnpm add @mui/icons-material@^7.0.0 @mui/material@^7.0.0 @emotion/styled @emotion/react
```
```bash yarn
-yarn add @mui/icons-material @mui/material @emotion/styled @emotion/react
+yarn add @mui/icons-material@^7.0.0 @mui/material@^7.0.0 @emotion/styled @emotion/react
```
diff --git a/docs/data/material/getting-started/installation/installation.md b/docs/data/material/getting-started/installation/installation.md
index bbd4940863f673..41a23c39e67866 100644
--- a/docs/data/material/getting-started/installation/installation.md
+++ b/docs/data/material/getting-started/installation/installation.md
@@ -11,15 +11,15 @@ Run one of the following commands to add Material UI to your project:
```bash npm
-npm install @mui/material @emotion/react @emotion/styled
+npm install @mui/material@^7.0.0 @emotion/react @emotion/styled
```
```bash pnpm
-pnpm add @mui/material @emotion/react @emotion/styled
+pnpm add @mui/material@^7.0.0 @emotion/react @emotion/styled
```
```bash yarn
-yarn add @mui/material @emotion/react @emotion/styled
+yarn add @mui/material@^7.0.0 @emotion/react @emotion/styled
```
diff --git a/docs/data/material/getting-started/templates/blog/README.md b/docs/data/material/getting-started/templates/blog/README.md
index 8aa18c5b12f931..222b7c1fa2c554 100644
--- a/docs/data/material/getting-started/templates/blog/README.md
+++ b/docs/data/material/getting-started/templates/blog/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/blog/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/blog/.
diff --git a/docs/data/material/getting-started/templates/checkout/README.md b/docs/data/material/getting-started/templates/checkout/README.md
index 6cc85eee576eb7..7a658bab4ae37e 100644
--- a/docs/data/material/getting-started/templates/checkout/README.md
+++ b/docs/data/material/getting-started/templates/checkout/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/checkout/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/checkout/.
diff --git a/docs/data/material/getting-started/templates/crud-dashboard/README.md b/docs/data/material/getting-started/templates/crud-dashboard/README.md
index 8d21313f38232d..7dcea2e49bc696 100644
--- a/docs/data/material/getting-started/templates/crud-dashboard/README.md
+++ b/docs/data/material/getting-started/templates/crud-dashboard/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/crud-dashboard/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/crud-dashboard/.
diff --git a/docs/data/material/getting-started/templates/dashboard/README.md b/docs/data/material/getting-started/templates/dashboard/README.md
index 5e8dbaa9c0d040..3bc859f809b01d 100644
--- a/docs/data/material/getting-started/templates/dashboard/README.md
+++ b/docs/data/material/getting-started/templates/dashboard/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/dashboard/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/dashboard/.
diff --git a/docs/data/material/getting-started/templates/marketing-page/README.md b/docs/data/material/getting-started/templates/marketing-page/README.md
index 4d8325e17dd6f1..aa3627f879a326 100644
--- a/docs/data/material/getting-started/templates/marketing-page/README.md
+++ b/docs/data/material/getting-started/templates/marketing-page/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/marketing-page/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/marketing-page/.
diff --git a/docs/data/material/getting-started/templates/sign-in-side/README.md b/docs/data/material/getting-started/templates/sign-in-side/README.md
index 5d7f52cff210d5..4588f4beab862b 100644
--- a/docs/data/material/getting-started/templates/sign-in-side/README.md
+++ b/docs/data/material/getting-started/templates/sign-in-side/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-in-side/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/sign-in-side/.
diff --git a/docs/data/material/getting-started/templates/sign-in/README.md b/docs/data/material/getting-started/templates/sign-in/README.md
index fe11971a4ec9ba..ae7605486bf3c6 100644
--- a/docs/data/material/getting-started/templates/sign-in/README.md
+++ b/docs/data/material/getting-started/templates/sign-in/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-in/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/sign-in/.
diff --git a/docs/data/material/getting-started/templates/sign-up/README.md b/docs/data/material/getting-started/templates/sign-up/README.md
index 646bd65aaa139b..a1e91a32c1256e 100644
--- a/docs/data/material/getting-started/templates/sign-up/README.md
+++ b/docs/data/material/getting-started/templates/sign-up/README.md
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-up/.
+View the demo at https://v7.mui.com/material-ui/getting-started/templates/sign-up/.
diff --git a/docs/data/material/integrations/styled-components/styled-components.md b/docs/data/material/integrations/styled-components/styled-components.md
index 62f0c1b4af7447..6a64747df37af5 100644
--- a/docs/data/material/integrations/styled-components/styled-components.md
+++ b/docs/data/material/integrations/styled-components/styled-components.md
@@ -35,11 +35,11 @@ If you're using yarn, you can configure it using a package resolution:
```diff title="package.json"
{
"dependencies": {
-- "@mui/styled-engine": "latest"
-+ "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
+- "@mui/styled-engine": "^7.0.0"
++ "@mui/styled-engine": "npm:@mui/styled-engine-sc@^7.0.0"
},
+ "resolutions": {
-+ "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
++ "@mui/styled-engine": "npm:@mui/styled-engine-sc@^7.0.0"
+ },
}
```
diff --git a/docs/data/material/migration/upgrade-to-v7/upgrade-to-native-color.md b/docs/data/material/migration/upgrade-to-v7/upgrade-to-native-color.md
index 88948ef956b65f..a6c5e221b8c082 100644
--- a/docs/data/material/migration/upgrade-to-v7/upgrade-to-native-color.md
+++ b/docs/data/material/migration/upgrade-to-v7/upgrade-to-native-color.md
@@ -14,15 +14,15 @@ Update Material UI to the latest version (or at least v7.3.0).
```bash npm
-npm install @mui/material@latest
+npm install @mui/material@^7.0.0
```
```bash pnpm
-pnpm add @mui/material@latest
+pnpm add @mui/material@^7.0.0
```
```bash yarn
-yarn add @mui/material@latest
+yarn add @mui/material@^7.0.0
```
diff --git a/docs/data/material/migration/upgrade-to-v7/upgrade-to-v7.md b/docs/data/material/migration/upgrade-to-v7/upgrade-to-v7.md
index 0a73e3d2f7e5ee..ec08915cf086ec 100644
--- a/docs/data/material/migration/upgrade-to-v7/upgrade-to-v7.md
+++ b/docs/data/material/migration/upgrade-to-v7/upgrade-to-v7.md
@@ -230,7 +230,7 @@ Depending on your project, you may follow one of the following approaches:
```bash
- npx @mui/codemod v7.0.0/grid-props
+ npx @mui/codemod@^7.0.0 v7.0.0/grid-props
```
See the [Grid upgrade guide](/material-ui/migration/upgrade-to-grid-v2/) for more information.
@@ -303,7 +303,7 @@ Use this codemod to automatically update the `size` value:
```bash
-npx @mui/codemod v7.0.0/input-label-size-normal-medium
+npx @mui/codemod@^7.0.0 v7.0.0/input-label-size-normal-medium
```
**Note:** Because the default size of `InputLabel` was changed from `normal` to `medium`, the class `MuiInputLabel‑sizeMedium` is no longer added. If you relied on this class for custom styling, use a different class.
@@ -570,7 +570,7 @@ Use this codemod to automatically update the imports:
```bash
-npx @mui/codemod v7.0.0/lab-removed-components
+npx @mui/codemod@^7.0.0 v7.0.0/lab-removed-components
```
:::warning
diff --git a/docs/data/system/getting-started/installation/installation.md b/docs/data/system/getting-started/installation/installation.md
index 5ddd8d6883e9b1..a2bc20cd94ee54 100644
--- a/docs/data/system/getting-started/installation/installation.md
+++ b/docs/data/system/getting-started/installation/installation.md
@@ -9,15 +9,15 @@ Run one of the following commands to add MUI System to your project:
```bash npm
-npm install @mui/system @emotion/react @emotion/styled
+npm install @mui/system@^7.0.0 @emotion/react @emotion/styled
```
```bash pnpm
-pnpm add @mui/system @emotion/react @emotion/styled
+pnpm add @mui/system@^7.0.0 @emotion/react @emotion/styled
```
```bash yarn
-yarn add @mui/system @emotion/react @emotion/styled
+yarn add @mui/system@^7.0.0 @emotion/react @emotion/styled
```
@@ -44,15 +44,15 @@ If you want to use [styled-components](https://styled-components.com/) instead,
```bash npm
-npm install @mui/system @mui/styled-engine-sc styled-components
+npm install @mui/system@^7.0.0 @mui/styled-engine-sc@^7.0.0 styled-components
```
```bash pnpm
-pnpm add @mui/system @mui/styled-engine-sc styled-components
+pnpm add @mui/system@^7.0.0 @mui/styled-engine-sc@^7.0.0 styled-components
```
```bash yarn
-yarn add @mui/system @mui/styled-engine-sc styled-components
+yarn add @mui/system@^7.0.0 @mui/styled-engine-sc@^7.0.0 styled-components
```
diff --git a/docs/public/static/error-codes.json b/docs/public/static/error-codes.json
index 5e86ee26ea6822..0ab44a629240aa 100644
--- a/docs/public/static/error-codes.json
+++ b/docs/public/static/error-codes.json
@@ -18,6 +18,6 @@
"17": "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.",
"18": "MUI: The provided shorthand %s is invalid. The format should be `@` or `@/`.\nFor example, `@sm` or `@600` or `@40rem/sidebar`.",
"19": "MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.For more details, see https://github.com/mui/material-ui/pull/35150.",
- "20": "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.",
+ "20": "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.",
"21": "MUI: The `colorSchemes.%s` option is either missing or invalid."
}
diff --git a/docs/src/modules/components/Head.tsx b/docs/src/modules/components/Head.tsx
index ff4c97c425b5ae..6eb989e6389248 100644
--- a/docs/src/modules/components/Head.tsx
+++ b/docs/src/modules/components/Head.tsx
@@ -8,7 +8,7 @@ import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
// #host-reference
const HOST = process.env.PULL_REQUEST_ID
? `https://deploy-preview-${process.env.PULL_REQUEST_ID}--${process.env.NETLIFY_SITE_NAME}.netlify.app`
- : 'https://mui.com';
+ : 'https://v7.mui.com';
interface HeadProps {
card?: string;
@@ -64,7 +64,7 @@ export default function Head(props: HeadProps) {
{
dependencies: {
react: 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -127,7 +127,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
dependencies: {
react: 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -234,7 +234,7 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
react: 'latest',
'react-dom': 'latest',
typescript: 'latest',
diff --git a/docs/src/modules/sandbox/Dependencies.test.js b/docs/src/modules/sandbox/Dependencies.test.js
index f3363bf2d46f96..71610b29d93fd6 100644
--- a/docs/src/modules/sandbox/Dependencies.test.js
+++ b/docs/src/modules/sandbox/Dependencies.test.js
@@ -41,7 +41,7 @@ const styles = theme => ({
'@emotion/styled': 'latest',
'@foo-bar/bip': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'@mui/base': 'latest',
'prop-types': 'latest',
});
@@ -73,7 +73,7 @@ const suggestions = [
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'@unexisting/thing': 'latest',
'autosuggest-highlight': 'latest',
'prop-types': 'latest',
@@ -103,8 +103,8 @@ import { LocalizationProvider as MuiPickersLocalizationProvider, KeyboardTimePic
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': '^7.0.0',
+ '@mui/lab': '^7.0.0-beta',
});
});
@@ -131,8 +131,8 @@ import 'exceljs';
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': '^7.0.0',
+ '@mui/lab': '^7.0.0-beta',
exceljs: 'latest',
});
});
@@ -151,7 +151,7 @@ import 'exceljs';
'@emotion/styled': 'latest',
'@foo-bar/bip': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'@mui/base': 'latest',
typescript: 'latest',
});
@@ -206,8 +206,8 @@ import {
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': '^7.0.0',
+ '@mui/lab': '^7.0.0-beta',
});
});
@@ -227,8 +227,8 @@ import lab from '@mui/lab';
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': '^7.0.0',
+ '@mui/lab': '^7.0.0-beta',
});
});
@@ -533,10 +533,10 @@ export default function EmailExample() {
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/icons-material': 'latest',
+ '@mui/icons-material': '^7.0.0',
'@mui/joy': 'latest',
- '@mui/material': 'latest',
- '@mui/system': 'latest',
+ '@mui/material': '^7.0.0',
+ '@mui/system': '^7.0.0',
typescript: 'latest',
});
});
@@ -558,7 +558,7 @@ import OutlinedInput from '@mui/material/OutlinedInput';
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'@base-ui/react': 'latest',
typescript: 'latest',
});
diff --git a/docs/src/modules/sandbox/Dependencies.ts b/docs/src/modules/sandbox/Dependencies.ts
index e1e37bb9d0a56f..474bf1cc33f118 100644
--- a/docs/src/modules/sandbox/Dependencies.ts
+++ b/docs/src/modules/sandbox/Dependencies.ts
@@ -59,7 +59,11 @@ export default function SandboxDependencies(
return 'latest';
}
// #npm-tag-reference
- return 'latest';
+ if (packageName === 'lab') {
+ return '^7.0.0-beta';
+ }
+ // #npm-tag-reference
+ return '^7.0.0';
}
return `https://pkg.pr.new/mui/material-ui/@mui/${packageName}@${commitRef}`;
}
diff --git a/docs/src/modules/sandbox/StackBlitz.test.js b/docs/src/modules/sandbox/StackBlitz.test.js
index d1637482a23eeb..b16f66f1467dc7 100644
--- a/docs/src/modules/sandbox/StackBlitz.test.js
+++ b/docs/src/modules/sandbox/StackBlitz.test.js
@@ -66,7 +66,7 @@ describe('StackBlitz', () => {
},
"dependencies": {
"react": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"react-dom": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest"
@@ -115,7 +115,7 @@ export default defineConfig({
dependencies: {
react: 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -176,7 +176,7 @@ export default defineConfig({
},
"dependencies": {
"react": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"react-dom": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
@@ -260,7 +260,7 @@ export default defineConfig({
dependencies: {
react: 'latest',
// #npm-tag-reference
- '@mui/material': 'latest',
+ '@mui/material': '^7.0.0',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
diff --git a/examples/joy-ui-cra-ts/README.md b/examples/joy-ui-cra-ts/README.md
index 1dead5d384f540..1162b04b12e73d 100644
--- a/examples/joy-ui-cra-ts/README.md
+++ b/examples/joy-ui-cra-ts/README.md
@@ -33,4 +33,4 @@ or:
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/joy-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/joy-ui-nextjs-ts/README.md b/examples/joy-ui-nextjs-ts/README.md
index 80a331e50ec887..4c7a219d0ed5ff 100644
--- a/examples/joy-ui-nextjs-ts/README.md
+++ b/examples/joy-ui-nextjs-ts/README.md
@@ -42,4 +42,4 @@ To learn more about this example:
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/joy-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/joy-ui-vite-ts/README.md b/examples/joy-ui-vite-ts/README.md
index 112ba899b69333..9624717fa3d68c 100644
--- a/examples/joy-ui-vite-ts/README.md
+++ b/examples/joy-ui-vite-ts/README.md
@@ -40,4 +40,4 @@ It includes `@mui/joy` and it's peer dependencies.
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/joy-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-express-ssr/README.md b/examples/material-ui-express-ssr/README.md
index 12594922d4eb70..99d1d4f1280043 100644
--- a/examples/material-ui-express-ssr/README.md
+++ b/examples/material-ui-express-ssr/README.md
@@ -30,14 +30,14 @@ or:
-This is the reference implementation of the [Server Rendering tutorial](https://mui.com/material-ui/guides/server-rendering/).
+This is the reference implementation of the [Server Rendering tutorial](https://v7.mui.com/material-ui/guides/server-rendering/).
The example project includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://v7.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-express-ssr/package.json b/examples/material-ui-express-ssr/package.json
index c1bec86fe52b43..06a18126319146 100644
--- a/examples/material-ui-express-ssr/package.json
+++ b/examples/material-ui-express-ssr/package.json
@@ -15,7 +15,7 @@
"@emotion/react": "latest",
"@emotion/styled": "latest",
"@emotion/server": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"babel-loader": "latest",
"cross-env": "latest",
"express": "latest",
diff --git a/examples/material-ui-gatsby/README.md b/examples/material-ui-gatsby/README.md
index d93a7a65b13b5b..a18d0c64167215 100644
--- a/examples/material-ui-gatsby/README.md
+++ b/examples/material-ui-gatsby/README.md
@@ -24,11 +24,11 @@ npm run develop
The project uses [Gatsby](https://github.com/gatsbyjs/gatsby), which is a static site generator for React.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://v7.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-gatsby/package.json b/examples/material-ui-gatsby/package.json
index 5c0583b9630563..810392d465d812 100644
--- a/examples/material-ui-gatsby/package.json
+++ b/examples/material-ui-gatsby/package.json
@@ -10,7 +10,7 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"gatsby": "latest",
"gatsby-plugin-react-helmet": "latest",
"react": "latest",
diff --git a/examples/material-ui-nextjs-pages-router-ts/README.md b/examples/material-ui-nextjs-pages-router-ts/README.md
index 2d0687032a5525..3f2b86a910d8f3 100644
--- a/examples/material-ui-nextjs-pages-router-ts/README.md
+++ b/examples/material-ui-nextjs-pages-router-ts/README.md
@@ -36,7 +36,7 @@ We recommend starting new projects with the [Material UI with Next.js (App Rout
The project uses [Next.js](https://github.com/vercel/next.js), which is a framework for server-rendered React apps.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://v7.mui.com/material-ui/integrations/interoperability/#styled-components).
## The link component
@@ -44,11 +44,11 @@ If you prefer, you can [use styled-components instead](https://mui.com/material-
The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
-More information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
+More information [in the documentation](https://v7.mui.com/material-ui/integrations/routing/#next-js-pages-router).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-pages-router-ts/package.json b/examples/material-ui-nextjs-pages-router-ts/package.json
index 073557b13a5cbf..b1e729f0091abf 100644
--- a/examples/material-ui-nextjs-pages-router-ts/package.json
+++ b/examples/material-ui-nextjs-pages-router-ts/package.json
@@ -13,9 +13,9 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "^7.0.0",
+ "@mui/material": "^7.0.0",
+ "@mui/material-nextjs": "^7.0.0",
"clsx": "latest",
"next": "^16.0.7",
"react": "^19.0.0",
diff --git a/examples/material-ui-nextjs-pages-router/README.md b/examples/material-ui-nextjs-pages-router/README.md
index bf72de80b148f5..0c3abe9b8278c9 100644
--- a/examples/material-ui-nextjs-pages-router/README.md
+++ b/examples/material-ui-nextjs-pages-router/README.md
@@ -36,7 +36,7 @@ We recommend starting new projects with the [Material UI with Next.js (App Rout
The project uses [Next.js](https://github.com/vercel/next.js), which is a framework for server-rendered React apps.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://v7.mui.com/material-ui/integrations/interoperability/#styled-components).
## The Link component
@@ -44,11 +44,11 @@ If you prefer, you can [use styled-components instead](https://mui.com/material-
The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
-More information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
+More information [in the documentation](https://v7.mui.com/material-ui/integrations/routing/#next-js-pages-router).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-pages-router/package.json b/examples/material-ui-nextjs-pages-router/package.json
index 3ad263479abd04..161699012b7f95 100644
--- a/examples/material-ui-nextjs-pages-router/package.json
+++ b/examples/material-ui-nextjs-pages-router/package.json
@@ -13,9 +13,9 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "^7.0.0",
+ "@mui/material": "^7.0.0",
+ "@mui/material-nextjs": "^7.0.0",
"clsx": "latest",
"next": "^16.0.7",
"react": "^19.0.0",
diff --git a/examples/material-ui-nextjs-ts/README.md b/examples/material-ui-nextjs-ts/README.md
index 7d4e4919c2d80b..5b753927d35e61 100644
--- a/examples/material-ui-nextjs-ts/README.md
+++ b/examples/material-ui-nextjs-ts/README.md
@@ -37,11 +37,11 @@ To learn more about this example:
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+- [Customizing Material UI](https://v7.mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-ts/package.json b/examples/material-ui-nextjs-ts/package.json
index 4b8f920905a0d5..9c668310df240a 100644
--- a/examples/material-ui-nextjs-ts/package.json
+++ b/examples/material-ui-nextjs-ts/package.json
@@ -12,9 +12,9 @@
"@emotion/cache": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "^7.0.0",
+ "@mui/material": "^7.0.0",
+ "@mui/material-nextjs": "^7.0.0",
"next": "^16.0.7",
"react": "^19.0.0",
"react-dom": "^19.0.0"
diff --git a/examples/material-ui-nextjs/README.md b/examples/material-ui-nextjs/README.md
index 9fb80ee96e7125..74cf0b5d3ff6d8 100644
--- a/examples/material-ui-nextjs/README.md
+++ b/examples/material-ui-nextjs/README.md
@@ -37,11 +37,11 @@ To learn more about this example:
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+- [Customizing Material UI](https://v7.mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs/package.json b/examples/material-ui-nextjs/package.json
index 47253033581620..86a1db58badfc9 100644
--- a/examples/material-ui-nextjs/package.json
+++ b/examples/material-ui-nextjs/package.json
@@ -11,9 +11,9 @@
"@emotion/cache": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
- "@mui/material-nextjs": "latest",
+ "@mui/icons-material": "^7.0.0",
+ "@mui/material": "^7.0.0",
+ "@mui/material-nextjs": "^7.0.0",
"eslint": "latest",
"eslint-config-next": "latest",
"next": "^16.0.7",
diff --git a/examples/material-ui-pigment-css-nextjs-ts/README.md b/examples/material-ui-pigment-css-nextjs-ts/README.md
index a0938adcedb5bd..4a0609ada1be04 100644
--- a/examples/material-ui-pigment-css-nextjs-ts/README.md
+++ b/examples/material-ui-pigment-css-nextjs-ts/README.md
@@ -37,11 +37,11 @@ To learn more about this example:
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Customizing Material UI](https://mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
+- [Customizing Material UI](https://v7.mui.com/material-ui/customization/how-to-customize/) - approaches to customizing Material UI.
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-pigment-css-nextjs-ts/package.json b/examples/material-ui-pigment-css-nextjs-ts/package.json
index 6ad1dad7c4b790..cdf14cfc2e4ace 100644
--- a/examples/material-ui-pigment-css-nextjs-ts/package.json
+++ b/examples/material-ui-pigment-css-nextjs-ts/package.json
@@ -8,8 +8,8 @@
"start": "next start"
},
"dependencies": {
- "@mui/material": "latest",
- "@mui/material-pigment-css": "latest",
+ "@mui/material": "^7.0.0",
+ "@mui/material-pigment-css": "^7.0.0",
"@pigment-css/react": "latest",
"next": "latest",
"react": "latest",
diff --git a/examples/material-ui-pigment-css-vite-ts/README.md b/examples/material-ui-pigment-css-vite-ts/README.md
index 7f53d64d762460..6558e4f69f1d45 100644
--- a/examples/material-ui-pigment-css-vite-ts/README.md
+++ b/examples/material-ui-pigment-css-vite-ts/README.md
@@ -36,4 +36,4 @@ It includes `@mui/material` and [Pigment CSS](https://github.com/mui/pigment-cs
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-pigment-css-vite-ts/package.json b/examples/material-ui-pigment-css-vite-ts/package.json
index 60933cd6162610..91b4cd41c48a08 100644
--- a/examples/material-ui-pigment-css-vite-ts/package.json
+++ b/examples/material-ui-pigment-css-vite-ts/package.json
@@ -10,8 +10,8 @@
"preview": "vite preview"
},
"dependencies": {
- "@mui/material": "latest",
- "@mui/material-pigment-css": "latest",
+ "@mui/material": "^7.0.0",
+ "@mui/material-pigment-css": "^7.0.0",
"@pigment-css/react": "latest",
"react": "latest",
"react-dom": "latest",
diff --git a/examples/material-ui-preact/README.md b/examples/material-ui-preact/README.md
index 8a03ac1eec3fd8..a3a286fc2eda34 100644
--- a/examples/material-ui-preact/README.md
+++ b/examples/material-ui-preact/README.md
@@ -28,11 +28,11 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://v7.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-preact/package.json b/examples/material-ui-preact/package.json
index 5198c32d209933..385c700aadc154 100644
--- a/examples/material-ui-preact/package.json
+++ b/examples/material-ui-preact/package.json
@@ -6,7 +6,7 @@
"@babel/helper-builder-react-jsx": "latest",
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"@testing-library/jest-dom": "latest",
"@testing-library/react": "latest",
"@testing-library/user-event": "latest",
diff --git a/examples/material-ui-react-router-ts/README.md b/examples/material-ui-react-router-ts/README.md
index 15566192753eef..b2142465a5ddb4 100644
--- a/examples/material-ui-react-router-ts/README.md
+++ b/examples/material-ui-react-router-ts/README.md
@@ -38,4 +38,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-react-router-ts/package.json b/examples/material-ui-react-router-ts/package.json
index 8527a35a344258..81deedf1b45030 100644
--- a/examples/material-ui-react-router-ts/package.json
+++ b/examples/material-ui-react-router-ts/package.json
@@ -13,7 +13,7 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"@react-router/node": "latest",
"@react-router/serve": "latest",
"isbot": "latest",
diff --git a/examples/material-ui-remix-ts/README.md b/examples/material-ui-remix-ts/README.md
index a3c6c590ea769f..279f711b469a08 100644
--- a/examples/material-ui-remix-ts/README.md
+++ b/examples/material-ui-remix-ts/README.md
@@ -32,11 +32,11 @@ or:
The project uses [Remix](https://remix.run/), which is a full-stack web framework.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI.
-If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+If you prefer, you can [use styled-components instead](https://v7.mui.com/material-ui/integrations/interoperability/#styled-components).
## What's next?
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-remix-ts/package.json b/examples/material-ui-remix-ts/package.json
index 068a7ffc7976f4..08693b62d6c26f 100644
--- a/examples/material-ui-remix-ts/package.json
+++ b/examples/material-ui-remix-ts/package.json
@@ -13,7 +13,7 @@
"@emotion/react": "latest",
"@emotion/server": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"@remix-run/css-bundle": "latest",
"@remix-run/node": "latest",
"@remix-run/react": "latest",
diff --git a/examples/material-ui-via-cdn/README.md b/examples/material-ui-via-cdn/README.md
index d0be42b7aa9ccc..5651f771f0d442 100644
--- a/examples/material-ui-via-cdn/README.md
+++ b/examples/material-ui-via-cdn/README.md
@@ -35,4 +35,4 @@ The client has to download the entire library, regardless of which components ar
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-tailwind-ts/README.md b/examples/material-ui-vite-tailwind-ts/README.md
index a3ed80431c9831..f1e210e9505d41 100644
--- a/examples/material-ui-vite-tailwind-ts/README.md
+++ b/examples/material-ui-vite-tailwind-ts/README.md
@@ -36,4 +36,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-tailwind-ts/package.json b/examples/material-ui-vite-tailwind-ts/package.json
index 3c595d941ca294..121f8e4a64dc24 100644
--- a/examples/material-ui-vite-tailwind-ts/package.json
+++ b/examples/material-ui-vite-tailwind-ts/package.json
@@ -12,7 +12,7 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"@tailwindcss/vite": "latest",
"react": "latest",
"react-dom": "latest",
diff --git a/examples/material-ui-vite-ts/README.md b/examples/material-ui-vite-ts/README.md
index 84c51161c4fda3..842c036af5e6de 100644
--- a/examples/material-ui-vite-ts/README.md
+++ b/examples/material-ui-vite-ts/README.md
@@ -38,4 +38,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-ts/package.json b/examples/material-ui-vite-ts/package.json
index b0cec7c10dd640..9c507609d05465 100644
--- a/examples/material-ui-vite-ts/package.json
+++ b/examples/material-ui-vite-ts/package.json
@@ -11,8 +11,8 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/icons-material": "latest",
- "@mui/material": "latest",
+ "@mui/icons-material": "^7.0.0",
+ "@mui/material": "^7.0.0",
"react": "latest",
"react-dom": "latest"
},
diff --git a/examples/material-ui-vite/README.md b/examples/material-ui-vite/README.md
index 033857e95325fb..769969dee60635 100644
--- a/examples/material-ui-vite/README.md
+++ b/examples/material-ui-vite/README.md
@@ -36,4 +36,4 @@ It includes `@mui/material` and its peer dependencies, including [Emotion](https
You now have a working example project.
-You can head back to the documentation and continue by browsing the [templates](https://mui.com/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://v7.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite/package.json b/examples/material-ui-vite/package.json
index 7a68696b12c4b3..d734801640d506 100644
--- a/examples/material-ui-vite/package.json
+++ b/examples/material-ui-vite/package.json
@@ -10,7 +10,7 @@
"dependencies": {
"@emotion/react": "latest",
"@emotion/styled": "latest",
- "@mui/material": "latest",
+ "@mui/material": "^7.0.0",
"react": "latest",
"react-dom": "latest"
},
diff --git a/package.json b/package.json
index 265792f28978fb..7fd13067c28aa6 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,8 @@
"build:ci": "lerna run build --concurrency 8 --ignore docs --stream --skip-nx-cache",
"build:public": "lerna run --no-private build",
"build:public:ci": "lerna run --no-private build --concurrency 8 --skip-nx-cache",
- "release:publish": "code-infra publish --github-release",
- "release:publish:dry-run": "code-infra publish --github-release --dry-run",
+ "release:publish": "code-infra publish --github-release --tag latest-v7",
+ "release:publish:dry-run": "code-infra publish --github-release --dry-run --tag latest-v7",
"release:version": "lerna version --no-changelog --no-push --no-git-tag-version --no-private --force-publish=@mui/core-downloads-tracker",
"release:build": "lerna run --concurrency 8 --no-private build --skip-nx-cache",
"release:changelog": "node scripts/releaseChangelog.mjs",
diff --git a/packages/api-docs-builder-core/materialUi/projectSettings.ts b/packages/api-docs-builder-core/materialUi/projectSettings.ts
index 23e0e56137796a..8cd10c7efe2fa7 100644
--- a/packages/api-docs-builder-core/materialUi/projectSettings.ts
+++ b/packages/api-docs-builder-core/materialUi/projectSettings.ts
@@ -45,7 +45,7 @@ export const projectSettings: ProjectSettings = {
generateClassName,
isGlobalClassName: isGlobalState,
// #host-reference
- baseApiUrl: 'https://mui.com',
+ baseApiUrl: 'https://v7.mui.com',
pagesManifestPath: path.join(process.cwd(), 'docs/data/material/pages.ts'),
nonComponentFolders: [
'material/getting-started',
diff --git a/packages/mui-codemod/README.md b/packages/mui-codemod/README.md
index 26ee2754fffa01..79f5780416b820 100644
--- a/packages/mui-codemod/README.md
+++ b/packages/mui-codemod/README.md
@@ -14,7 +14,7 @@ Some of the codemods also run [postcss](https://github.com/postcss/postcss) plug
```bash
-npx @mui/codemod
+npx @mui/codemod@^7.0.0
Applies a `@mui/codemod` to the specified paths
@@ -2209,7 +2209,7 @@ Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `
```bash
-npx @mui/codemod v7.0.0/grid-props
+npx @mui/codemod@^7.0.0 v7.0.0/grid-props
```
Updates the usage of the `@mui/material/Grid`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
@@ -2230,7 +2230,7 @@ You can provide the theme breakpoints via options, for example, `--jscodeshift='
```bash
-npx @mui/codemod v7.0.0/grid-props --jscodeshift='--muiBreakpoints=mobile,desktop'
+npx @mui/codemod@^7.0.0 v7.0.0/grid-props --jscodeshift='--muiBreakpoints=mobile,desktop'
```
```diff
@@ -2243,7 +2243,7 @@ npx @mui/codemod v7.0.0/grid-props --jscodeshift='--muiBreakpoints=mobile
```bash
-npx @mui/codemod v7.0.0/lab-removed-components
+npx @mui/codemod@^7.0.0 v7.0.0/lab-removed-components
```
Update the import of the following components and hook moved from `@mui/lab` to `@mui/material`:
@@ -2289,12 +2289,12 @@ Updates the `InputLabel`'s `size` value from `normal` to `medium`.
```bash
-npx @mui/codemod v7.0.0/input-label-size-normal-medium
+npx @mui/codemod@^7.0.0 v7.0.0/input-label-size-normal-medium
```
-You can find more details about this breaking change in [the migration guide](https://next.mui.com/material-ui/migration/upgrade-to-v7/#inputlabel).
+You can find more details about this breaking change in [the migration guide](https://v7.mui.com/material-ui/migration/upgrade-to-v7/#inputlabel).
### v6.0.0
@@ -2809,7 +2809,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
```bash
-npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon
+npx @mui/codemod@^7.0.0 v5.0.0/autocomplete-rename-closeicon
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
@@ -2828,7 +2828,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
```bash
-npx @mui/codemod@latest v5.0.0/autocomplete-rename-option
+npx @mui/codemod@^7.0.0 v5.0.0/autocomplete-rename-option
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
@@ -2847,7 +2847,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
```bash
-npx @mui/codemod@latest v5.0.0/avatar-circle-circular
+npx @mui/codemod@^7.0.0 v5.0.0/avatar-circle-circular
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#avatar).
@@ -2882,7 +2882,7 @@ Renames the badge's props.
```bash
-npx @mui/codemod@latest v5.0.0/badge-overlap-value
+npx @mui/codemod@^7.0.0 v5.0.0/badge-overlap-value
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#badge).
@@ -2906,7 +2906,7 @@ This change only affects Base UI components.
```bash
-npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots
+npx @mui/codemod@^7.0.0 v5.0.0/base-rename-components-to-slots
```
The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
@@ -2925,7 +2925,7 @@ Updates the Box API from separate system props to `sx`.
```bash
-npx @mui/codemod@latest v5.0.0/box-borderradius-values
+npx @mui/codemod@^7.0.0 v5.0.0/box-borderradius-values
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
@@ -2961,7 +2961,7 @@ Renames the Box `grid*Gap` props.
```bash
-npx @mui/codemod@latest v5.0.0/box-rename-gap
+npx @mui/codemod@^7.0.0 v5.0.0/box-rename-gap
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
@@ -2978,7 +2978,7 @@ Removes the outdated `color` prop values.
```bash
-npx @mui/codemod@latest v5.0.0/button-color-prop
+npx @mui/codemod@^7.0.0 v5.0.0/button-color-prop
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#button).
@@ -2995,7 +2995,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
```bash
-npx @mui/codemod@latest v5.0.0/chip-variant-prop
+npx @mui/codemod@^7.0.0 v5.0.0/chip-variant-prop
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#chip).
@@ -3012,7 +3012,7 @@ Renames the CircularProgress `static` variant to `determinate`.
```bash
-npx @mui/codemod@latest v5.0.0/circularprogress-variant
+npx @mui/codemod@^7.0.0 v5.0.0/circularprogress-variant
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#circularprogress).
@@ -3031,7 +3031,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
```bash
-npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight
+npx @mui/codemod@^7.0.0 v5.0.0/collapse-rename-collapsedheight
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#collapse).
@@ -3050,7 +3050,7 @@ A generic codemod to rename any component prop.
```bash
-npx @mui/codemod@latest v5.0.0/component-rename-prop -- --component=Grid --from=prop --to=newProp
+npx @mui/codemod@^7.0.0 v5.0.0/component-rename-prop -- --component=Grid --from=prop --to=newProp
```
#### `core-styles-import`
@@ -3162,7 +3162,7 @@ Renames the `fade` style utility import and calls to `alpha()`.
```bash
-npx @mui/codemod@latest v5.0.0/fade-rename-alpha
+npx @mui/codemod@^7.0.0 v5.0.0/fade-rename-alpha
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#styles).
@@ -3179,7 +3179,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
```bash
-npx @mui/codemod@latest v5.0.0/grid-justify-justifycontent
+npx @mui/codemod@^7.0.0 v5.0.0/grid-justify-justifycontent
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#grid).
@@ -3463,7 +3463,7 @@ or
```bash
-npx @mui/codemod@latest v5.0.0/moved-lab-modules
+npx @mui/codemod@^7.0.0 v5.0.0/moved-lab-modules
```
You can find more details about this breaking change in the migration guide.
@@ -3527,7 +3527,7 @@ Fix private import paths.
```bash
-npx @mui/codemod@latest v5.0.0/optimal-imports
+npx @mui/codemod@^7.0.0 v5.0.0/optimal-imports
```
#### `root-ref`
@@ -3656,7 +3656,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
```bash
-npx @mui/codemod@latest v5.0.0/theme-breakpoints
+npx @mui/codemod@^7.0.0 v5.0.0/theme-breakpoints
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3730,7 +3730,7 @@ Removes the 'px' suffix from some template strings.
```bash
-npx @mui/codemod@latest v5.0.0/theme-spacing
+npx @mui/codemod@^7.0.0 v5.0.0/theme-spacing
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3763,7 +3763,7 @@ Converts all `@mui/material` submodule imports to the root module:
```bash
-npx @mui/codemod@latest v5.0.0/top-level-imports
+npx @mui/codemod@^7.0.0 v5.0.0/top-level-imports
```
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -3815,7 +3815,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
```bash
-npx @mui/codemod@latest v5.0.0/use-transitionprops
+npx @mui/codemod@^7.0.0 v5.0.0/use-transitionprops
```
You can find more details about this breaking change in [the migration guide](/material-ui/migration/v5-component-changes/#dialog).
@@ -3845,7 +3845,7 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v5.0.0/variant-prop
+npx @mui/codemod@^7.0.0 v5.0.0/variant-prop
```
#### `with-mobile-dialog`
@@ -3956,7 +3956,7 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v4.0.0/theme-spacing-api
+npx @mui/codemod@^7.0.0 v4.0.0/theme-spacing-api
```
This codemod tries to perform a basic expression simplification which can be improved for expressions that use more than one operation.
@@ -3983,7 +3983,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
```bash
-npx @mui/codemod@latest v4.0.0/optimal-imports
+npx @mui/codemod@^7.0.0 v4.0.0/optimal-imports
```
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -4001,7 +4001,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
```bash
-npx @mui/codemod@latest v4.0.0/top-level-imports
+npx @mui/codemod@^7.0.0 v4.0.0/top-level-imports
```
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -4022,7 +4022,7 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v1.0.0/import-path
+npx @mui/codemod@^7.0.0 v1.0.0/import-path
```
**Notice**: if you are migrating from pre-v1.0, and your imports use `material-ui`, you will need to manually find and replace all references to `material-ui` in your code to `@material-ui/core`. E.g.:
@@ -4049,7 +4049,7 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v1.0.0/color-imports
+npx @mui/codemod@^7.0.0 v1.0.0/color-imports
```
**additional options**
@@ -4057,7 +4057,7 @@ npx @mui/codemod@latest v1.0.0/color-imports
```bash
-npx @mui/codemod@latest v1.0.0/color-imports -- --importPath='mui/styles/colors' --targetPath='mui/colors'
+npx @mui/codemod@^7.0.0 v1.0.0/color-imports -- --importPath='mui/styles/colors' --targetPath='mui/colors'
```
#### `svg-icon-imports`
@@ -4075,7 +4075,7 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v1.0.0/svg-icon-imports
+npx @mui/codemod@^7.0.0 v1.0.0/svg-icon-imports
```
#### `menu-item-primary-text`
@@ -4093,7 +4093,7 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v1.0.0/menu-item-primary-text
+npx @mui/codemod@^7.0.0 v1.0.0/menu-item-primary-text
```
### v0.15.0
@@ -4117,5 +4117,5 @@ The diff should look like this:
```bash
-npx @mui/codemod@latest v0.15.0/import-path
+npx @mui/codemod@^7.0.0 v0.15.0/import-path
```
diff --git a/packages/mui-docs/README.md b/packages/mui-docs/README.md
index 0b853f494c90aa..71f671c550f02f 100644
--- a/packages/mui-docs/README.md
+++ b/packages/mui-docs/README.md
@@ -9,7 +9,7 @@ Install the package in your project directory with:
```bash
-npm install @mui/docs
+npm install @mui/docs@^7.0.0
```
The docs has a peer dependency on the core components.
@@ -18,7 +18,7 @@ If you are not already using Material UI in your project, you can add it with:
```bash
-npm install @mui/material
+npm install @mui/material@^7.0.0
```
## Documentation
diff --git a/packages/mui-icons-material/README.md b/packages/mui-icons-material/README.md
index 7fa2d3f229a761..faa8934244d63b 100644
--- a/packages/mui-icons-material/README.md
+++ b/packages/mui-icons-material/README.md
@@ -13,15 +13,15 @@ The Material Icons package depends on Material UI—install both with the follo
```bash
-npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
+npm install @mui/icons-material@^7.0.0 @mui/material@^7.0.0 @emotion/styled @emotion/react
```
## Documentation
-- Learn more about Material UI's [SVG Icon component](https://mui.com/material-ui/icons/#svgicon).
-- Browse the available icons on the [Material Icons page](https://mui.com/material-ui/material-icons/).
+- Learn more about Material UI's [SVG Icon component](https://v7.mui.com/material-ui/icons/#svgicon).
+- Browse the available icons on the [Material Icons page](https://v7.mui.com/material-ui/material-icons/).
## Contributing
diff --git a/packages/mui-lab/README.md b/packages/mui-lab/README.md
index f499ca6bcfcdaa..8cc803239b4a25 100644
--- a/packages/mui-lab/README.md
+++ b/packages/mui-lab/README.md
@@ -9,7 +9,7 @@ Install the package in your project directory with:
```bash
-npm install @mui/lab
+npm install @mui/lab@^7.0.0-beta
```
The lab has peer dependencies on the Material Design components and on the Emotion library.
@@ -18,11 +18,11 @@ If you are not already using them in your project, you can install with:
```bash
-npm install @mui/material @emotion/react @emotion/styled
+npm install @mui/material@^7.0.0 @emotion/react @emotion/styled
```
## Documentation
-Visit [https://mui.com/material-ui/about-the-lab/](https://mui.com/material-ui/about-the-lab/) to view the full documentation.
+Visit [https://v7.mui.com/material-ui/about-the-lab/](https://v7.mui.com/material-ui/about-the-lab/) to view the full documentation.
diff --git a/packages/mui-lab/src/Masonry/Masonry.d.ts b/packages/mui-lab/src/Masonry/Masonry.d.ts
index b8139905b8d7cf..2a47dc1006d292 100644
--- a/packages/mui-lab/src/Masonry/Masonry.d.ts
+++ b/packages/mui-lab/src/Masonry/Masonry.d.ts
@@ -56,11 +56,11 @@ export interface MasonryTypeMap<
*
* Demos:
*
- * - [Masonry](https://mui.com/material-ui/react-masonry/)
+ * - [Masonry](https://v7.mui.com/material-ui/react-masonry/)
*
* API:
*
- * - [Masonry API](https://mui.com/material-ui/api/masonry/)
+ * - [Masonry API](https://v7.mui.com/material-ui/api/masonry/)
*/
declare const Masonry: OverridableComponent;
diff --git a/packages/mui-lab/src/TabContext/TabContext.d.ts b/packages/mui-lab/src/TabContext/TabContext.d.ts
index 38274ad8257053..377829b1c35561 100644
--- a/packages/mui-lab/src/TabContext/TabContext.d.ts
+++ b/packages/mui-lab/src/TabContext/TabContext.d.ts
@@ -19,11 +19,11 @@ export interface TabContextProps {
*
* Demos:
*
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
*
* API:
*
- * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
+ * - [TabContext API](https://v7.mui.com/material-ui/api/tab-context/)
*/
export default function TabContext(props: TabContextProps): React.JSX.Element;
export function useTabContext(): TabContextValue | null;
diff --git a/packages/mui-lab/src/TabList/TabList.d.ts b/packages/mui-lab/src/TabList/TabList.d.ts
index cf7a6dd2381a44..0053c549379da1 100644
--- a/packages/mui-lab/src/TabList/TabList.d.ts
+++ b/packages/mui-lab/src/TabList/TabList.d.ts
@@ -22,12 +22,12 @@ export interface TabListTypeMap<
*
* Demos:
*
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
*
* API:
*
- * - [TabList API](https://mui.com/material-ui/api/tab-list/)
- * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
+ * - [TabList API](https://v7.mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://v7.mui.com/material-ui/api/tabs/)
*/
declare const TabList: OverridableComponent;
diff --git a/packages/mui-lab/src/TabPanel/TabPanel.d.ts b/packages/mui-lab/src/TabPanel/TabPanel.d.ts
index 753861836d160d..2a4bd41c014991 100644
--- a/packages/mui-lab/src/TabPanel/TabPanel.d.ts
+++ b/packages/mui-lab/src/TabPanel/TabPanel.d.ts
@@ -33,10 +33,10 @@ export interface TabPanelProps extends StandardProps(function Timeline(inProps, ref) {
const props = useThemeProps({ props: inProps, name: 'MuiTimeline' });
diff --git a/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts b/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts
index 87825db13bf422..9d6bfd9867b5f9 100644
--- a/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts
+++ b/packages/mui-lab/src/TimelineConnector/TimelineConnector.d.ts
@@ -25,10 +25,10 @@ export interface TimelineConnectorProps extends StandardProps<
*
* Demos:
*
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://v7.mui.com/material-ui/react-timeline/)
*
* API:
*
- * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
+ * - [TimelineConnector API](https://v7.mui.com/material-ui/api/timeline-connector/)
*/
export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;
diff --git a/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts b/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts
index 27bf012a7cf535..acf9f15c700ab7 100644
--- a/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts
+++ b/packages/mui-lab/src/TimelineContent/TimelineContent.d.ts
@@ -24,11 +24,11 @@ export interface TimelineContentProps extends StandardProps {
*
* Demos:
*
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://v7.mui.com/material-ui/react-timeline/)
*
* API:
*
- * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [TimelineContent API](https://v7.mui.com/material-ui/api/timeline-content/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
*/
export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;
diff --git a/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts b/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts
index 581d07039ea367..448da41cef4dc7 100644
--- a/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts
+++ b/packages/mui-lab/src/TimelineDot/TimelineDot.d.ts
@@ -45,10 +45,10 @@ export interface TimelineDotProps extends StandardProps
+ 