@mui/material 5.0.0 → 5.0.4

package/legacy/Zoom/Zoom.js

@@ -28,7 +28,8 @@ var defaultTimeout = {
  */
 
 var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
-  var _props$appear = props.appear,
+  var addEndListener = props.addEndListener,
+      _props$appear = props.appear,
       appear = _props$appear === void 0 ? true : _props$appear,
       _children = props.children,
       easing = props.easing,
@@ -44,7 +45,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       timeout = _props$timeout === void 0 ? defaultTimeout : _props$timeout,
       _props$TransitionComp = props.TransitionComponent,
       TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
-      other = _objectWithoutProperties(props, ["appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
+      other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
 
   var theme = useTheme();
   var nodeRef = React.useRef(null);
@@ -101,6 +102,14 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }
   });
   var handleExited = normalizedTransitionCallback(onExited);
+
+  var handleAddEndListener = function handleAddEndListener(next) {
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(nodeRef.current, next);
+    }
+  };
+
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
@@ -111,6 +120,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
+    addEndListener: handleAddEndListener,
     timeout: timeout
   }, other, {
     children: function children(state, childProps) {
@@ -132,6 +142,13 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -142,7 +159,7 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * The transition timing function.

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/internal/SwitchBase.js

@@ -176,7 +176,8 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
       required: required,
       ownerState: ownerState,
       tabIndex: tabIndex,
-      type: type,
+      type: type
+    }, type === 'checkbox' && value === undefined ? {} : {
       value: value
     }, inputProps)), checked ? checkedIcon : icon]
   }));

package/legacy/useMediaQuery/useMediaQuery.js

@@ -1,15 +1,32 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getThemeProps, useThemeWithoutDefault as useTheme } from '@mui/system';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
+/**
+ * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
+ */
+
 export default function useMediaQuery(queryInput) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var theme = useTheme();
-  var props = getThemeProps({
+  var theme = useTheme(); // Wait for jsdom to support the match media feature.
+  // All the browsers MUI support have this built-in.
+  // This defensive check is here for simplicity.
+  // Most of the time, the match media logic isn't central to people tests.
+
+  var supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
+
+  var _getThemeProps = getThemeProps({
     name: 'MuiUseMediaQuery',
-    props: {},
+    props: options,
     theme: theme
-  });
+  }),
+      _getThemeProps$defaul = _getThemeProps.defaultMatches,
+      defaultMatches = _getThemeProps$defaul === void 0 ? false : _getThemeProps$defaul,
+      _getThemeProps$matchM = _getThemeProps.matchMedia,
+      matchMedia = _getThemeProps$matchM === void 0 ? supportMatchMedia ? window.matchMedia : null : _getThemeProps$matchM,
+      _getThemeProps$noSsr = _getThemeProps.noSsr,
+      noSsr = _getThemeProps$noSsr === void 0 ? false : _getThemeProps$noSsr,
+      _getThemeProps$ssrMat = _getThemeProps.ssrMatchMedia,
+      ssrMatchMedia = _getThemeProps$ssrMat === void 0 ? null : _getThemeProps$ssrMat;
 
   if (process.env.NODE_ENV !== 'production') {
     if (typeof queryInput === 'function' && theme === null) {
@@ -18,22 +35,7 @@ export default function useMediaQuery(queryInput) {
   }
 
   var query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
-  query = query.replace(/^@media( ?)/m, ''); // Wait for jsdom to support the match media feature.
-  // All the browsers MUI support have this built-in.
-  // This defensive check is here for simplicity.
-  // Most of the time, the match media logic isn't central to people tests.
-
-  var supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-
-  var _props$options = _extends({}, props, options),
-      _props$options$defaul = _props$options.defaultMatches,
-      defaultMatches = _props$options$defaul === void 0 ? false : _props$options$defaul,
-      _props$options$matchM = _props$options.matchMedia,
-      matchMedia = _props$options$matchM === void 0 ? supportMatchMedia ? window.matchMedia : null : _props$options$matchM,
-      _props$options$noSsr = _props$options.noSsr,
-      noSsr = _props$options$noSsr === void 0 ? false : _props$options$noSsr,
-      _props$options$ssrMat = _props$options.ssrMatchMedia,
-      ssrMatchMedia = _props$options$ssrMat === void 0 ? null : _props$options$ssrMat;
+  query = query.replace(/^@media( ?)/m, '');
 
   var _React$useState = React.useState(function () {
     if (noSsr && supportMatchMedia) {

package/locale/index.d.ts

@@ -1,65 +1,65 @@
-import { ComponentsPropsList } from '../styles/props';
-export interface Localization {
-    components?: {
-        MuiAlert?: {
-            defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
-        };
-        MuiBreadcrumbs?: {
-            defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
-        };
-        MuiTablePagination?: {
-            defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
-        };
-        MuiRating?: {
-            defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
-        };
-        MuiAutocomplete?: {
-            defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
-        };
-        MuiPagination?: {
-            defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
-        };
-    };
-}
-export declare const arEG: Localization;
-export declare const arSD: Localization;
-export declare const azAZ: Localization;
-export declare const bnBD: Localization;
-export declare const bgBG: Localization;
-export declare const caES: Localization;
-export declare const csCZ: Localization;
-export declare const deDE: Localization;
-export declare const elGR: Localization;
-export declare const enUS: Localization;
-export declare const esES: Localization;
-export declare const etEE: Localization;
-export declare const faIR: Localization;
-export declare const fiFI: Localization;
-export declare const frFR: Localization;
-export declare const heIL: Localization;
-export declare const hiIN: Localization;
-export declare const huHU: Localization;
-export declare const hyAM: Localization;
-export declare const idID: Localization;
-export declare const isIS: Localization;
-export declare const itIT: Localization;
-export declare const jaJP: Localization;
-export declare const khKH: Localization;
-export declare const koKR: Localization;
-export declare const kzKZ: Localization;
-export declare const nlNL: Localization;
-export declare const plPL: Localization;
-export declare const ptBR: Localization;
-export declare const ptPT: Localization;
-export declare const roRO: Localization;
-export declare const ruRU: Localization;
-export declare const siLK: Localization;
-export declare const skSK: Localization;
-export declare const svSE: Localization;
-export declare const thTH: Localization;
-export declare const trTR: Localization;
-export declare const ukUA: Localization;
-export declare const viVN: Localization;
-export declare const zhCN: Localization;
-export declare const zhHK: Localization;
-export declare const zhTW: Localization;
+import { ComponentsPropsList } from '../styles/props';
+export interface Localization {
+    components?: {
+        MuiAlert?: {
+            defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
+        };
+        MuiBreadcrumbs?: {
+            defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
+        };
+        MuiTablePagination?: {
+            defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
+        };
+        MuiRating?: {
+            defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
+        };
+        MuiAutocomplete?: {
+            defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
+        };
+        MuiPagination?: {
+            defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
+        };
+    };
+}
+export declare const arEG: Localization;
+export declare const arSD: Localization;
+export declare const azAZ: Localization;
+export declare const bnBD: Localization;
+export declare const bgBG: Localization;
+export declare const caES: Localization;
+export declare const csCZ: Localization;
+export declare const deDE: Localization;
+export declare const elGR: Localization;
+export declare const enUS: Localization;
+export declare const esES: Localization;
+export declare const etEE: Localization;
+export declare const faIR: Localization;
+export declare const fiFI: Localization;
+export declare const frFR: Localization;
+export declare const heIL: Localization;
+export declare const hiIN: Localization;
+export declare const huHU: Localization;
+export declare const hyAM: Localization;
+export declare const idID: Localization;
+export declare const isIS: Localization;
+export declare const itIT: Localization;
+export declare const jaJP: Localization;
+export declare const khKH: Localization;
+export declare const koKR: Localization;
+export declare const kzKZ: Localization;
+export declare const nlNL: Localization;
+export declare const plPL: Localization;
+export declare const ptBR: Localization;
+export declare const ptPT: Localization;
+export declare const roRO: Localization;
+export declare const ruRU: Localization;
+export declare const siLK: Localization;
+export declare const skSK: Localization;
+export declare const svSE: Localization;
+export declare const thTH: Localization;
+export declare const trTR: Localization;
+export declare const ukUA: Localization;
+export declare const viVN: Localization;
+export declare const zhCN: Localization;
+export declare const zhHK: Localization;
+export declare const zhTW: Localization;

package/modern/Alert/Alert.js

@@ -230,6 +230,7 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.
+   * Set to `false` to remove the `icon`.
    */
   icon: PropTypes.node,
 

package/modern/Autocomplete/Autocomplete.js

@@ -983,7 +983,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
   /**
    * Render the group.
    *
-   * @param {any} option The group to render.
+   * @param {AutocompleteRenderGroupParams} params The group to render.
    * @returns {ReactNode}
    */
   renderGroup: PropTypes.func,

package/modern/Avatar/Avatar.js

@@ -231,7 +231,7 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes
   component: PropTypes.elementType,
 
   /**
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes">Attributes</a> applied to the `img` element if the component is used to display an image.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    */
   imgProps: PropTypes.object,

package/modern/Chip/Chip.js

@@ -351,11 +351,12 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   });
 
   const classes = useUtilityClasses(ownerState);
-  const moreProps = component === ButtonBase ? {
+  const moreProps = component === ButtonBase ? _extends({
     component: ComponentProp || 'div',
-    focusVisibleClassName: classes.focusVisible,
-    disableRipple: Boolean(onDelete)
-  } : {};
+    focusVisibleClassName: classes.focusVisible
+  }, onDelete && {
+    disableRipple: true
+  }) : {};
   let deleteIcon = null;
 
   if (onDelete) {

package/modern/Collapse/Collapse.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
+const _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -98,6 +98,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   });
 
   const {
+    addEndListener,
     children,
     className,
     collapsedSize: collapsedSizeProp = '0px',
@@ -245,10 +246,15 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     }
   });
 
-  const addEndListener = next => {
+  const handleAddEndListener = next => {
     if (timeout === 'auto') {
       timer.current = setTimeout(next, autoTransitionDuration.current || 0);
     }
+
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(nodeRef.current, next);
+    }
   };
 
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
@@ -259,7 +265,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
-    addEndListener: addEndListener,
+    addEndListener: handleAddEndListener,
     nodeRef: nodeRef,
     timeout: timeout === 'auto' ? null : timeout
   }, other, {
@@ -302,6 +308,13 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * The content node to be collapsed.
    */

package/modern/Fade/Fade.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
@@ -29,6 +29,7 @@ const defaultTimeout = {
 
 const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
   const {
+    addEndListener,
     appear = true,
     children,
     easing,
@@ -100,6 +101,14 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     }
   });
   const handleExited = normalizedTransitionCallback(onExited);
+
+  const handleAddEndListener = next => {
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(nodeRef.current, next);
+    }
+  };
+
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
@@ -110,6 +119,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
+    addEndListener: handleAddEndListener,
     timeout: timeout
   }, other, {
     children: (state, childProps) => {
@@ -131,6 +141,13 @@ process.env.NODE_ENV !== "production" ? Fade.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -141,7 +158,7 @@ process.env.NODE_ENV !== "production" ? Fade.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * The transition timing function.

package/modern/Grow/Grow.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { elementAcceptingRef } from '@mui/utils';
@@ -32,6 +32,7 @@ const styles = {
 
 const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   const {
+    addEndListener,
     appear = true,
     children,
     easing,
@@ -145,10 +146,15 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   });
   const handleExited = normalizedTransitionCallback(onExited);
 
-  const addEndListener = next => {
+  const handleAddEndListener = next => {
     if (timeout === 'auto') {
       timer.current = setTimeout(next, autoTimeout.current || 0);
     }
+
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(nodeRef.current, next);
+    }
   };
 
   React.useEffect(() => {
@@ -166,7 +172,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
-    addEndListener: addEndListener,
+    addEndListener: handleAddEndListener,
     timeout: timeout === 'auto' ? null : timeout
   }, other, {
     children: (state, childProps) => {
@@ -189,6 +195,13 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -199,7 +212,7 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * The transition timing function.

package/modern/InputLabel/InputLabel.js

@@ -40,7 +40,7 @@ const InputLabelRoot = styled(FormLabel, {
     } = props;
     return [{
       [`& .${formLabelClasses.asterisk}`]: styles.asterisk
-    }, styles.root, !ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
   }
 })(({
   theme,

package/modern/NativeSelect/NativeSelect.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.propTypes
   input: PropTypes.element,
 
   /**
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes">Attributes</a> applied to the `select` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
    */
   inputProps: PropTypes.object,
 

package/modern/PaginationItem/PaginationItem.js

@@ -250,13 +250,12 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
     last: LastPageIcon
   };
   const Icon = normalizedIcons[type];
-  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, _extends({
+  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, {
     ref: ref,
     ownerState: ownerState,
-    className: clsx(classes.root, className)
-  }, other, {
+    className: clsx(classes.root, className),
     children: "\u2026"
-  })) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
+  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
     ref: ref,
     ownerState: ownerState,
     component: component,

package/modern/Radio/Radio.js

@@ -59,6 +59,15 @@ const RadioRoot = styled(SwitchBase, {
   }
 }));
 
+function areEqualValues(a, b) {
+  if (typeof b === 'object' && b !== null) {
+    return a === b;
+  } // The value could be a number, the DOM will stringify it anyway.
+
+
+  return String(a) === String(b);
+}
+
 const defaultCheckedIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {
   checked: true
 });
@@ -95,7 +104,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
 
   if (radioGroup) {
     if (typeof checked === 'undefined') {
-      checked = radioGroup.value === props.value;
+      checked = areEqualValues(radioGroup.value, props.value);
     }
 
     if (typeof name === 'undefined') {

package/modern/Select/SelectInput.js

@@ -73,7 +73,8 @@ const SelectNativeInput = styled('input', {
 function areEqualValues(a, b) {
   if (typeof b === 'object' && b !== null) {
     return a === b;
-  }
+  } // The value could be a number, the DOM will stringify it anyway.
+
 
   return String(a) === String(b);
 }

package/modern/Slide/Slide.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
@@ -97,6 +97,7 @@ const defaultTimeout = {
 
 const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   const {
+    addEndListener,
     appear = true,
     children,
     container: containerProp,
@@ -184,6 +185,14 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       onExited(node);
     }
   });
+
+  const handleAddEndListener = next => {
+    if (addEndListener) {
+      // Old call signature before `react-transition-group` implemented `nodeRef`
+      addEndListener(childrenRef.current, next);
+    }
+  };
+
   const updatePosition = React.useCallback(() => {
     if (childrenRef.current) {
       setTranslateValue(direction, childrenRef.current, containerProp);
@@ -222,6 +231,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     onExit: handleExit,
     onExited: handleExited,
     onExiting: handleExiting,
+    addEndListener: handleAddEndListener,
     appear: appear,
     in: inProp,
     timeout: timeout
@@ -244,6 +254,13 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: PropTypes.func,
+
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
@@ -254,7 +271,7 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * An HTML element, or a function that returns one.

package/modern/Switch/Switch.js

@@ -89,7 +89,9 @@ const SwitchSwitchBase = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.switchBase, styles.input, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.switchBase, {
+      [`& .${switchClasses.input}`]: styles.input
+    }, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme