@mui/material 5.0.2 → 5.0.6

package/node/CardActionArea/cardActionAreaClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardActionAreaUtilityClass = getCardActionAreaUtilityClass;
 exports.default = void 0;
+exports.getCardActionAreaUtilityClass = getCardActionAreaUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardActionArea/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardActionAreaClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardActionAreaClasses", {
   enumerable: true,
   get: function () {
-    return _CardActionArea.default;
+    return _cardActionAreaClasses.default;
   }
 });
-Object.defineProperty(exports, "cardActionAreaClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardActionAreaClasses.default;
+    return _CardActionArea.default;
   }
 });
 

package/node/CardActions/CardActions.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? CardActions.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = CardActions;
 exports.default = _default;

package/node/CardActions/cardActionsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardActionsUtilityClass = getCardActionsUtilityClass;
 exports.default = void 0;
+exports.getCardActionsUtilityClass = getCardActionsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardActions/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardActionsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardActionsClasses", {
   enumerable: true,
   get: function () {
-    return _CardActions.default;
+    return _cardActionsClasses.default;
   }
 });
-Object.defineProperty(exports, "cardActionsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardActionsClasses.default;
+    return _CardActions.default;
   }
 });
 

package/node/CardContent/CardContent.js

@@ -108,7 +108,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = CardContent;
 exports.default = _default;

package/node/CardContent/cardContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardContentUtilityClass = getCardContentUtilityClass;
 exports.default = void 0;
+exports.getCardContentUtilityClass = getCardContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardContent/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardContentClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardContentClasses", {
   enumerable: true,
   get: function () {
-    return _CardContent.default;
+    return _cardContentClasses.default;
   }
 });
-Object.defineProperty(exports, "cardContentClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardContentClasses.default;
+    return _CardContent.default;
   }
 });
 

package/node/CardHeader/CardHeader.js

@@ -223,7 +223,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The content of the component.

package/node/CardHeader/cardHeaderClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
 exports.default = void 0;
+exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardHeader/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardHeaderClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardHeaderClasses", {
   enumerable: true,
   get: function () {
-    return _CardHeader.default;
+    return _cardHeaderClasses.default;
   }
 });
-Object.defineProperty(exports, "cardHeaderClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardHeaderClasses.default;
+    return _CardHeader.default;
   }
 });
 

package/node/CardMedia/CardMedia.js

@@ -102,7 +102,7 @@ const CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref)
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardMediaRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     as: component,
-    role: !isMediaComponent && image ? 'image' : undefined,
+    role: !isMediaComponent && image ? 'img' : undefined,
     ref: ref,
     style: composedStyle,
     ownerState: ownerState,
@@ -168,7 +168,7 @@ process.env.NODE_ENV !== "production" ? CardMedia.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = CardMedia;
 exports.default = _default;

package/node/CardMedia/cardMediaClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCardMediaUtilityClass = getCardMediaUtilityClass;
 exports.default = void 0;
+exports.getCardMediaUtilityClass = getCardMediaUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CardMedia/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   cardMediaClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "cardMediaClasses", {
   enumerable: true,
   get: function () {
-    return _CardMedia.default;
+    return _cardMediaClasses.default;
   }
 });
-Object.defineProperty(exports, "cardMediaClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _cardMediaClasses.default;
+    return _CardMedia.default;
   }
 });
 

package/node/Checkbox/Checkbox.js

@@ -242,7 +242,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

package/node/Checkbox/checkboxClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 exports.default = void 0;
+exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Checkbox/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   checkboxClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "checkboxClasses", {
   enumerable: true,
   get: function () {
-    return _Checkbox.default;
+    return _checkboxClasses.default;
   }
 });
-Object.defineProperty(exports, "checkboxClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _checkboxClasses.default;
+    return _Checkbox.default;
   }
 });
 

package/node/Chip/Chip.js

@@ -375,11 +375,12 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     variant
   });
   const classes = useUtilityClasses(ownerState);
-  const moreProps = component === _ButtonBase.default ? {
+  const moreProps = component === _ButtonBase.default ? (0, _extends2.default)({
     component: ComponentProp || 'div',
-    focusVisibleClassName: classes.focusVisible,
-    disableRipple: Boolean(onDelete)
-  } : {};
+    focusVisibleClassName: classes.focusVisible
+  }, onDelete && {
+    disableRipple: true
+  }) : {};
   let deleteIcon = null;
 
   if (onDelete) {
@@ -538,7 +539,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Chip/chipClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getChipUtilityClass = getChipUtilityClass;
 exports.default = void 0;
+exports.getChipUtilityClass = getChipUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Chip/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   chipClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "chipClasses", {
   enumerable: true,
   get: function () {
-    return _Chip.default;
+    return _chipClasses.default;
   }
 });
-Object.defineProperty(exports, "chipClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _chipClasses.default;
+    return _Chip.default;
   }
 });
 

package/node/CircularProgress/CircularProgress.js

@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The thickness of the circle.

package/node/CircularProgress/circularProgressClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
 exports.default = void 0;
+exports.getCircularProgressUtilityClass = getCircularProgressUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/CircularProgress/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   circularProgressClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "circularProgressClasses", {
   enumerable: true,
   get: function () {
-    return _CircularProgress.default;
+    return _circularProgressClasses.default;
   }
 });
-Object.defineProperty(exports, "circularProgressClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _circularProgressClasses.default;
+    return _CircularProgress.default;
   }
 });
 

package/node/ClickAwayListener/index.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _ClickAwayListener = _interopRequireWildcard(require("./ClickAwayListener"));
+var _ClickAwayListener = _interopRequireWildcard(require("@mui/core/ClickAwayListener"));
 
 Object.keys(_ClickAwayListener).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/Collapse/Collapse.js

@@ -39,7 +39,7 @@ var _collapseClasses = require("./collapseClasses");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-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"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -126,6 +126,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     name: 'MuiCollapse'
   });
   const {
+    addEndListener,
     children,
     className,
     collapsedSize: collapsedSizeProp = '0px',
@@ -271,10 +272,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__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
@@ -285,7 +291,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, {
@@ -328,6 +334,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.default.func,
+
   /**
    * The content node to be collapsed.
    */
@@ -413,7 +426,7 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The duration for the transition, in milliseconds.

package/node/Collapse/collapseClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCollapseUtilityClass = getCollapseUtilityClass;
 exports.default = void 0;
+exports.getCollapseUtilityClass = getCollapseUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Collapse/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   collapseClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "collapseClasses", {
   enumerable: true,
   get: function () {
-    return _Collapse.default;
+    return _collapseClasses.default;
   }
 });
-Object.defineProperty(exports, "collapseClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _collapseClasses.default;
+    return _Collapse.default;
   }
 });
 

package/node/Container/Container.js

@@ -182,7 +182,7 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = Container;
 exports.default = _default;

package/node/Container/containerClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getContainerUtilityClass = getContainerUtilityClass;
 exports.default = void 0;
+exports.getContainerUtilityClass = getContainerUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Container/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   containerClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "containerClasses", {
   enumerable: true,
   get: function () {
-    return _Container.default;
+    return _containerClasses.default;
   }
 });
-Object.defineProperty(exports, "containerClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _containerClasses.default;
+    return _Container.default;
   }
 });
 

package/node/CssBaseline/CssBaseline.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = exports.body = exports.html = void 0;
+exports.styles = exports.html = exports.default = exports.body = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/node/Dialog/Dialog.js

@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/Dialog/dialogClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogUtilityClass = getDialogUtilityClass;
 exports.default = void 0;
+exports.getDialogUtilityClass = getDialogUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogActions/DialogActions.js

@@ -118,7 +118,7 @@ process.env.NODE_ENV !== "production" ? DialogActions.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogActions;
 exports.default = _default;

package/node/DialogActions/dialogActionsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
 exports.default = void 0;
+exports.getDialogActionsUtilityClass = getDialogActionsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogContent/DialogContent.js

@@ -25,6 +25,8 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _dialogContentClasses = require("./dialogContentClasses");
 
+var _dialogTitleClasses = _interopRequireDefault(require("../DialogTitle/dialogTitleClasses"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["className", "dividers"];
@@ -67,7 +69,7 @@ const DialogContentRoot = (0, _styled.default)('div', {
   borderTop: `1px solid ${theme.palette.divider}`,
   borderBottom: `1px solid ${theme.palette.divider}`
 } : {
-  '.MuiDialogTitle-root + &': {
+  [`.${_dialogTitleClasses.default.root} + &`]: {
     paddingTop: 0
   }
 }));
@@ -123,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DialogContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogContent;
 exports.default = _default;

package/node/DialogContent/dialogContentClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
 exports.default = void 0;
+exports.getDialogContentUtilityClass = getDialogContentUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogContentText/DialogContentText.js

@@ -88,7 +88,7 @@ process.env.NODE_ENV !== "production" ? DialogContentText.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogContentText;
 exports.default = _default;

package/node/DialogContentText/dialogContentTextClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
 exports.default = void 0;
+exports.getDialogContentTextUtilityClass = getDialogContentTextUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/DialogTitle/DialogTitle.js

@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? DialogTitle.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = DialogTitle;
 exports.default = _default;

package/node/DialogTitle/dialogTitleClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
 exports.default = void 0;
+exports.getDialogTitleUtilityClass = getDialogTitleUtilityClass;
 
 var _core = require("@mui/core");