v5.5.3 (#32019)

CHANGELOG.md

@@ -1,5 +1,103 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.5.3
+
+<!-- generated comparing v5.5.2..master -->
+
+_Mar 28, 2022_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- ♿️ improved the a11y on some docs demos
+- Several 🐛 bug fixes and 📚 documentation improvements
+
+### `@mui/material@5.5.3`
+
+- &#8203;<!-- 32 -->[ButtonBase] Start ripple only after mount (#31950) @m4theushw
+- &#8203;<!-- 11 -->[FormControlLabel] Fix label prop type to be in-line with other label prop types (#31139) @jannes-io
+- &#8203;<!-- 10 -->[Grow] Add a workaround for Safari 15.4 CSS transition bug (#31975) @igordanchenko
+
+### `@mui/codemod@5.5.3`
+
+- &#8203;<!-- 31 -->[codemod] Fix variant prop placement (#31990) @ryancogswell
+
+### `@mui/utils@5.5.3`
+
+- &#8203;<!-- 02 -->[utils] Improve type inference of useForkRef (#31845) @eps1lon
+
+### `@mui/base@5.0.0-alpha.74`
+
+#### Breaking changes
+
+- &#8203;<!-- 34 -->[base] Remove `BackdropUnstyled` component (#31923) @mnajdova
+
+  The `BackdropUnstyled` component was removed from the `@mui/base` package, as it did not have any specific logic, except adding an `aria-hidden` attribute on the div it rendered. This is not enough to justify it's existence in the base package. Here is an example alternative component you can use:
+
+  ```tsx
+  const BackdropUnstyled = React.forwardRef<HTMLDivElement, { open?: boolean; className: string }>(
+    (props, ref) => {
+      const { open, className, ...other } = props;
+      return <div className={clsx({ 'MuiBackdrop-open': open }, className)} ref={ref} {...other} />;
+    },
+  );
+  ```
+
+- &#8203;<!-- 03 -->[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak
+
+  Removed the `Unstyled_` prefix from the Base export (it remains in the Material UI export, though).
+
+  ```diff
+  -import { Unstyled_TrapFocus } from '@mui/base';
+  +import { TrapFocus } from '@mui/base';
+
+  // or
+
+  -import TrapFocus from '@mui/base/Unstyled_TrapFocus';
+  +import TrapFocus from '@mui/base/TrapFocus';
+  ```
+
+#### Changes
+
+- &#8203;<!-- 33 -->[base] Add @mui/types to dependencies (#31951) @bicstone
+
+### `@mui/joy@5.0.0-alpha.21`
+
+- &#8203;<!-- 09 -->[Joy] Add `AvatarGroup` component (#31980) @siriwatknp
+- &#8203;<!-- 07 -->[Joy] Miscellaneous fixes (#31873) @siriwatknp
+- &#8203;<!-- 08 -->[Joy] Miscellaneous fixes 2 (#31971) @siriwatknp
+
+### Docs
+
+- &#8203;<!-- 27 -->[docs] Improve the a11y on the hover rating demo (#31970) @mnajdova
+- &#8203;<!-- 26 -->[docs] Improve a11y on the `SplitButton` demo (#31969) @mnajdova
+- &#8203;<!-- 25 -->[docs] Improve the color description in the API pages (#30976) @mnajdova
+- &#8203;<!-- 24 -->[docs] Add docs page for unstyled Modal (#31417) @mnajdova
+- &#8203;<!-- 23 -->[docs] Add InputUnstyled docs (#31881) @mnajdova
+- &#8203;<!-- 22 -->[docs] Remove "Work in biotech" from the showcase (#31942) @oliviertassinari
+- &#8203;<!-- 21 -->[docs] Fix in-house ad for the design kits (#31965) @oliviertassinari
+- &#8203;<!-- 20 -->[docs] Fix the documentation for filterOptions in Autocomplete API page (#31416) @santhoshbala0178
+- &#8203;<!-- 19 -->[docs] Update href for 'TypeScript guide on theme customization' (#31880) @NickFoden
+- &#8203;<!-- 18 -->[docs] Fix the CSS modules example in the Interoperability page (#31935) @WilsonNet
+- &#8203;<!-- 17 -->[docs] Fix small typo in the `styled()` utility page (#31967) @jason1985
+- &#8203;<!-- 16 -->[docs] Update mui-x on material-ui navigation (#31810) @siriwatknp
+- &#8203;<!-- 15 -->[docs] Copy ClickAwayListener docs to Base (#31878) @michaldudak
+- &#8203;<!-- 14 -->[docs] Refine the redirects (#31939) @siriwatknp
+- &#8203;<!-- 13 -->[docs] Fix TOC layout for large screen (#31953) @siriwatknp
+- &#8203;<!-- 12 -->[examples] Update remix example to not use NODE_ENV guard for `LiveReload` (#31269) @eswarclynn
+- &#8203;<!-- 06 -->[NoSsr] Copy docs to the Base space (#31956) @michaldudak
+- &#8203;<!-- 05 -->[Portal] Copy Portal docs to the Base space (#31959) @michaldudak
+- &#8203;<!-- 01 -->[website] Remove X-Frame-Options @oliviertassinari
+- &#8203;<!-- 35 -->Revert "[website] Remove X-Frame-Options" @oliviertassinari
+
+### Core
+
+- &#8203;<!-- 30 -->[core] Fixes error in changelog generator for item sorting/padding (#30088) @dimitropoulos
+- &#8203;<!-- 29 -->[core] Fix typo in issue template @oliviertassinari
+- &#8203;<!-- 28 -->[core] Replace deprecated String.prototype.substr() (#31806) @CommanderRoot
+- &#8203;<!-- 04 -->[test] Add tests for component using `StandardProps` and polymorphic components (#31945) @mnajdova
+
+All contributors of this release in alphabetical order: @bicstone, @CommanderRoot, @dimitropoulos, @eps1lon, @eswarclynn, @igordanchenko, @jannes-io, @jason1985, @m4theushw, @michaldudak, @mnajdova, @NickFoden, @oliviertassinari, @ryancogswell, @santhoshbala0178, @siriwatknp, @WilsonNet
+
 ## 5.5.2
 
 <!-- generated comparing v5.5.1..master -->

benchmark/package.json

@@ -15,9 +15,9 @@
     "@emotion/react": "^11.8.2",
     "@emotion/styled": "^11.8.1",
     "@mdx-js/react": "^2.1.0",
-    "@mui/material": "^5.5.2",
-    "@mui/styles": "^5.5.1",
-    "@mui/system": "^5.5.2",
+    "@mui/material": "^5.5.3",
+    "@mui/styles": "^5.5.3",
+    "@mui/system": "^5.5.3",
     "@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": "^1.3.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
-    "@mui/base": "5.0.0-alpha.73",
-    "@mui/docs": "^5.4.4",
+    "@mui/base": "5.0.0-alpha.74",
+    "@mui/docs": "^5.5.3",
     "@mui/icons-material": "^5.5.1",
-    "@mui/lab": "5.0.0-alpha.74",
-    "@mui/material": "^5.5.2",
-    "@mui/material-next": "6.0.0-alpha.28",
+    "@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/styled-engine-sc": "^5.5.2",
-    "@mui/styles": "^5.5.1",
-    "@mui/system": "^5.5.2",
+    "@mui/styles": "^5.5.3",
+    "@mui/system": "^5.5.3",
     "@mui/types": "^7.1.3",
     "@mui/x-data-grid": "^5.5.1",
     "@mui/x-data-grid-generator": "^5.5.1",

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.5.2",
+  "version": "5.5.3",
   "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.73",
+  "version": "5.0.0-alpha.74",
   "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.4.4",
+    "@mui/utils": "^5.5.3",
     "@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.1",
+  "version": "5.5.3",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",

packages/mui-docs/package.json

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

packages/mui-joy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/joy",
-  "version": "5.0.0-alpha.20",
+  "version": "5.0.0-alpha.21",
   "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.73",
-    "@mui/system": "^5.5.2",
+    "@mui/base": "5.0.0-alpha.74",
+    "@mui/system": "^5.5.3",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.4.4",
+    "@mui/utils": "^5.5.3",
     "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.74",
+  "version": "5.0.0-alpha.75",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -73,9 +73,9 @@
     "@date-io/dayjs": "^2.13.1",
     "@date-io/luxon": "^2.13.1",
     "@date-io/moment": "^2.13.1",
-    "@mui/base": "5.0.0-alpha.73",
-    "@mui/system": "^5.5.2",
-    "@mui/utils": "^5.4.4",
+    "@mui/base": "5.0.0-alpha.74",
+    "@mui/system": "^5.5.3",
+    "@mui/utils": "^5.5.3",
     "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.28",
+  "version": "6.0.0-alpha.29",
   "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.73",
-    "@mui/material": "^5.5.2",
-    "@mui/system": "^5.5.2",
+    "@mui/base": "5.0.0-alpha.74",
+    "@mui/material": "^5.5.3",
+    "@mui/system": "^5.5.3",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.4.4",
+    "@mui/utils": "^5.5.3",
     "@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.2",
+  "version": "5.5.3",
   "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.73",
-    "@mui/system": "^5.5.2",
+    "@mui/base": "5.0.0-alpha.74",
+    "@mui/system": "^5.5.3",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.4.4",
+    "@mui/utils": "^5.5.3",
     "@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.4.4",
+  "version": "5.5.3",
   "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.4.4",
+    "@mui/utils": "^5.5.3",
     "prop-types": "^15.7.2"
   },
   "sideEffects": false,

packages/mui-styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/styles",
-  "version": "5.5.1",
+  "version": "5.5.3",
   "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.4.4",
+    "@mui/private-theming": "^5.5.3",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.4.4",
+    "@mui/utils": "^5.5.3",
     "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.2",
+  "version": "5.5.3",
   "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.4.4",
+    "@mui/private-theming": "^5.5.3",
     "@mui/styled-engine": "^5.5.2",
     "@mui/types": "^7.1.3",
-    "@mui/utils": "^5.4.4",
+    "@mui/utils": "^5.5.3",
     "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.4.4",
+  "version": "5.5.3",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",