[docs] pnpm order #42699

docs/data/base/getting-started/quickstart/quickstart.md

@@ -22,14 +22,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/base@next
 ```
 
-```bash yarn
-yarn add @mui/base@next
-```
-
 ```bash pnpm
 pnpm add @mui/base@next
 ```
 
+```bash yarn
+yarn add @mui/base@next
+```
+
 </codeblock>
 
 ### Peer dependencies

docs/data/joy/customization/right-to-left/right-to-left.md

@@ -68,14 +68,14 @@ Install the [`stylis-plugin-rtl`](https://github.com/styled-components/stylis-pl
 npm install stylis stylis-plugin-rtl
 ```
 
-```bash yarn
-yarn add stylis stylis-plugin-rtl
-```
-
 ```bash pnpm
 pnpm add stylis stylis-plugin-rtl
 ```
 
+```bash yarn
+yarn add stylis stylis-plugin-rtl
+```
+
 </codeblock>
 
 #### With Emotion

docs/data/joy/getting-started/installation/installation.md

@@ -17,14 +17,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/joy@next @emotion/react @emotion/styled
 ```
 
-```bash yarn
-yarn add @mui/joy@next @emotion/react @emotion/styled
-```
-
 ```bash pnpm
 pnpm add @mui/joy@next @emotion/react @emotion/styled
 ```
 
+```bash yarn
+yarn add @mui/joy@next @emotion/react @emotion/styled
+```
+
 </codeblock>
 
 ### Peer dependencies
@@ -55,14 +55,14 @@ Run one of the following commands to add Inter through Fontsource to your Joy U
 npm install @fontsource/inter
 ```
 
-```bash yarn
-yarn add @fontsource/inter
-```
-
 ```bash pnpm
 pnpm add @fontsource/inter
 ```
 
+```bash yarn
+yarn add @fontsource/inter
+```
+
 </codeblock>
 
 Then you can import it in your entry point like this:

docs/data/material/components/about-the-lab/about-the-lab.md

@@ -31,14 +31,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/lab@next @mui/material@next
 ```
 
-```bash yarn
-yarn add @mui/lab@next @mui/material@next
-```
-
 ```bash pnpm
 pnpm add @mui/lab@next @mui/material@next
 ```
 
+```bash yarn
+yarn add @mui/lab@next @mui/material@next
+```
+
 </codeblock>
 
 Note that the lab has a peer dependency on the Material UI components.

docs/data/material/components/icons/icons.md

@@ -37,14 +37,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/icons-material@next
 ```
 
-```bash yarn
-yarn add @mui/icons-material@next
-```
-
 ```bash pnpm
 pnpm add @mui/icons-material@next
 ```
 
+```bash yarn
+yarn add @mui/icons-material@next
+```
+
 </codeblock>
 
 These components use the Material UI `SvgIcon` component to render the SVG path for each icon, and so have a peer-dependency on `@mui/material`.

docs/data/material/components/material-icons/material-icons.md

@@ -30,14 +30,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
 ```
 
-```bash yarn
-yarn add @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
-```
-
 ```bash pnpm
 pnpm add @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
 ```
 
+```bash yarn
+yarn add @mui/icons-material@next @mui/material@next @emotion/styled @emotion/react
+```
+
 </codeblock>
 
 See the [Installation](/material-ui/getting-started/installation/) page for additional docs about how to make sure everything is set up correctly.

docs/data/material/components/typography/typography.md

@@ -23,14 +23,14 @@ Add it to your project via Fontsource, or with the Google Fonts CDN.
 npm install @fontsource/roboto
 ```
 
-```bash yarn
-yarn add @fontsource/roboto
-```
-
 ```bash pnpm
 pnpm add @fontsource/roboto
 ```
 
+```bash yarn
+yarn add @fontsource/roboto
+```
+
 </codeblock>
 
 Then you can import it in your entry point like this:

docs/data/material/customization/right-to-left/right-to-left.md

@@ -68,14 +68,14 @@ Install the [`stylis-plugin-rtl`](https://github.com/styled-components/stylis-pl
 npm install stylis stylis-plugin-rtl
 ```
 
-```bash yarn
-yarn add stylis stylis-plugin-rtl
-```
-
 ```bash pnpm
 pnpm add stylis stylis-plugin-rtl
 ```
 
+```bash yarn
+yarn add stylis stylis-plugin-rtl
+```
+
 </codeblock>
 
 #### With Emotion

docs/data/material/getting-started/installation/installation.md

@@ -18,14 +18,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/material@next @emotion/react @emotion/styled
 ```
 
-```bash yarn
-yarn add @mui/material@next @emotion/react @emotion/styled
-```
-
 ```bash pnpm
 pnpm add @mui/material@next @emotion/react @emotion/styled
 ```
 
+```bash yarn
+yarn add @mui/material@next @emotion/react @emotion/styled
+```
+
 </codeblock>
 
 ### Peer dependencies
@@ -52,14 +52,14 @@ If you want to use [styled-components](https://styled-components.com/) instead,
 npm install @mui/material @mui/styled-engine-sc styled-components
 ```
 
-```bash yarn
-yarn add @mui/material @mui/styled-engine-sc styled-components
-```
-
 ```bash pnpm
 pnpm add @mui/material @mui/styled-engine-sc styled-components
 ```
 
+```bash yarn
+yarn add @mui/material @mui/styled-engine-sc styled-components
+```
+
 </codeblock>
 
 Next, follow the [styled-components how-to guide](/material-ui/integrations/styled-components/) to properly configure your bundler to support `@mui/styled-engine-sc`.
@@ -83,14 +83,14 @@ Add it to your project via Fontsource, or with the Google Fonts CDN.
 npm install @fontsource/roboto
 ```
 
-```bash yarn
-yarn add @fontsource/roboto
-```
-
 ```bash pnpm
 pnpm add @fontsource/roboto
 ```
 
+```bash yarn
+yarn add @fontsource/roboto
+```
+
 </codeblock>
 
 Then you can import it in your entry point like this:
@@ -130,14 +130,14 @@ You can do so with npm, or with the Google Web Fonts CDN.
 npm install @mui/icons-material
 ```
 
-```bash yarn
-yarn add @mui/icons-material
-```
-
 ```bash pnpm
 pnpm add @mui/icons-material
 ```
 
+```bash yarn
+yarn add @mui/icons-material
+```
+
 </codeblock>
 
 ### Google Web Fonts

docs/data/material/integrations/nextjs/nextjs.md

@@ -23,14 +23,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/material-nextjs@next @emotion/cache
 ```
 
-```bash yarn
-yarn add @mui/material-nextjs@next @emotion/cache
-```
-
 ```bash pnpm
 pnpm add @mui/material-nextjs@next @emotion/cache
 ```
 
+```bash yarn
+yarn add @mui/material-nextjs@next @emotion/cache
+```
+
 </codeblock>
 
 ### Configuration
@@ -165,14 +165,14 @@ Then, run one of the following commands to install the dependencies:
 npm install @mui/material-nextjs @emotion/cache @emotion/server
 ```
 
-```bash yarn
-yarn add @mui/material-nextjs @emotion/cache @emotion/server
-```
-
 ```bash pnpm
 pnpm add @mui/material-nextjs @emotion/cache @emotion/server
 ```
 
+```bash yarn
+yarn add @mui/material-nextjs @emotion/cache @emotion/server
+```
+
 </codeblock>
 
 ### Configuration

docs/data/material/migration/migrating-to-v6/migrating-to-v6.md

@@ -74,14 +74,14 @@ Use the snippet below to update your project (replace the `<version>` with the o
 npm install react@<version> react-dom@<version>
 ```
 
-```bash yarn
-yarn add react@<version> react-dom@<version>
-```
-
 ```bash pnpm
 pnpm add react@<version> react-dom@<version>
 ```
 
+```bash yarn
+yarn add react@<version> react-dom@<version>
+```
+
 </codeblock>
 
 ### Update TypeScript

docs/data/system/getting-started/installation/installation.md

@@ -14,14 +14,14 @@ Run one of the following commands to add MUI System to your project:
 npm install @mui/system@next @emotion/react @emotion/styled
 ```
 
-```bash yarn
-yarn add @mui/system@next @emotion/react @emotion/styled
-```
-
 ```bash pnpm
 pnpm add @mui/system@next @emotion/react @emotion/styled
 ```
 
+```bash yarn
+yarn add @mui/system@next @emotion/react @emotion/styled
+```
+
 </codeblock>
 
 ### Peer dependencies
@@ -53,14 +53,14 @@ The `next` tag is used to download the latest <b>pre-release</b>, v6 version. Re
 npm install @mui/system@next @mui/styled-engine-sc@next styled-components
 ```
 
-```bash yarn
-yarn add @mui/system@next @mui/styled-engine-sc@next styled-components
-```
-
 ```bash pnpm
 pnpm add @mui/system@next @mui/styled-engine-sc@next styled-components
 ```
 
+```bash yarn
+yarn add @mui/system@next @mui/styled-engine-sc@next styled-components
+```
+
 </codeblock>
 
 :::error

docs/pages/blog/introducing-base-ui.md

@@ -104,14 +104,14 @@ Give Base UI a try today by running one of the following commands:
 npm install @mui/base
 ```
 
-```bash yarn
-yarn add @mui/base
-```
-
 ```bash pnpm
 pnpm add @mui/base
 ```
 
+```bash yarn
+yarn add @mui/base
+```
+
 </codeblock>
 
 Check out [the docs](/base-ui/getting-started/), play with the components, and be sure to let us know what you think!

docs/pages/experiments/docs/codeblock.md

@@ -13,13 +13,13 @@ npm install @mui/material @emotion/react @emotion/styled
 # `@emotion/react` and `@emotion/styled` are peer dependencies
 ```
 
-```bash yarn
-yarn add @mui/material @emotion/react @emotion/styled
+```bash pnpm
+pnpm add @mui/material @emotion/react @emotion/styled
 # `@emotion/react` and `@emotion/styled` are peer dependencies
 ```
 
-```bash pnpm
-pnpm add @mui/material @emotion/react @emotion/styled
+```bash yarn
+yarn add @mui/material @emotion/react @emotion/styled
 # `@emotion/react` and `@emotion/styled` are peer dependencies
 ```