diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 6c968f9809673b..7db6aa91515e6a 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -72,11 +72,11 @@ git remote add upstream https://github.com/mui/material-ui.git
-3. Synchronize your local `master` branch with the upstream one:
+3. Synchronize your local `next` branch with the upstream one:
```bash
-git checkout master
-git pull upstream master
+git checkout next
+git pull upstream next
```
4. Install the dependencies with pnpm (yarn or npm aren't supported):
@@ -146,7 +146,7 @@ Make sure the following is true:
-- The branch is targeted at `master` for ongoing development. All tests are passing. Code that lands in `master` must be compatible with the latest stable release. It may contain additional features but no breaking changes. We should be able to release a new minor version from the tip of `master` at any time.
+- The branch is targeted at `next` for ongoing development. All tests are passing. Code that lands in `next` must be compatible with the latest alpha/beta release. It may contain additional features but no breaking changes. We should be able to release a new minor version from the tip of `next` at any time.
- If a feature is being added:
- If the result was already achievable with the core library, you've explained why this feature needs to be added to the core.
- If this is a common use case, you've added an example to the documentation.
diff --git a/docs/data/material/getting-started/templates/blog/README.md b/docs/data/material/getting-started/templates/blog/README.md
index c582b088659a33..f2305a49255eec 100644
--- a/docs/data/material/getting-started/templates/blog/README.md
+++ b/docs/data/material/getting-started/templates/blog/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react, markdown-to-jsx.
3. Import and use the `Blog` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/blog/.
+View the demo at https://next.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 9b6fb03b6cce10..1e23cde07e4e70 100644
--- a/docs/data/material/getting-started/templates/checkout/README.md
+++ b/docs/data/material/getting-started/templates/checkout/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @emotion/styled, @emotion/react.
3. Import and use the `Checkout` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/checkout/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/checkout/.
diff --git a/docs/data/material/getting-started/templates/dashboard/README.md b/docs/data/material/getting-started/templates/dashboard/README.md
index 3415051ae20be5..56b0c8c1bbdbf7 100644
--- a/docs/data/material/getting-started/templates/dashboard/README.md
+++ b/docs/data/material/getting-started/templates/dashboard/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react, @mui/x-charts.
3. Import and use the `Dashboard` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/dashboard/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/dashboard/.
diff --git a/docs/data/material/getting-started/templates/landing-page/README.md b/docs/data/material/getting-started/templates/landing-page/README.md
index 23250f5a04f07c..618f90ce5939ef 100644
--- a/docs/data/material/getting-started/templates/landing-page/README.md
+++ b/docs/data/material/getting-started/templates/landing-page/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react.
3. Import and use the `LandingPage` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/landing-page/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/landing-page/.
diff --git a/docs/data/material/getting-started/templates/pricing/README.md b/docs/data/material/getting-started/templates/pricing/README.md
index f0c845cb6368a3..e5b41bad100a87 100644
--- a/docs/data/material/getting-started/templates/pricing/README.md
+++ b/docs/data/material/getting-started/templates/pricing/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react.
3. Import and use the `Pricing` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/pricing/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/pricing/.
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 67c088ce173215..a7995114143ef1 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
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react.
3. Import and use the `SignInSide` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-in-side/.
+View the demo at https://next.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 7ad1e840c69051..f9de61277a45c7 100644
--- a/docs/data/material/getting-started/templates/sign-in/README.md
+++ b/docs/data/material/getting-started/templates/sign-in/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react.
3. Import and use the `SignIn` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-in/.
+View the demo at https://next.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 aa89e2950d0e36..f46cae4ad63fe5 100644
--- a/docs/data/material/getting-started/templates/sign-up/README.md
+++ b/docs/data/material/getting-started/templates/sign-up/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @mui/icons-material, @emotion/styled, @emotion/react.
3. Import and use the `SignUp` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sign-up/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/sign-up/.
diff --git a/docs/data/material/getting-started/templates/sticky-footer/README.md b/docs/data/material/getting-started/templates/sticky-footer/README.md
index 47ec73373dbbff..773a5d0039f2d3 100644
--- a/docs/data/material/getting-started/templates/sticky-footer/README.md
+++ b/docs/data/material/getting-started/templates/sticky-footer/README.md
@@ -4,7 +4,7 @@
-1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/master/examples).
+1. Copy the files into your project, or one of the [example projects](https://github.com/mui/material-ui/tree/next/examples).
2. Make sure your project has the required dependencies: @mui/material, @emotion/styled, @emotion/react.
3. Import and use the `StickyFooter` component.
@@ -12,4 +12,4 @@
-View the demo at https://mui.com/material-ui/getting-started/templates/sticky-footer/.
+View the demo at https://next.mui.com/material-ui/getting-started/templates/sticky-footer/.
diff --git a/docs/data/material/guides/localization/localization.md b/docs/data/material/guides/localization/localization.md
index c6268abaf45fb8..9f047bfea14351 100644
--- a/docs/data/material/guides/localization/localization.md
+++ b/docs/data/material/guides/localization/localization.md
@@ -97,7 +97,7 @@ The [Data Grid and Data Grid Pro](/x/react-data-grid/) components have their own
-You can [find the source](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/locale/index.ts) in the GitHub repository.
+You can [find the source](https://github.com/mui/material-ui/blob/next/packages/mui-material/src/locale/index.ts) in the GitHub repository.
To create your own translation, or to customize the English text, copy this file to your project, make any changes needed and import the locale from there.
diff --git a/docs/data/material/guides/typescript/typescript.md b/docs/data/material/guides/typescript/typescript.md
index 42d6b9bc2c1faa..e781767ed8d904 100644
--- a/docs/data/material/guides/typescript/typescript.md
+++ b/docs/data/material/guides/typescript/typescript.md
@@ -6,7 +6,7 @@
-Material UI requires a minimum version of TypeScript 3.5. Have a look at the [Create React App with TypeScript](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-ts) example.
+Material UI requires a minimum version of TypeScript 3.5. Have a look at the [Create React App with TypeScript](https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-ts) example.
For types to work, it's recommended that you have at least the following options enabled in your `tsconfig.json`:
diff --git a/docs/data/material/integrations/interoperability/interoperability.md b/docs/data/material/integrations/interoperability/interoperability.md
index 1d1fdf701be168..4a4b7f0ab9e4a9 100644
--- a/docs/data/material/integrations/interoperability/interoperability.md
+++ b/docs/data/material/integrations/interoperability/interoperability.md
@@ -274,8 +274,8 @@ If, however, you would like to use styled-components, you can configure your app
-- [Create React App with styled-components](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components)
-- [Create React App with styled-components and TypeScript](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts)
+- [Create React App with styled-components](https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-styled-components)
+- [Create React App with styled-components and TypeScript](https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-styled-components-ts)
Following this approach reduces the bundle size, and removes the need to configure the CSS injection order.
diff --git a/docs/data/material/integrations/styled-components/styled-components.md b/docs/data/material/integrations/styled-components/styled-components.md
index 0601f5b3e68205..f4535e06691d6f 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": "next"
++ "@mui/styled-engine": "npm:@mui/styled-engine-sc@next"
},
+ "resolutions": {
-+ "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
++ "@mui/styled-engine": "npm:@mui/styled-engine-sc@next"
+ },
}
```
@@ -102,8 +102,8 @@ We provide boilerplate examples of Create React App with Material UI and styled
-- [Material UI + CRA + styled-components (JavaScript)](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components)
-- [Material UI + CRA + styled-components (TypeScript)](https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts)
+- [Material UI + CRA + styled-components (JavaScript)](https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-styled-components)
+- [Material UI + CRA + styled-components (TypeScript)](https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-styled-components-ts)
:::warning
`@emotion/react`, `@emotion/styled`, and `styled-components` are optional peer dependencies of `@mui/material`, so you need to install them yourself.
diff --git a/docs/data/styles/advanced/advanced.md b/docs/data/styles/advanced/advanced.md
index 5e5d2bfea0009d..f56a62d16ac91b 100644
--- a/docs/data/styles/advanced/advanced.md
+++ b/docs/data/styles/advanced/advanced.md
@@ -417,16 +417,12 @@ It's a must-do for static pages, but it needs to be put in balance with not doin
There is [an official Gatsby plugin](https://github.com/hupe1980/gatsby-plugin-material-ui) that enables server-side rendering for `@mui/styles`.
Refer to the plugin's page for setup and usage instructions.
-
-
Refer to [this example Gatsby project](https://github.com/mui/material-ui/tree/v4.x/examples/gatsby) for an usage example.
### Next.js Pages Router
You need to have a custom `pages/_document.js`, then copy [this logic](https://github.com/mui/material-ui/blob/v4.x/examples/nextjs/pages/_document.js#L52-L59) to inject the server-side rendered styles into the `` element.
-
-
Refer to [this example project](https://github.com/mui/material-ui/tree/v4.x/examples/nextjs) for an up-to-date usage example.
## Class names
diff --git a/docs/data/system/getting-started/usage/usage.md b/docs/data/system/getting-started/usage/usage.md
index 5c2603a88cde17..487340ad2b1585 100644
--- a/docs/data/system/getting-started/usage/usage.md
+++ b/docs/data/system/getting-started/usage/usage.md
@@ -163,7 +163,7 @@ Runtime performance takes a hit.
-Visit the [benchmark folder](https://github.com/mui/material-ui/tree/master/benchmark/browser) for a reproduction of the metrics above.
+Visit the [benchmark folder](https://github.com/mui/material-ui/tree/next/benchmark/browser) for a reproduction of the metrics above.
We believe that for most use cases it's fast enough, but there are simple workarounds when performance becomes critical.
For instance, when rendering a list with many items, you can use a CSS child selector to have a single "style injection" point (using d. for the wrapper and a. for each item).
diff --git a/docs/next.config.mjs b/docs/next.config.mjs
index af21536fa13b78..825504dbeb620f 100644
--- a/docs/next.config.mjs
+++ b/docs/next.config.mjs
@@ -189,7 +189,7 @@ export default withDocsInfra({
// docs-infra
LIB_VERSION: pkg.version,
SOURCE_CODE_REPO: 'https://github.com/mui/material-ui',
- SOURCE_GITHUB_BRANCH: 'master', // #default-branch-switch
+ SOURCE_GITHUB_BRANCH: 'next', // #default-branch-switch
GITHUB_TEMPLATE_DOCS_FEEDBACK: '4.docs-feedback.yml',
BUILD_ONLY_ENGLISH_LOCALE: String(buildOnlyEnglishLocale),
// MUI Core related
diff --git a/docs/package.json b/docs/package.json
index 653dc392d2682b..c6350de8321b02 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -9,7 +9,7 @@
"build:clean": "rimraf .next && pnpm build",
"build-sw": "node ./scripts/buildServiceWorker.js",
"dev": "next dev",
- "deploy": "git push -f material-ui-docs master:latest",
+ "deploy": "git push -f material-ui-docs next:next",
"icons": "rimraf --glob public/static/icons/* && node ./scripts/buildIcons.js",
"start": "next start",
"create-playground": "cpy --cwd=scripts playground.template.tsx ../../pages/playground --rename=index.tsx",
diff --git a/docs/pages/_app.js b/docs/pages/_app.js
index 05916ec32e58a6..7931cb56f13147 100644
--- a/docs/pages/_app.js
+++ b/docs/pages/_app.js
@@ -167,6 +167,7 @@ function AppWrapper(props) {
name: 'Material UI',
versions: [
{ text: `v${materialPkgJson.version}`, current: true },
+ { text: `v5`, href: `https://mui.com${languagePrefix}/material-ui/getting-started/` },
{
text: 'v4',
href: `https://v4.mui.com${languagePrefix}/getting-started/installation/`,
@@ -193,6 +194,7 @@ function AppWrapper(props) {
name: 'MUI System',
versions: [
{ text: `v${systemPkgJson.version}`, current: true },
+ { text: 'v5', href: `https://mui.com${languagePrefix}/system/getting-started/` },
{ text: 'v4', href: `https://v4.mui.com${languagePrefix}/system/basics/` },
{
text: 'View all versions',
diff --git a/docs/src/modules/components/MaterialUIExampleCollection.js b/docs/src/modules/components/MaterialUIExampleCollection.js
index 15fb508ee72374..d53eddf8147e59 100644
--- a/docs/src/modules/components/MaterialUIExampleCollection.js
+++ b/docs/src/modules/components/MaterialUIExampleCollection.js
@@ -13,78 +13,78 @@ const examples = [
name: 'Next.js App Router',
label: 'View JS example',
tsLabel: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs',
- tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-ts',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-nextjs',
+ tsLink: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-nextjs-ts',
src: '/static/images/examples/next.svg',
},
{
name: 'Vite.js',
label: 'View JS example',
tsLabel: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-vite',
- tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-vite-ts',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-vite',
+ tsLink: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-vite-ts',
src: '/static/images/examples/vite.svg',
},
{
name: 'Next.js Pages Router',
label: 'View JS example',
tsLabel: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-nextjs-pages-router',
tsLink:
- 'https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router-ts',
+ 'https://github.com/mui/material-ui/tree/next/examples/material-ui-nextjs-pages-router-ts',
src: '/static/images/examples/next.svg',
},
{
name: 'Remix',
label: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-remix-ts',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-remix-ts',
src: '/static/images/examples/remix.svg',
},
{
name: 'Tailwind CSS + CRA',
label: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-tailwind-ts',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-tailwind-ts',
src: '/static/images/examples/tailwindcss.svg',
},
{
name: 'Create React App',
label: 'View JS example',
tsLabel: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra',
- tsLink: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-ts',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-cra',
+ tsLink: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-ts',
src: '/static/images/examples/cra.svg',
},
{
name: 'styled-components',
label: 'View JS example',
tsLabel: 'View TS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-styled-components',
tsLink:
- 'https://github.com/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts',
+ 'https://github.com/mui/material-ui/tree/next/examples/material-ui-cra-styled-components-ts',
src: '/static/images/examples/styled.png',
},
{
name: 'Preact',
label: 'View JS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-preact',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-preact',
src: '/static/images/examples/preact.svg',
},
{
name: 'CDN',
label: 'View JS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-via-cdn',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-via-cdn',
src: ,
},
{
name: 'Express.js (server-rendered)',
label: 'View JS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-express-ssr',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-express-ssr',
src: '/static/images/examples/express.png',
},
{
name: 'Gatsby',
label: 'View JS example',
- link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-gatsby',
+ link: 'https://github.com/mui/material-ui/tree/next/examples/material-ui-gatsby',
src: '/static/images/examples/gatsby.svg',
},
{
diff --git a/docs/src/modules/sandbox/CodeSandbox.test.js b/docs/src/modules/sandbox/CodeSandbox.test.js
index 16f745b352da2a..16249c8dc4500c 100644
--- a/docs/src/modules/sandbox/CodeSandbox.test.js
+++ b/docs/src/modules/sandbox/CodeSandbox.test.js
@@ -33,7 +33,7 @@ describe('CodeSandbox', () => {
'https://github.com/mui/material-ui/blob/v5.7.0/docs/data/material/components/buttons/BasicButtons.js',
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -123,7 +123,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
'https://github.com/mui/material-ui/blob/v5.7.0/docs/data/material/components/buttons/BasicButtons.tsx',
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -230,7 +230,7 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
expect(result.dependencies).to.deep.equal({
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@types/react': 'latest',
'@types/react-dom': 'latest',
react: 'latest',
diff --git a/docs/src/modules/sandbox/Dependencies.test.js b/docs/src/modules/sandbox/Dependencies.test.js
index 71b4f6b1cba69b..94eca04aab7ac6 100644
--- a/docs/src/modules/sandbox/Dependencies.test.js
+++ b/docs/src/modules/sandbox/Dependencies.test.js
@@ -40,8 +40,8 @@ const styles = theme => ({
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
'@foo-bar/bip': 'latest',
- '@mui/material': 'latest',
- '@mui/base': 'latest',
+ '@mui/material': 'next',
+ '@mui/base': 'next',
'prop-types': 'latest',
});
});
@@ -71,7 +71,7 @@ const suggestions = [
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@unexisting/thing': 'latest',
'autosuggest-highlight': 'latest',
'prop-types': 'latest',
@@ -100,8 +100,8 @@ import { LocalizationProvider as MuiPickersLocalizationProvider, KeyboardTimePic
'prop-types': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
});
});
@@ -127,8 +127,8 @@ import 'exceljs';
'prop-types': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
exceljs: 'latest',
});
});
@@ -146,8 +146,8 @@ import 'exceljs';
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
'@foo-bar/bip': 'latest',
- '@mui/material': 'latest',
- '@mui/base': 'latest',
+ '@mui/material': 'next',
+ '@mui/base': 'next',
'@types/foo-bar__bip': 'latest',
'@types/prop-types': 'latest',
'@types/react-dom': 'latest',
@@ -167,7 +167,7 @@ import 'exceljs';
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'@types/react-dom': 'latest',
'@types/react': 'latest',
typescript: 'latest',
@@ -195,8 +195,8 @@ import {
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
});
});
@@ -215,8 +215,8 @@ import lab from '@mui/lab';
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/material': 'latest',
- '@mui/lab': 'latest',
+ '@mui/material': 'next',
+ '@mui/lab': 'next',
});
});
@@ -517,10 +517,10 @@ export default function EmailExample() {
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
- '@mui/icons-material': 'latest',
- '@mui/joy': 'latest',
- '@mui/material': 'latest',
- '@mui/system': 'latest',
+ '@mui/icons-material': 'next',
+ '@mui/joy': 'next',
+ '@mui/material': 'next',
+ '@mui/system': 'next',
'@types/react': 'latest',
'@types/react-dom': 'latest',
typescript: 'latest',
diff --git a/docs/src/modules/sandbox/Dependencies.ts b/docs/src/modules/sandbox/Dependencies.ts
index 12f82f92ad9799..c943c19e0729f4 100644
--- a/docs/src/modules/sandbox/Dependencies.ts
+++ b/docs/src/modules/sandbox/Dependencies.ts
@@ -49,7 +49,7 @@ export default function SandboxDependencies(
process.env.SOURCE_CODE_REPO !== 'https://github.com/mui/material-ui'
) {
// #default-branch-switch
- return 'latest';
+ return 'next';
}
const shortSha = commitRef.slice(0, 8);
return `https://pkg.csb.dev/mui/material-ui/commit/${shortSha}/@mui/${packageName}`;
diff --git a/docs/src/modules/sandbox/StackBlitz.test.js b/docs/src/modules/sandbox/StackBlitz.test.js
index 0d25c2a95c77b7..67bc0625b4cf80 100644
--- a/docs/src/modules/sandbox/StackBlitz.test.js
+++ b/docs/src/modules/sandbox/StackBlitz.test.js
@@ -83,7 +83,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
},
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
@@ -186,7 +186,7 @@ ReactDOM.createRoot(document.querySelector("#root")!).render(
},
dependencies: {
react: 'latest',
- '@mui/material': 'latest',
+ '@mui/material': 'next',
'react-dom': 'latest',
'@emotion/react': 'latest',
'@emotion/styled': 'latest',
diff --git a/examples/base-ui-cra-ts/README.md b/examples/base-ui-cra-ts/README.md
index 7938f7fca126d0..2029b19cd297d5 100644
--- a/examples/base-ui-cra-ts/README.md
+++ b/examples/base-ui-cra-ts/README.md
@@ -11,7 +11,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-cra-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/base-ui-cra-ts
cd base-ui-cra-ts
```
@@ -26,6 +26,6 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-cra-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/base-ui-cra-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/base-ui-cra-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/base-ui-cra-ts)
diff --git a/examples/base-ui-cra/README.md b/examples/base-ui-cra/README.md
index b30905698d8d41..ba507114f7029d 100644
--- a/examples/base-ui-cra/README.md
+++ b/examples/base-ui-cra/README.md
@@ -11,7 +11,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-cra
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/base-ui-cra
cd base-ui-cra
```
@@ -26,6 +26,6 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-cra)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/base-ui-cra)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/base-ui-cra)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/base-ui-cra)
diff --git a/examples/base-ui-nextjs-tailwind-ts/README.md b/examples/base-ui-nextjs-tailwind-ts/README.md
index 3f256ef21693d1..4810c38b4c01ea 100644
--- a/examples/base-ui-nextjs-tailwind-ts/README.md
+++ b/examples/base-ui-nextjs-tailwind-ts/README.md
@@ -9,7 +9,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-nextjs-tailwind-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/base-ui-nextjs-tailwind-ts
cd base-ui-nextjs-tailwind-ts
```
@@ -24,9 +24,9 @@ or
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-nextjs-tailwind-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/base-ui-nextjs-tailwind-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/base-ui-nextjs-tailwind-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/base-ui-nextjs-tailwind-ts)
## Learn more
diff --git a/examples/base-ui-vite-tailwind-ts/README.md b/examples/base-ui-vite-tailwind-ts/README.md
index 4545337ebfed16..fb1f58b18a3714 100644
--- a/examples/base-ui-vite-tailwind-ts/README.md
+++ b/examples/base-ui-vite-tailwind-ts/README.md
@@ -10,8 +10,10 @@
Download the example [or clone the repo](https://github.com/mui/material-ui):
+
+
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-vite-tailwind-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/base-ui-vite-tailwind-ts
cd base-ui-vite-tailwind-ts
```
@@ -26,6 +28,6 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/base-ui-vite-tailwind-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/next/master/examples/base-ui-vite-tailwind-ts)
diff --git a/examples/base-ui-vite-tailwind/README.md b/examples/base-ui-vite-tailwind/README.md
index 37e997ae9ec3ee..c9eae3c65e2acc 100644
--- a/examples/base-ui-vite-tailwind/README.md
+++ b/examples/base-ui-vite-tailwind/README.md
@@ -10,8 +10,10 @@
Download the example [or clone the repo](https://github.com/mui/material-ui):
+
+
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/base-ui-vite-tailwind
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/base-ui-vite-tailwind
cd base-ui-vite-tailwind
```
@@ -26,6 +28,6 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/base-ui-vite-tailwind)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/base-ui-vite-tailwind)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/base-ui-vite-tailwind)
diff --git a/examples/joy-ui-cra-ts/README.md b/examples/joy-ui-cra-ts/README.md
index 01765382b76618..e0de9c863fc936 100644
--- a/examples/joy-ui-cra-ts/README.md
+++ b/examples/joy-ui-cra-ts/README.md
@@ -9,7 +9,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/joy-ui-cra-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/joy-ui-cra-ts
cd joy-ui-cra-ts
```
@@ -24,13 +24,13 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/joy-ui-cra-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/joy-ui-cra-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/joy-ui-cra-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/joy-ui-cra-ts)
## 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/joy-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.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 796dc1137db89c..5be78719e54c3a 100644
--- a/examples/joy-ui-nextjs-ts/README.md
+++ b/examples/joy-ui-nextjs-ts/README.md
@@ -9,7 +9,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/joy-ui-nextjs-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/joy-ui-nextjs-ts
cd joy-ui-nextjs-ts
```
@@ -26,9 +26,9 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/joy-ui-nextjs-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/joy-ui-nextjs-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/joy-ui-nextjs-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/joy-ui-nextjs-ts)
## Learn more
@@ -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://next.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 d4132910765647..573ee7874108e2 100644
--- a/examples/joy-ui-vite-ts/README.md
+++ b/examples/joy-ui-vite-ts/README.md
@@ -8,8 +8,10 @@
Download the example [or clone the repo](https://github.com/mui/material-ui):
+
+
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/joy-ui-vite-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/joy-ui-vite-ts
cd joy-ui-vite-ts
```
@@ -24,9 +26,9 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/joy-ui-vite-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/joy-ui-vite-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/joy-ui-vite-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/joy-ui-vite-ts)
## The idea behind the example
@@ -38,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://next.mui.com/joy-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-styled-components-ts/README.md b/examples/material-ui-cra-styled-components-ts/README.md
index 4fa59826c2ab3b..e4fe2372157f31 100644
--- a/examples/material-ui-cra-styled-components-ts/README.md
+++ b/examples/material-ui-cra-styled-components-ts/README.md
@@ -23,7 +23,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-cra-styled-components-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-cra-styled-components-ts
cd material-ui-cra-styled-components-ts
```
@@ -40,7 +40,7 @@ npm start
Note that CodeSandbox is not supporting react-app-rewired, yet you can [still see the code](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components-ts).
-The following link leverages this demo: https://mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
+The following link leverages this demo: https://next.mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
[](https://codesandbox.io/p/sandbox/styled-components-interoperability-w9z9d)
@@ -57,4 +57,4 @@ Note, the version 5 of `@mui/styled-engine-sc` is compatible with version 5 of `
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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-styled-components/README.md b/examples/material-ui-cra-styled-components/README.md
index e4a94251ed7bc8..b8f29298bc033a 100644
--- a/examples/material-ui-cra-styled-components/README.md
+++ b/examples/material-ui-cra-styled-components/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-cra-styled-components
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-cra-styled-components
cd material-ui-cra-styled-components
```
@@ -24,7 +24,7 @@ npm start
Note that CodeSandbox is not supporting react-app-rewired, yet you can [still see the code](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra-styled-components).
-The following link leverages this demo: https://mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
+The following link leverages this demo: https://next.mui.com/material-ui/integrations/interoperability/#change-the-default-styled-engine with Parcel's alias feature within the `package.json`.
[](https://codesandbox.io/p/sandbox/styled-components-interoperability-w9z9d)
@@ -41,4 +41,4 @@ Note, the version 5 of `@mui/styled-engine-sc` is compatible with version 5 of `
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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-tailwind-ts/README.md b/examples/material-ui-cra-tailwind-ts/README.md
index 79033b58047bc7..86a1d1a8421c0d 100644
--- a/examples/material-ui-cra-tailwind-ts/README.md
+++ b/examples/material-ui-cra-tailwind-ts/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-cra-tailwind-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-cra-tailwind-ts
cd material-ui-cra-tailwind-ts
```
@@ -22,12 +22,10 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-cra-tailwind-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-cra-tailwind-ts)
## The idea behind the example
-
-
This example demonstrates how you can use [Tailwind CSS](https://tailwindcss.com/) and [Create React App](https://github.com/facebookincubator/create-react-app) together with Material UI.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.
@@ -36,4 +34,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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra-ts/README.md b/examples/material-ui-cra-ts/README.md
index 61123d67d1aa92..fcceed26f12f77 100644
--- a/examples/material-ui-cra-ts/README.md
+++ b/examples/material-ui-cra-ts/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-cra-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-cra-ts
cd material-ui-cra-ts
```
@@ -22,19 +22,19 @@ or:
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-cra-ts)
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-cra-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-cra-ts)
## The idea behind the example
This example demonstrates how you can use Material UI with [Create React App](https://github.com/facebookincubator/create-react-app) in [TypeScript](https://github.com/Microsoft/TypeScript).
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.
-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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-cra/README.md b/examples/material-ui-cra/README.md
index 8fb09165686f79..20998ef50776f6 100644
--- a/examples/material-ui-cra/README.md
+++ b/examples/material-ui-cra/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-cra
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-cra
cd material-ui-cra
```
@@ -22,9 +22,9 @@ or:
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-cra)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-cra)
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-cra)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-cra)
## The idea behind the example
@@ -32,11 +32,11 @@ or:
This example demonstrates how you can use [Create React App](https://github.com/facebookincubator/create-react-app) with Material UI.
It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5.
-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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-express-ssr/README.md b/examples/material-ui-express-ssr/README.md
index f82396af5d50b3..5618dc2949c70e 100644
--- a/examples/material-ui-express-ssr/README.md
+++ b/examples/material-ui-express-ssr/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-express-ssr
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-express-ssr
cd material-ui-express-ssr
```
@@ -22,20 +22,20 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-express-ssr)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-express-ssr)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-express-ssr)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-express-ssr)
## The idea behind the example
-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://next.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 v5.
-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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-gatsby/README.md b/examples/material-ui-gatsby/README.md
index f08f8e84e91f87..35bd45b72b4750 100644
--- a/examples/material-ui-gatsby/README.md
+++ b/examples/material-ui-gatsby/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-gatsby
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-gatsby
cd material-ui-gatsby
```
@@ -22,11 +22,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 v5.
-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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-pages-router-ts/README.md b/examples/material-ui-nextjs-pages-router-ts/README.md
index d3adb3fd4065f6..905124355f1d42 100644
--- a/examples/material-ui-nextjs-pages-router-ts/README.md
+++ b/examples/material-ui-nextjs-pages-router-ts/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-nextjs-pages-router-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-nextjs-pages-router-ts
cd material-ui-nextjs-pages-router-ts
```
@@ -22,27 +22,27 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-nextjs-pages-router-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-nextjs-pages-router-ts)
## The idea behind the example
**Note:** This example is set up to use the Next.js Pages Router.
As of Next.js 13.4, the newer App Router pattern is stable.
-We recommend starting new projects with the [Material UI with Next.js (App Router) example](https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-ts) unless you need (or prefer) the Pages Router.
+We recommend starting new projects with the [Material UI with Next.js (App Router) example](https://github.com/mui/material-ui/tree/next/examples/material-ui-nextjs-ts) unless you need (or prefer) the Pages Router.
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 v5. If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5. If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## The link component
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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-pages-router/README.md b/examples/material-ui-nextjs-pages-router/README.md
index 5aaa617e16a4fa..116dc4659fd8a6 100644
--- a/examples/material-ui-nextjs-pages-router/README.md
+++ b/examples/material-ui-nextjs-pages-router/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-nextjs-pages-router
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-nextjs-pages-router
cd material-ui-nextjs-pages-router
```
@@ -22,28 +22,28 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-nextjs-pages-router)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs-pages-router)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-nextjs-pages-router)
## The idea behind the example
**Note:** This example is set up to use the Next.js Pages Router.
As of Next.js 13.4, the newer App Router pattern is stable.
-We recommend starting new projects with the [Material UI with Next.js (App Router) example](https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs) unless you need (or prefer) the Pages Router.
+We recommend starting new projects with the [Material UI with Next.js (App Router) example](https://github.com/mui/material-ui/tree/next/examples/material-ui-nextjs) unless you need (or prefer) the Pages Router.
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 v5.
-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://next.mui.com/material-ui/integrations/interoperability/#styled-components).
## The Link component
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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/README.md b/examples/material-ui-nextjs-ts-v4-v5-migration/README.md
index 45c5bd369f2ed0..7226e5db8251e2 100644
--- a/examples/material-ui-nextjs-ts-v4-v5-migration/README.md
+++ b/examples/material-ui-nextjs-ts-v4-v5-migration/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-nextjs-ts-v4-v5-migration
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-nextjs-ts-v4-v5-migration
cd material-ui-nextjs-ts-v4-v5-migration
```
@@ -22,21 +22,21 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts-v4-v5-migration)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-nextjs-ts-v4-v5-migration)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts-v4-v5-migration)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-nextjs-ts-v4-v5-migration)
## The idea behind the example
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 v5. If you prefer, you can [use styled-components instead](https://mui.com/material-ui/integrations/interoperability/#styled-components).
+It includes `@mui/material` and its peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), the default style engine in Material UI v5. If you prefer, you can [use styled-components instead](https://next.mui.com/material-ui/integrations/interoperability/#styled-components).
It also includes `@mui/styles`, the legacy styling solution that uses JSS as an engine.
It provides all the necessary config for working with both Emotion and JSS for server-side rendering.
The project is intended as a basic starter for migrating your application from v4 to v5, as it lets the JSS style overrides take precedence over the default styles passed to the components by Emotion.
-It demonstrates what results after handling v5's breaking changes to the [theme](https://mui.com/material-ui/migration/v5-style-changes/) and [components](https://mui.com/material-ui/migration/v5-component-changes/).
+It demonstrates what results after handling v5's breaking changes to the [theme](https://next.mui.com/material-ui/migration/v5-style-changes/) and [components](https://next.mui.com/material-ui/migration/v5-component-changes/).
## The Link component
Next.js Pages Router has [a custom Link component](https://nextjs.org/docs/pages/api-reference/components/link).
The example folder provides adapters for usage with Material UI.
-You can find more information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
+You can find more information [in the documentation](https://next.mui.com/material-ui/integrations/routing/#next-js-pages-router).
diff --git a/examples/material-ui-nextjs-ts/README.md b/examples/material-ui-nextjs-ts/README.md
index df5d86c065a2a4..976964f5bf95b0 100644
--- a/examples/material-ui-nextjs-ts/README.md
+++ b/examples/material-ui-nextjs-ts/README.md
@@ -9,7 +9,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-nextjs-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-nextjs-ts
cd material-ui-nextjs-ts
```
@@ -26,9 +26,9 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-nextjs-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-nextjs-ts)
## Learn more
@@ -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/material-ui/getting-started/templates/) section.
+You can head back to the documentation and continue by browsing the [templates](https://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-nextjs/README.md b/examples/material-ui-nextjs/README.md
index 98ea0fabe4fc94..13eacf4492aac3 100644
--- a/examples/material-ui-nextjs/README.md
+++ b/examples/material-ui-nextjs/README.md
@@ -9,7 +9,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-nextjs
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-nextjs
cd material-ui-nextjs
```
@@ -26,20 +26,20 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-nextjs)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-nextjs)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-nextjs)
## Learn more
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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-preact/README.md b/examples/material-ui-preact/README.md
index 9bc17eb026f674..a712c3bf6be9db 100644
--- a/examples/material-ui-preact/README.md
+++ b/examples/material-ui-preact/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-preact
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-preact
cd material-ui-preact
```
@@ -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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-remix-ts/README.md b/examples/material-ui-remix-ts/README.md
index 2f2fd82886d918..147b6bce1f7066 100644
--- a/examples/material-ui-remix-ts/README.md
+++ b/examples/material-ui-remix-ts/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-remix-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-remix-ts
cd material-ui-remix-ts
```
@@ -22,19 +22,19 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-remix-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-remix-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-remix-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-remix-ts)
## The idea behind the example
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 v5.
-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://next.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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-via-cdn/README.md b/examples/material-ui-via-cdn/README.md
index 5034856a72f0c7..fea6b75a3cce21 100644
--- a/examples/material-ui-via-cdn/README.md
+++ b/examples/material-ui-via-cdn/README.md
@@ -4,8 +4,10 @@
Download the example [or clone the repo](https://github.com/mui/material-ui):
+
+
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-via-cdn
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-via-cdn
cd material-ui-via-cdn
```
@@ -23,7 +25,7 @@ The client has to download the entire library, regardless of which components ar
-[The live preview.](https://rawcdn.githack.com/mui/material-ui/master/examples/material-ui-via-cdn/index.html)
+[The live preview.](https://rawcdn.githack.com/mui/material-ui/next/examples/material-ui-via-cdn/index.html)
## UMD releases
@@ -37,6 +39,6 @@ We are providing two Universal Module Definition (UMD) files:
## 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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite-ts/README.md b/examples/material-ui-vite-ts/README.md
index a0cf054adef4c5..65838939855f34 100644
--- a/examples/material-ui-vite-ts/README.md
+++ b/examples/material-ui-vite-ts/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-vite-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-vite-ts
cd material-ui-vite-ts
```
@@ -22,9 +22,9 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-vite-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-vite-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-vite-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-vite-ts)
## The idea behind the example
@@ -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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/material-ui-vite/README.md b/examples/material-ui-vite/README.md
index 4ef312c42b8b84..5dea6e71b7c2b8 100644
--- a/examples/material-ui-vite/README.md
+++ b/examples/material-ui-vite/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-ui-vite
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/material-ui-vite
cd material-ui-vite
```
@@ -22,9 +22,9 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-vite)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/material-ui-vite)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-vite)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/material-ui-vite)
## The idea behind the example
@@ -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://next.mui.com/material-ui/getting-started/templates/) section.
diff --git a/examples/pigment-css-nextjs-ts/README.md b/examples/pigment-css-nextjs-ts/README.md
index a8a18cd92a5f6b..2f8b866e4d9fe8 100644
--- a/examples/pigment-css-nextjs-ts/README.md
+++ b/examples/pigment-css-nextjs-ts/README.md
@@ -9,7 +9,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/pigment-css-nextjs-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/pigment-css-nextjs-ts
cd pigment-css-nextjs-ts
```
@@ -26,13 +26,13 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/pigment-css-nextjs-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/pigment-css-nextjs-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/pigment-css-nextjs-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/pigment-css-nextjs-ts)
## Learn more
To learn more about this example:
-- [Pigment CSS documentation](https://github.com/mui/material-ui/blob/master/packages/pigment-css-react/README.md) - learn more about Pigment CSS features and APIs.
+- [Pigment CSS documentation](https://github.com/mui/material-ui/blob/next/packages/pigment-css-react/README.md) - learn more about Pigment CSS features and APIs.
- [Next.js documentation](https://nextjs.org/docs) - learn about Next.js features and APIs.
diff --git a/examples/pigment-css-vite-ts/README.md b/examples/pigment-css-vite-ts/README.md
index 662397d8bc6778..dc7a1f1f540190 100644
--- a/examples/pigment-css-vite-ts/README.md
+++ b/examples/pigment-css-vite-ts/README.md
@@ -7,7 +7,7 @@ Download the example [or clone the repo](https://github.com/mui/material-ui):
```bash
-curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/pigment-css-vite-ts
+curl https://codeload.github.com/mui/material-ui/tar.gz/next | tar -xz --strip=2 material-ui-next/examples/pigment-css-vite-ts
cd pigment-css-vite-ts
```
@@ -22,13 +22,13 @@ or:
-[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/pigment-css-vite-ts)
+[](https://stackblitz.com/github/mui/material-ui/tree/next/examples/pigment-css-vite-ts)
-[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/pigment-css-vite-ts)
+[](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/next/examples/pigment-css-vite-ts)
## Learn more
To learn more about this example:
-- [Pigment CSS documentation](https://github.com/mui/material-ui/blob/master/packages/pigment-css-react/README.md) - learn more about Pigment CSS features and APIs.
+- [Pigment CSS documentation](https://github.com/mui/material-ui/blob/next/packages/pigment-css-react/README.md) - learn more about Pigment CSS features and APIs.
- [Vite documentation](https://vitejs.dev/guide/) - learn about Vite features and APIs.
diff --git a/package.json b/package.json
index a140a2732576fc..f615b64c09c23e 100644
--- a/package.json
+++ b/package.json
@@ -16,8 +16,8 @@
"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",
- "release:publish": "pnpm publish --recursive --tag latest",
- "release:publish:dry-run": "pnpm publish --recursive --tag latest --registry=\"http://localhost:4873/\"",
+ "release:publish": "pnpm publish --recursive --tag next",
+ "release:publish:dry-run": "pnpm publish --recursive --tag next --registry=\"http://localhost:4873/\"",
"release:tag": "node scripts/releaseTag.mjs",
"docs:api": "rimraf --glob ./docs/pages/**/api-docs ./docs/pages/**/api && pnpm docs:api:build",
"docs:api:build": "tsx ./scripts/buidApiDocs/index.ts",
diff --git a/packages/mui-base/README.md b/packages/mui-base/README.md
index d84f270367e381..e96bbd7afda60b 100644
--- a/packages/mui-base/README.md
+++ b/packages/mui-base/README.md
@@ -1,6 +1,6 @@
-
+
Base UI
@@ -19,7 +19,7 @@ npm install @mui/base
-Visit [https://mui.com/base-ui/](https://mui.com/base-ui/) to view the full documentation.
+Visit [https://next.mui.com/base-ui/](https://next.mui.com/base-ui/) to view the full documentation.
## Questions
@@ -28,14 +28,14 @@ Use the "base-ui" tag on Stack Overflow to make it easier for the community to
## Examples
-Our documentation features [a collection of example projects using Base UI](https://github.com/mui/material-ui/tree/master/examples).
+Our documentation features [a collection of example projects using Base UI](https://github.com/mui/material-ui/tree/next/examples).
## Contributing
Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
Contributing to Base UI is about more than just issues and pull requests!
-There are many other ways to [support Base UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
+There are many other ways to [support Base UI](https://next.mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
## Changelog
@@ -43,7 +43,7 @@ The [changelog](https://github.com/mui/material-ui/releases) is regularly update
## Roadmap
-Future plans and high-priority features and enhancements can be found in the [roadmap](https://mui.com/material-ui/discover-more/roadmap/).
+Future plans and high-priority features and enhancements can be found in the [roadmap](https://next.mui.com/material-ui/discover-more/roadmap/).
## License
diff --git a/packages/mui-codemod/README.md b/packages/mui-codemod/README.md
index 179e3aa09cb422..ea6820e4c49113 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@latest
+npx @mui/codemod@next
Applies a `@mui/codemod` to the specified paths
@@ -34,10 +34,10 @@ Options:
--jscodeshift [string] [default: false]
Examples:
- npx @mui/codemod@latest v4.0.0/theme-spacing-api src
- npx @mui/codemod@latest v5.0.0/component-rename-prop src --
+ npx @mui/codemod@next v4.0.0/theme-spacing-api src
+ npx @mui/codemod@next v5.0.0/component-rename-prop src --
--component=Grid --from=prop --to=newProp
- npx @mui/codemod@latest v5.0.0/preset-safe src --parser=flow
+ npx @mui/codemod@next v5.0.0/preset-safe src --parser=flow
```
### jscodeshift options
@@ -45,7 +45,7 @@ Examples:
To pass more options directly to jscodeshift, use `--jscodeshift="..."`. For example:
```bash
-npx @mui/codemod@latest --jscodeshift="--run-in-band --verbose=2"
+npx @mui/codemod@next --jscodeshift="--run-in-band --verbose=2"
```
See all available options [here](https://github.com/facebook/jscodeshift#usage-cli).
@@ -56,7 +56,7 @@ Options to [recast](https://github.com/benjamn/recast)'s printer can be provided
through jscodeshift's `printOptions` command line argument
```bash
-npx @mui/codemod@latest --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
+npx @mui/codemod@next --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
```
## Included scripts
@@ -70,7 +70,7 @@ npx @mui/codemod@latest --jscodeshift="--printOptions='{\"quo
### Deprecations
```bash
-npx @mui/codemod@latest deprecations/all
+npx @mui/codemod@next deprecations/all
```
#### `all`
@@ -89,7 +89,7 @@ A combination of all deprecations.
```
```bash
-npx @mui/codemod@latest deprecations/accordion-props
+npx @mui/codemod@next deprecations/accordion-props
```
#### `accordion-summary-classes`
@@ -133,7 +133,7 @@ CSS transforms:
```
```bash
-npx @mui/codemod@latest deprecations/accordion-summary-classes
+npx @mui/codemod@next deprecations/accordion-summary-classes
```
#### `alert-classes`
@@ -229,7 +229,7 @@ CSS transforms:
```
```bash
-npx @mui/codemod@latest deprecations/alert-classes
+npx @mui/codemod@next deprecations/alert-classes
```
#### `alert-props`
@@ -255,7 +255,7 @@ npx @mui/codemod@latest deprecations/alert-classes
```
```bash
-npx @mui/codemod@latest deprecations/alert-props
+npx @mui/codemod@next deprecations/alert-props
```
#### `avatar-props`
@@ -494,7 +494,7 @@ CSS transforms:
```
```bash
-npx @mui/codemod@latest deprecations/button-classes
+npx @mui/codemod@next deprecations/button-classes
```
#### `chip-classes`
@@ -676,7 +676,7 @@ CSS transforms:
```
```bash
-npx @mui/codemod@latest deprecations/chip-classes
+npx @mui/codemod@next deprecations/chip-classes
```
#### `divider-props`
@@ -689,7 +689,7 @@ npx @mui/codemod@latest deprecations/chip-classes
```
```bash
-npx @mui/codemod@latest deprecations/divider-props
+npx @mui/codemod@next deprecations/divider-props
```
#### `pagination-item-classes`
@@ -754,7 +754,7 @@ CSS transforms:
```
```bash
-npx @mui/codemod@latest deprecations/pagination-item-classes
+npx @mui/codemod@next deprecations/pagination-item-classes
```
#### `slider-props`
@@ -780,7 +780,7 @@ npx @mui/codemod@latest deprecations/pagination-item-classes
```
```bash
-npx @mui/codemod@latest deprecations/slider-props
+npx @mui/codemod@next deprecations/slider-props
```
### v5.0.0
@@ -801,7 +801,7 @@ This codemod updates the import and re-export statements.
```
```bash
-npx @mui/codemod@latest v5.0.0/base-use-named-exports
+npx @mui/codemod@next v5.0.0/base-use-named-exports
```
#### `base-remove-unstyled-suffix`
@@ -814,7 +814,7 @@ The `Unstyled` suffix has been removed from all Base UI component names, includ
```
```bash
-npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix
+npx @mui/codemod@next v5.0.0/base-remove-unstyled-suffix
```
#### `base-remove-component-prop`
@@ -829,7 +829,7 @@ This change only affects Base UI components.
```
```bash
-npx @mui/codemod@latest v5.0.0/base-remove-component-prop
+npx @mui/codemod@next v5.0.0/base-remove-component-prop
```
#### `rename-css-variables`
@@ -844,7 +844,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
```
```bash
-npx @mui/codemod@latest v5.0.0/rename-css-variables
+npx @mui/codemod@next v5.0.0/rename-css-variables
```
#### `base-hook-imports`
@@ -857,7 +857,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dir
```
```bash
-npx @mui/codemod@latest v5.0.0/base-hook-imports
+npx @mui/codemod@next v5.0.0/base-hook-imports
```
#### `joy-rename-classname-prefix`
@@ -872,7 +872,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
```
```bash
-npx @mui/codemod@latest v5.0.0/joy-rename-classname-prefix
+npx @mui/codemod@next v5.0.0/joy-rename-classname-prefix
```
#### `joy-rename-row-prop`
@@ -887,7 +887,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
```
```bash
-npx @mui/codemod@latest v5.0.0/joy-rename-row-prop
+npx @mui/codemod@next v5.0.0/joy-rename-row-prop
```
#### `joy-avatar-remove-imgProps`
@@ -905,7 +905,7 @@ This change only affects Joy UI Avatar component.
```
```bash
-npx @mui/codemod@latest v5.0.0/joy-avatar-remove-imgProps
+npx @mui/codemod@next v5.0.0/joy-avatar-remove-imgProps
```
#### `joy-text-field-to-input`
@@ -963,7 +963,7 @@ This change only affects Joy UI components.
```
```bash
-npx @mui/codemod@latest v5.0.0/joy-text-field-to-input
+npx @mui/codemod@next v5.0.0/joy-text-field-to-input
```
#### `joy-rename-components-to-slots`
@@ -982,7 +982,7 @@ This change only affects Joy UI components.
```
```bash
-npx @mui/codemod@latest v5.0.0/joy-rename-components-to-slots
+npx @mui/codemod@next v5.0.0/joy-rename-components-to-slots
```
The associated breaking change was done in [#34997](https://github.com/mui/material-ui/pull/34997).
@@ -992,7 +992,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
```bash
-npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x
+npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x
```
#### `tree-view-moved-to-x`
@@ -1000,7 +1000,7 @@ npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x
Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
```bash
-npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x
+npx @mui/codemod@next v5.0.0/tree-view-moved-to-x
```
#### 🚀 `preset-safe`
@@ -1008,7 +1008,7 @@ npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x
A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
```bash
-npx @mui/codemod@latest v5.0.0/preset-safe
+npx @mui/codemod@next v5.0.0/preset-safe
```
The list includes these transformers
@@ -1075,7 +1075,7 @@ Imports and inserts `adaptV4Theme` into `createTheme` (or `createMuiTheme`)
```
```bash
-npx @mui/codemod@latest v5.0.0/adapter-v4
+npx @mui/codemod@next v5.0.0/adapter-v4
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -1092,7 +1092,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
```bash
-npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon
+npx @mui/codemod@next 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).
@@ -1111,7 +1111,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
```bash
-npx @mui/codemod@latest v5.0.0/autocomplete-rename-option
+npx @mui/codemod@next 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).
@@ -1130,7 +1130,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@next 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).
@@ -1165,7 +1165,7 @@ Renames the badge's props.
```bash
-npx @mui/codemod@latest v5.0.0/badge-overlap-value
+npx @mui/codemod@next 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).
@@ -1189,7 +1189,7 @@ This change only affects Base UI components.
```bash
-npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots
+npx @mui/codemod@next v5.0.0/base-rename-components-to-slots
```
The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
@@ -1208,7 +1208,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@next 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).
@@ -1223,7 +1223,7 @@ Renames the Box `css` prop to `sx`
```
```bash
-npx @mui/codemod@latest v5.0.0/box-rename-css
+npx @mui/codemod@next v5.0.0/box-rename-css
```
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
@@ -1244,7 +1244,7 @@ Renames the Box `grid*Gap` props.
```bash
-npx @mui/codemod@latest v5.0.0/box-rename-gap
+npx @mui/codemod@next 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).
@@ -1261,7 +1261,7 @@ Removes the outdated `color` prop values.
```bash
-npx @mui/codemod@latest v5.0.0/button-color-prop
+npx @mui/codemod@next 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).
@@ -1278,7 +1278,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@next 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).
@@ -1295,7 +1295,7 @@ Renames the CircularProgress `static` variant to `determinate`.
```bash
-npx @mui/codemod@latest v5.0.0/circularprogress-variant
+npx @mui/codemod@next 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).
@@ -1314,7 +1314,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
```bash
-npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight
+npx @mui/codemod@next 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).
@@ -1333,7 +1333,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@next v5.0.0/component-rename-prop -- --component=Grid --from=prop --to=newProp
```
#### `core-styles-import`
@@ -1346,7 +1346,7 @@ Renames private import from `core/styles/*` to `core/styles`
```
```bash
-npx @mui/codemod@latest v5.0.0/core-styles-import
+npx @mui/codemod@next v5.0.0/core-styles-import
```
#### `create-theme`
@@ -1359,7 +1359,7 @@ Renames the function `createMuiTheme` to `createTheme`
```
```bash
-npx @mui/codemod@latest v5.0.0/create-theme
+npx @mui/codemod@next v5.0.0/create-theme
```
#### `dialog-props`
@@ -1372,7 +1372,7 @@ Remove `disableBackdropClick` prop from `
+ 