@mui/lab 5.0.0-alpha.85 → 5.0.0-alpha.86

package/CHANGELOG.md

@@ -1,5 +1,85 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.8.4
+
+<!-- generated comparing v5.8.3..master -->
+
+_Jun 14, 2022_
+
+A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Added support for custom breakpoints in the `Grid` component by @boutahlilsoufiane
+- 📚 Added guide on how to use Material UI with Shadow DOM by @cherniavskii
+- many other 🐛 bug fixes and 📚 documentation improvements
+
+### `@mui/material@5.8.4`
+
+- &#8203;<!-- 36 -->[Button] Add missing classes in `ButtonClasses` type (#33040) @ZeeshanTamboli
+- &#8203;<!-- 20 -->[Grid] Fix prop-type key regression (#33123) @oliviertassinari
+- &#8203;<!-- 19 -->[Grid] Support custom breakpoints (#31998) @boutahlilsoufiane
+- &#8203;<!-- 18 -->[Grow] Limit CSS transition bug workaround to Safari 15.4 only (#32996) @igordanchenko
+- &#8203;<!-- 17 -->[Hidden] Remove dependency on hoist-non-react-statics (#33015) @oliviertassinari
+- &#8203;<!-- 12 -->[Link] Add support for CSS variables (#33036) @winderica
+- &#8203;<!-- 07 -->[Popover] Export `getOffsetTop` & `getOffsetLeft` from Popover's index and add typings (#32959) @rart
+- &#8203;<!-- 06 -->[Slider] Fix SliderValueLabelProps type (#32895) @oliviertassinari
+- &#8203;<!-- 05 -->[Snackbar] Remove `RTL` direction specific logic (#32808) @aaarichter
+- &#8203;<!-- 04 -->[StepIcon] Fix text centering when changing browser font size (#32706) @alansouzati
+- &#8203;<!-- 02 -->[Tabs] Scroll by width of the first visible tab if only one tab is partially visible (#32778) @frankkluijtmans
+
+### `@mui/system@5.8.4`
+
+- &#8203;<!-- 38 -->[Stack, system] Apply correct responsive styles if any custom breakpoints are provided (#32913) @ZeeshanTamboli
+- &#8203;<!-- 03 -->[system] Fix missing typings for ColorFormat (#32417) @l-zoy
+
+### `@mui/codemod@5.8.4`
+
+- &#8203;<!-- 35 -->[codemod] Add support for `@mui/styles/makeStyles` imports (#32962) @joshkel
+
+### `@mui/lab@5.0.0-alpha.86`
+
+- &#8203;<!-- 08 -->[pickers] Fix broken ref forwarding (#33107) @oliviertassinari
+- &#8203;<!-- 13 -->[lab] Fix React's `forwardRef` warning when importing from the index (#33134) @mnajdova
+
+### `@mui/base@5.0.0-alpha.85`
+
+- &#8203;<!-- 11 -->[MenuUnstyled] Accept callbacks in componentsProps (#32997) @michaldudak
+- &#8203;<!-- 10 -->[ModalUnstyled] Fix errors from the W3C validator about incorrect aria-hidden attribute on some elements (#30920) @mkrtchian
+- &#8203;<!-- 09 -->[ModalUnstyled] Fix behavior of not respecting props ariaHidden value (#32055) @tech-meppem
+
+### `@mui/joy@5.0.0-alpha.32`
+
+- &#8203;<!-- 16 -->[Joy] Miscellaneous card fixes (#33129) @siriwatknp
+- &#8203;<!-- 15 -->[Joy] Miscellaneous fixes (#33073) @siriwatknp
+- &#8203;<!-- 14 -->[Joy] Add typography and link docs (#33047) @siriwatknp
+
+### Docs
+
+- &#8203;<!-- 40 -->[Contributing.md] Local install instructions (#32975) @Moizsohail
+- &#8203;<!-- 32 -->[docs] Add responsive AppBar with drawer (#32769) @dvlprAlamin
+- &#8203;<!-- 31 -->[docs] Move codesandbox to MUI org (#33122) @oliviertassinari
+- &#8203;<!-- 30 -->[docs] Add Shadow DOM guide (#33007) @cherniavskii
+- &#8203;<!-- 29 -->[docs] Fix typo in Material UI overview page (#33087) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Miscellaneous fixes in `MUI Base` docs (#33091) @ZeeshanTamboli
+- &#8203;<!-- 27 -->[docs] Fix GitHub capitalization (#33071) @oliviertassinari
+- &#8203;<!-- 26 -->[docs] Fix a typo in `InputUnstyled` docs (#33077) @ZeeshanTamboli
+- &#8203;<!-- 25 -->[docs] Add notification for Joy blog post (#33059) @siriwatknp
+- &#8203;<!-- 24 -->[docs] Improve aspect ratio docs and integration (#33065) @siriwatknp
+- &#8203;<!-- 34 -->[docs] Update code block copy label (#33128) @siriwatknp
+- &#8203;<!-- 23 -->[docs] Fix typo in Autocomplete CSS API (#32838) @KeaghanKennedy
+- &#8203;<!-- 22 -->[docs] Improvements for Radio Group Rating Docs (#32843) @Kai-W
+- &#8203;<!-- 21 -->[docs] Enable Joy pages (#33064) @siriwatknp
+- &#8203;<!-- 02 -->[website] Add Joy UI to the pricing page (#33099) @danilo-leal
+- &#8203;<!-- 01 -->[website] Clarify the pricing a bit (#33069) @oliviertassinari
+
+### Core
+
+- &#8203;<!-- 39 -->yarn proptypes @oliviertassinari
+- &#8203;<!-- 34 -->[core] Update dependencies to fix security vulnerabilities (#33095) @michaldudak
+- &#8203;<!-- 33 -->[core] Import new line convention (#33068) @oliviertassinari
+- &#8203;<!-- 37 -->[core] Make repository configurable in changelog script (#33130) @Janpot
+
+All contributors of this release in alphabetical order: @aaarichter, @alansouzati, @boutahlilsoufiane, @cherniavskii, @danilo-leal, @dvlprAlamin, @frankkluijtmans, @igordanchenko, @Janpot, @joshkel, @Kai-W, @KeaghanKennedy, @l-zoy, @michaldudak, @mkrtchian, @mnajdova, @Moizsohail, @oliviertassinari, @pushys, @rart, @siriwatknp, @tech-meppem, @winderica, @ZeeshanTamboli
+
 ## 5.8.3
 
 <!-- generated comparing v5.8.2..master -->
@@ -9,25 +89,25 @@ _Jun 7, 2022_
 A big thanks to the 15 contributors who made this release possible.
 This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
 
-## `@mui/material@5.8.3`
+### `@mui/material@5.8.3`
 
 - [Alert] Constrain message width and allow overflow (#32747) @Janpot
 - [Checkbox] Add support for CSS variables (#32579) @haneenmahd
 - [Slider] Fix positioning of tooltips on vertical slider (#32919) @abhinav-22-tech
 
-## `@mui/system@5.8.3`
+### `@mui/system@5.8.3`
 
 - [system] Configurable attributes for libraries (#32971) @siriwatknp
 
-## `@mui/codemod@5.8.3
+### `@mui/codemod@5.8.3`
 
 - [codemod] Fix infinite loop in jss-to-tss-react and add TODO (#33048) @ryancogswell
 
-## `@mui/lab@5.0.0-alpha.85`
+### `@mui/lab@5.0.0-alpha.85`
 
 - [pickers] Add deprecations when importing pickers from the lab (#32950) @flaviendelangle
 
-## `@mui/joy@5.0.0-alpha.31`
+### `@mui/joy@5.0.0-alpha.31`
 
 - [Joy] Add `Slider` component and demos (#32694) @hbjORbj
 - [Joy] Add articles about customization approaches (#32887) @siriwatknp
@@ -35,7 +115,7 @@ This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
 - [Joy] Add docs about dark mode (#33002) @siriwatknp
 - [Joy] Add template UIs & first look blog post (#32791) @danilo-leal
 
-## `@mui/base@5.0.0-alpha.84`
+### `@mui/base@5.0.0-alpha.84`
 
 - [base] Remove @mui/system in tests (#32945) @kevinji
 - [ButtonUnstyled] Accept callbacks in componentsProps (#32991) @michaldudak
@@ -44,7 +124,7 @@ This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
 - [TabPanelUnstyled] Define ownerState and slot props' types (#32928) @michaldudak
 - [TabsListUnstyled] Define ownerState and slot props' types (#32925) @michaldudak
 
-## Docs
+### Docs
 
 - [blog] Fix anchor link scroll (#32994) @oliviertassinari
 - [docs] Add "Migration" section to sidebar and revise v4-v5 content (#32740) @samuelsycamore
@@ -62,7 +142,7 @@ This release is mostly about 🐛 bug fixes and 📚 documentation improvements.
 - [website] Polish the pricing page (#32811) @oliviertassinari
 - [website] Remove unnecessary `address` dependency (#32957) @michaldudak
 
-## Core
+### Core
 
 - [core] Improve icon synonyms (#32742) @oliviertassinari
 - [core] Prepare Next.js config for React 18 (#32963) @michaldudak
@@ -2000,7 +2080,7 @@ A big thanks to the 15 contributors who made this release possible. Here are som
 - &#8203;<!-- 33 -->[core] Add `experiments` index page (#29582) @siriwatknp
 - &#8203;<!-- 32 -->[core] Move s3 bucket ownership to mui-org (#29609) @eps1lon
 - &#8203;<!-- 31 -->[core] Improve support request message (#29614) @mnajdova
-- &#8203;<!-- 30 -->[core] Use support request Github Action (#29594) @mnajdova
+- &#8203;<!-- 30 -->[core] Use support request GitHub Action (#29594) @mnajdova
 - &#8203;<!-- 29 -->[core] Remove unused `getJsxPreview` util (#29586) @ZeeshanTamboli
 - &#8203;<!-- 28 -->[core] Use GitHub issue forms (#28038) @oliviertassinari
 - &#8203;<!-- 26 -->[core] Add playground (#29423) @oliviertassinari
@@ -6055,7 +6135,7 @@ A big thanks to the 24 contributors who made this release possible. Here are som
 - [docs] Fix duplicated styles generated from emotion (#23809) @mnajdova
 - [docs] Fix icon alignment in /components/breadcrumbs (#23818) @eps1lon
 - [docs] Fix production deploy (#23963) @eps1lon
-- [docs] Fix source on Github links (#23821) @praveenkumar-kalidass
+- [docs] Fix source on GitHub links (#23821) @praveenkumar-kalidass
 - [docs] Fix StickyHeaderTable round borders (#23882) @antoniopacheco
 - [docs] Fix typo in date picker dayjs adapter name (#23935) @andresmrm
 - [docs] Improve system properties page (#23961) @mnajdova

package/CalendarPicker/CalendarPicker.js

@@ -14,8 +14,10 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const CalendarPicker = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPicker(props) {
+const CalendarPicker = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XCalendarPicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XCalendarPicker, _extends({
+    ref: ref
+  }, props));
 });
 export default CalendarPicker;

package/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const CalendarPickerSkeleton = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPickerSkeleton(props) {
+const CalendarPickerSkeleton = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPickerSkeleton(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XCalendarPickerSkeleton, _extends({}, props));
+  return /*#__PURE__*/_jsx(XCalendarPickerSkeleton, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
 /* remove-proptypes */

package/ClockPicker/ClockPicker.js

@@ -14,8 +14,10 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const ClockPicker = /*#__PURE__*/React.forwardRef(function DeprecatedClockPicker(props) {
+const ClockPicker = /*#__PURE__*/React.forwardRef(function DeprecatedClockPicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XClockPicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XClockPicker, _extends({
+    ref: ref
+  }, props));
 });
 export default ClockPicker;

package/DatePicker/DatePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDatePicker(props) {
+const DatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XDatePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XDatePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DatePicker.propTypes
 /* remove-proptypes */
@@ -198,11 +200,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/DateRangePicker/DateRangePicker.js

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
-import PropTypes from 'prop-types';
 let warnedOnce = false;
 
 const warn = () => {
@@ -17,17 +16,4 @@ const DateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateRan
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-} : void 0;
 export default DateRangePicker;

package/DateTimePicker/DateTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateTimePicker(props) {
+const DateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XDateTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XDateTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
 /* remove-proptypes */
@@ -244,11 +246,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/DesktopDatePicker/DesktopDatePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDatePicker(props) {
+const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XDesktopDatePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XDesktopDatePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
 /* remove-proptypes */
@@ -180,11 +182,6 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
-import PropTypes from 'prop-types';
 let warnedOnce = false;
 
 const warn = () => {
@@ -17,17 +16,4 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function Deprecated
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-} : void 0;
 export default DesktopDateRangePicker;

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDateTimePicker(props) {
+const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XDesktopDateTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XDesktopDateTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
 /* remove-proptypes */
@@ -226,11 +228,6 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/DesktopTimePicker/DesktopTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopTimePicker(props) {
+const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XDesktopTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XDesktopTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
 /* remove-proptypes */
@@ -159,11 +161,6 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/LocalizationProvider/LocalizationProvider.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const LocalizationProvider = /*#__PURE__*/React.forwardRef(function DeprecatedLocalizationProvider(props) {
+const LocalizationProvider = /*#__PURE__*/React.forwardRef(function DeprecatedLocalizationProvider(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XLocalizationProvider, _extends({}, props));
+  return /*#__PURE__*/_jsx(XLocalizationProvider, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes
 /* remove-proptypes */

package/MobileDatePicker/MobileDatePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MobileDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDatePicker(props) {
+const MobileDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XMobileDatePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XMobileDatePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
 /* remove-proptypes */
@@ -191,11 +193,6 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
-import PropTypes from 'prop-types';
 let warnedOnce = false;
 
 const warn = () => {
@@ -17,17 +16,4 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedM
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-} : void 0;
 export default MobileDateRangePicker;

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDateTimePicker(props) {
+const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XMobileDateTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XMobileDateTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
 /* remove-proptypes */
@@ -237,11 +239,6 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/MobileTimePicker/MobileTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MobileTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileTimePicker(props) {
+const MobileTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XMobileTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XMobileTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes
 /* remove-proptypes */
@@ -170,11 +172,6 @@ process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/MonthPicker/MonthPicker.js

@@ -14,8 +14,10 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MonthPicker = /*#__PURE__*/React.forwardRef(function DeprecatedMonthPicker(props) {
+const MonthPicker = /*#__PURE__*/React.forwardRef(function DeprecatedMonthPicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XMonthPicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XMonthPicker, _extends({
+    ref: ref
+  }, props));
 });
 export default MonthPicker;

package/PickersDay/PickersDay.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const PickersDay = /*#__PURE__*/React.forwardRef(function DeprecatedPickersDay(props) {
+const PickersDay = /*#__PURE__*/React.forwardRef(function DeprecatedPickersDay(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XPickersDay, _extends({}, props));
+  return /*#__PURE__*/_jsx(XPickersDay, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? PickersDay.propTypes
 /* remove-proptypes */

package/README.md

@@ -16,7 +16,7 @@ npm install @mui/lab
 yarn add @mui/lab
 ```
 
-The lab has peer dependencies on the Material Design components and on the emotion library.
+The lab has peer dependencies on the Material Design components and on the Emotion library.
 If you are not already using them in your project, you can install with:
 
 <!-- #default-branch-switch -->

package/StaticDatePicker/StaticDatePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const StaticDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDatePicker(props) {
+const StaticDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XStaticDatePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XStaticDatePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
 /* remove-proptypes */
@@ -169,11 +171,6 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
-import PropTypes from 'prop-types';
 let warnedOnce = false;
 
 const warn = () => {
@@ -17,17 +16,4 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedS
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-} : void 0;
 export default StaticDateRangePicker;

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateTimePicker(props) {
+const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XStaticDateTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XStaticDateTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
 /* remove-proptypes */
@@ -215,11 +217,6 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */

package/StaticTimePicker/StaticTimePicker.js

@@ -15,9 +15,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticTimePicker(props) {
+const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/_jsx(XStaticTimePicker, _extends({}, props));
+  return /*#__PURE__*/_jsx(XStaticTimePicker, _extends({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes
 /* remove-proptypes */
@@ -148,11 +150,6 @@ process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes
     current: PropTypes.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */