v5.6.0 (#32131)

CHANGELOG.md

@@ -1,5 +1,79 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.6.0
+
+<!-- generated comparing v5.5.3..master -->
+
+_Apr 5, 2022_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧰 Update peer dependencies to support React 18 (#32063) @eps1lon
+- 🚀 Added the experimental `CssVarsProvider` in `@mui/material` for generating theme CSS variables (#31138) @mnajdova
+- 📣 Moved date and time pickers from the lab to MUI X (#31984) @flaviendelangle
+- Several 🐛 bug fixes and 📚 documentation improvements
+
+### `@mui/[email protected]`
+
+- &#8203;<!-- 25 -->[CssVarsProvider] Add experimental CssVarsProvider in @mui/material (#31138) @mnajdova
+- &#8203;<!-- 06 -->[Link] Fix `sx` color to support callback (#32123) @siriwatknp
+- &#8203;<!-- 05 -->[Link] Fix color transformation (#32045) @siriwatknp
+- &#8203;<!-- 04 -->[ListItemButton] Specified width so that text would ellide (#32083) @MatthijsMud
+- &#8203;<!-- 03 -->[TablePagination] Fixed the etEE locale (#32052) @raigoinabox
+
+### `@mui/[email protected]`
+
+- &#8203;<!-- 31 -->[Badge] Simplify unstyled API (#31974) @michaldudak
+
+### `@mui/[email protected]`
+
+- &#8203;<!-- 29 -->[codemod] Add v5.0.0/date-pickers-moved-to-x codemod (#31373) @flaviendelangle
+
+### `@mui/[email protected]`
+
+- &#8203;<!-- 24 -->[DatePicker] Remove date and time pickers from the lab (#31984) @flaviendelangle
+
+### `@mui/[email protected]`
+
+- &#8203;<!-- 07 -->[Joy] Add `Card` components (#32027) @siriwatknp
+
+### Docs
+
+- &#8203;<!-- 30 -->[blog] New article for the date pickers migration to X (#31831) @flaviendelangle
+- &#8203;<!-- 33 -->[docs] Base Menu style revisions and final review (#32097) @samuelsycamore
+- &#8203;<!-- 32 -->[docs] Base Select style revisions and final review (#32095) @samuelsycamore
+- &#8203;<!-- 31 -->[docs] Base Input style revisions and final review (#32096) @samuelsycamore
+- &#8203;<!-- 30 -->[docs] Base Slider style revisions and final review (#32140) @samuelsycamore
+- &#8203;<!-- 29 -->[docs] Base Modal style revisions and final review (#32093) @samuelsycamore
+- &#8203;<!-- 28 -->[docs] Add page for CSS variables support in @mui/material (#32050) @mnajdova
+- &#8203;<!-- 27 -->[docs] Add TSS support for theme style overrides (#31918) @garronej
+- &#8203;<!-- 23 -->[docs] Simplify customization examples in ButtonUnstyled demos (#32092) @michaldudak
+- &#8203;<!-- 22 -->[docs] Fix linking issues for the redirects (#32101) @siriwatknp
+- &#8203;<!-- 21 -->[docs] Create the FormControl page (#32073) @michaldudak
+- &#8203;<!-- 20 -->[docs] Remove trap-focus from the navigation (#32079) @psjishnu
+- &#8203;<!-- 19 -->[docs] Add date-pickers product identifier (#32076) @siriwatknp
+- &#8203;<!-- 18 -->[docs] Move SwitchUnstyled docs to the Base space (#31964) @michaldudak
+- &#8203;<!-- 17 -->[docs] Add docs page for unstyled popper (#31813) @siriwatknp
+- &#8203;<!-- 16 -->[docs] Copy TextareaAutosize docs to Base (#32034) @michaldudak
+- &#8203;<!-- 15 -->[docs] Add react-hook-form-mui to Complementary projects #32015 @TkaczykAdam
+- &#8203;<!-- 14 -->[docs] Improve the translation experience (#32021) @oliviertassinari
+- &#8203;<!-- 13 -->[docs] Add small size Select demo (#32060) @ivan-ngchakming
+- &#8203;<!-- 12 -->[docs] Correct typos (#32029) @apeltop
+- &#8203;<!-- 11 -->[docs] Create SliderUnstyled docs (#31850) @michaldudak
+- &#8203;<!-- 10 -->[docs] Create TablePaginationUnstyled docs (#32018) @michaldudak
+- &#8203;<!-- 09 -->[docs] Move SelectUnstyled docs to the Base space (#31816) @michaldudak
+- &#8203;<!-- 08 -->[docs] Create the TabsUnstyled docs (#32023) @michaldudak
+- &#8203;<!-- 02 -->[website] The studio finally has a name, use it (#32105) @oliviertassinari
+- &#8203;<!-- 01 -->[website] Disable job ad @oliviertassinari
+
+### Core
+
+- &#8203;<!-- 28 -->[core] Update peer deps to support React 18 (#32063) @eps1lon
+- &#8203;<!-- 27 -->[core] Fix running docs:api on Windows (#32091) @michaldudak
+- &#8203;<!-- 26 -->[core] Fix api build script for MUI Base (#32081) @siriwatknp
+
+All contributors of this release in alphabetical order: @apeltop, @eps1lon, @flaviendelangle, @garronej, @ivan-ngchakming, @m4theushw, @MatthijsMud, @michaldudak, @mnajdova, @oliviertassinari, @psjishnu, @raigoinabox, @samuelsycamore, @siriwatknp, @TkaczykAdam
+
 ## 5.5.3
 
 <!-- generated comparing v5.5.2..master -->

benchmark/package.json

@@ -15,9 +15,9 @@
     "@emotion/react": "^11.8.2",
     "@emotion/styled": "^11.8.1",
     "@mdx-js/react": "^2.1.1",
-    "@mui/material": "^5.5.3",
-    "@mui/styles": "^5.5.3",
-    "@mui/system": "^5.5.3",
+    "@mui/material": "^5.6.0",
+    "@mui/styles": "^5.6.0",
+    "@mui/system": "^5.6.0",
     "@styled-system/css": "^5.1.5",
     "benchmark": "^2.1.4",
     "playwright": "^1.17.1",

docs/package.json

@@ -31,16 +31,16 @@
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
     "@fortawesome/react-fontawesome": "^0.1.18",
-    "@mui/base": "5.0.0-alpha.74",
-    "@mui/docs": "^5.5.3",
-    "@mui/icons-material": "^5.5.1",
-    "@mui/lab": "5.0.0-alpha.75",
-    "@mui/material": "^5.5.3",
-    "@mui/material-next": "6.0.0-alpha.29",
-    "@mui/styled-engine": "^5.5.2",
+    "@mui/base": "5.0.0-alpha.75",
+    "@mui/docs": "^5.6.0",
+    "@mui/icons-material": "^5.6.0",
+    "@mui/lab": "5.0.0-alpha.76",
+    "@mui/material": "^5.6.0",
+    "@mui/material-next": "6.0.0-alpha.30",
+    "@mui/styled-engine": "^5.6.0",
     "@mui/styled-engine-sc": "^5.5.2",
-    "@mui/styles": "^5.5.3",
-    "@mui/system": "^5.5.3",
+    "@mui/styles": "^5.6.0",
+    "@mui/system": "^5.6.0",
     "@mui/types": "^7.1.3",
     "@mui/x-data-grid": "^5.8.0",
     "@mui/x-data-grid-generator": "^5.8.0",

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": true,
   "scripts": {
     "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts",

packages/mui-base/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/base",
-  "version": "5.0.0-alpha.74",
+  "version": "5.0.0-alpha.75",
   "private": false,
   "author": "MUI Team",
   "description": "Unstyled React components with which to implement custom design systems.",
@@ -54,7 +54,7 @@
     "@babel/runtime": "^7.17.2",
     "@emotion/is-prop-valid": "^1.1.2",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "@popperjs/core": "^2.11.4",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",

packages/mui-codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",

packages/mui-docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "nprogress": "^0.2.0"
   },
   "publishConfig": {

packages/mui-icons-material/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/icons-material",
-  "version": "5.5.1",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "Material Design icons distributed as SVG React components.",

packages/mui-joy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/joy",
-  "version": "5.0.0-alpha.21",
+  "version": "5.0.0-alpha.22",
   "private": false,
   "author": "MUI Team",
   "description": "Joy design system — React components",
@@ -57,10 +57,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.74",
-    "@mui/system": "^5.5.3",
+    "@mui/base": "5.0.0-alpha.75",
+    "@mui/system": "^5.6.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
     "hoist-non-react-statics": "^3.3.2",

packages/mui-lab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.75",
+  "version": "5.0.0-alpha.76",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -69,10 +69,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.74",
-    "@mui/system": "^5.5.3",
-    "@mui/utils": "^5.5.3",
-    "@mui/x-date-pickers": "^5.0.0-alpha.0",
+    "@mui/base": "5.0.0-alpha.75",
+    "@mui/system": "^5.6.0",
+    "@mui/utils": "^5.6.0",
+    "@mui/x-date-pickers": "5.0.0-alpha.0",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",

packages/mui-material-next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material-next",
-  "version": "6.0.0-alpha.29",
+  "version": "6.0.0-alpha.30",
   "private": false,
   "author": "MUI Team",
   "description": "Material Design components built using @mui/base.",
@@ -59,11 +59,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.74",
-    "@mui/material": "^5.5.3",
-    "@mui/system": "^5.5.3",
+    "@mui/base": "5.0.0-alpha.75",
+    "@mui/material": "^5.6.0",
+    "@mui/system": "^5.6.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "@popperjs/core": "^2.11.4",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",

packages/mui-material/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -61,10 +61,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.74",
-    "@mui/system": "^5.5.3",
+    "@mui/base": "5.0.0-alpha.75",
+    "@mui/system": "^5.6.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",

packages/mui-private-theming/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/private-theming",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Theming - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "prop-types": "^15.7.2"
   },
   "sideEffects": false,

packages/mui-styled-engine/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/styled-engine",
-  "version": "5.5.2",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "styled() API wrapper package for emotion.",

packages/mui-styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/styles",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Styles - The styling solution of MUI.",
@@ -49,9 +49,9 @@
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@emotion/hash": "^0.8.0",
-    "@mui/private-theming": "^5.5.3",
+    "@mui/private-theming": "^5.6.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
     "hoist-non-react-statics": "^3.3.2",

packages/mui-system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -57,10 +57,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/private-theming": "^5.5.3",
-    "@mui/styled-engine": "^5.5.2",
+    "@mui/private-theming": "^5.6.0",
+    "@mui/styled-engine": "^5.6.0",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/utils": "^5.6.0",
     "clsx": "^1.1.1",
     "csstype": "^3.0.11",
     "prop-types": "^15.7.2"

packages/mui-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",