[pigment-css] Make @pigment-css/react as peer dependency (#44498)

Co-authored-by: Brijesh Bittu <[email protected]>
mui · Nov 22, 2024 · 5cb317b · 5cb317b
1 parent a3c15aa
commit 5cb317b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/docs/data/material/migration/upgrade-to-v6/migrating-to-pigment-css.md b/docs/data/material/migration/upgrade-to-v6/migrating-to-pigment-css.md
@@ -31,15 +31,15 @@ First, install the Material UI wrapper package for Pigment CSS:
 <codeblock storageKey="package-manager">
 
 ```bash npm
-npm install @mui/material-pigment-css
+npm install @mui/material-pigment-css @pigment-css/react
 ```
 
 ```bash pnpm
-pnpm add @mui/material-pigment-css
+pnpm add @mui/material-pigment-css @pigment-css/react
 ```
 
 ```bash yarn
-yarn add @mui/material-pigment-css
+yarn add @mui/material-pigment-css @pigment-css/react
 ```
 
 </codeblock>

diff --git a/examples/material-ui-pigment-css-nextjs-ts/package.json b/examples/material-ui-pigment-css-nextjs-ts/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@mui/material": "latest",
     "@mui/material-pigment-css": "latest",
+    "@pigment-css/react": "latest",
     "next": "latest",
     "react": "latest",
     "react-dom": "latest"

diff --git a/examples/material-ui-pigment-css-vite-ts/package.json b/examples/material-ui-pigment-css-vite-ts/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@mui/material": "latest",
     "@mui/material-pigment-css": "latest",
+    "@pigment-css/react": "latest",
     "react": "latest",
     "react-dom": "latest"
   },

diff --git a/packages/mui-material-pigment-css/package.json b/packages/mui-material-pigment-css/package.json
@@ -40,8 +40,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@mui/system": "workspace:*",
-    "@pigment-css/react": "0.0.27"
+    "@mui/system": "workspace:*"
+  },
+  "peerDependencies": {
+    "@pigment-css/react": "^0.0.27"
   },
   "sideEffects": false,
   "publishConfig": {