@mui/material 5.0.2 → 5.0.6

package/node/AlertTitle/index.js

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

package/node/AppBar/AppBar.js

@@ -190,7 +190,7 @@ process.env.NODE_ENV !== "production" ? AppBar.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 = AppBar;
 exports.default = _default;

package/node/AppBar/appBarClasses.js

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

package/node/AppBar/index.js

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

package/node/Autocomplete/Autocomplete.js

@@ -39,6 +39,14 @@ var _IconButton = _interopRequireDefault(require("../IconButton"));
 
 var _Chip = _interopRequireDefault(require("../Chip"));
 
+var _inputClasses = _interopRequireDefault(require("../Input/inputClasses"));
+
+var _inputBaseClasses = _interopRequireDefault(require("../InputBase/inputBaseClasses"));
+
+var _outlinedInputClasses = _interopRequireDefault(require("../OutlinedInput/outlinedInputClasses"));
+
+var _filledInputClasses = _interopRequireDefault(require("../FilledInput/filledInputClasses"));
+
 var _Close = _interopRequireDefault(require("../internal/svg-icons/Close"));
 
 var _ArrowDropDown = _interopRequireDefault(require("../internal/svg-icons/ArrowDropDown"));
@@ -155,18 +163,18 @@ const AutocompleteRoot = (0, _styled.default)('div', {
       minWidth: 30
     }
   },
-  '& .MuiInput-root': {
+  [`& .${_inputClasses.default.root}`]: {
     paddingBottom: 1,
     '& .MuiInput-input': {
       padding: '4px 4px 4px 0px'
     }
   },
-  '& .MuiInput-root.MuiInputBase-sizeSmall': {
-    '& .MuiInput-input': {
+  [`& .${_inputClasses.default.root}.${_inputBaseClasses.default.sizeSmall}`]: {
+    [`& .${_inputClasses.default.input}`]: {
       padding: '2px 4px 3px 0'
     }
   },
-  '& .MuiOutlinedInput-root': {
+  [`& .${_outlinedInputClasses.default.root}`]: {
     padding: 9,
     [`.${_autocompleteClasses.default.hasPopupIcon}&, .${_autocompleteClasses.default.hasClearIcon}&`]: {
       paddingRight: 26 + 4 + 9
@@ -181,13 +189,13 @@ const AutocompleteRoot = (0, _styled.default)('div', {
       right: 9
     }
   },
-  '& .MuiOutlinedInput-root.MuiInputBase-sizeSmall': {
+  [`& .${_outlinedInputClasses.default.root}.${_inputBaseClasses.default.sizeSmall}`]: {
     padding: 6,
     [`& .${_autocompleteClasses.default.input}`]: {
       padding: '2.5px 4px 2.5px 6px'
     }
   },
-  '& .MuiFilledInput-root': {
+  [`& .${_filledInputClasses.default.root}`]: {
     paddingTop: 19,
     paddingLeft: 8,
     [`.${_autocompleteClasses.default.hasPopupIcon}&, .${_autocompleteClasses.default.hasClearIcon}&`]: {
@@ -196,16 +204,16 @@ const AutocompleteRoot = (0, _styled.default)('div', {
     [`.${_autocompleteClasses.default.hasPopupIcon}.${_autocompleteClasses.default.hasClearIcon}&`]: {
       paddingRight: 52 + 4 + 9
     },
-    '& .MuiFilledInput-input': {
+    [`& .${_filledInputClasses.default.input}`]: {
       padding: '7px 4px'
     },
     [`& .${_autocompleteClasses.default.endAdornment}`]: {
       right: 9
     }
   },
-  '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {
+  [`& .${_filledInputClasses.default.root}.${_inputBaseClasses.default.sizeSmall}`]: {
     paddingBottom: 1,
-    '& .MuiFilledInput-input': {
+    [`& .${_filledInputClasses.default.input}`]: {
       padding: '2.5px 4px'
     }
   },
@@ -1022,7 +1030,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.default.func,
@@ -1072,7 +1080,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.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 autocomplete.

package/node/Autocomplete/autocompleteClasses.js

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

package/node/Autocomplete/index.js

@@ -7,10 +7,10 @@ var _exportNames = {
   createFilterOptions: true,
   autocompleteClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "autocompleteClasses", {
   enumerable: true,
   get: function () {
-    return _Autocomplete.default;
+    return _autocompleteClasses.default;
   }
 });
 Object.defineProperty(exports, "createFilterOptions", {
@@ -19,10 +19,10 @@ Object.defineProperty(exports, "createFilterOptions", {
     return _Autocomplete.createFilterOptions;
   }
 });
-Object.defineProperty(exports, "autocompleteClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _autocompleteClasses.default;
+    return _Autocomplete.default;
   }
 });
 

package/node/Avatar/Avatar.js

@@ -275,7 +275,7 @@ process.env.NODE_ENV !== "production" ? Avatar.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 shape of the avatar.

package/node/Avatar/avatarClasses.js

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

package/node/Avatar/index.js

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

package/node/AvatarGroup/AvatarGroup.js

@@ -27,7 +27,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _Avatar = _interopRequireDefault(require("../Avatar"));
+var _Avatar = _interopRequireWildcard(require("../Avatar"));
 
 var _avatarGroupClasses = _interopRequireWildcard(require("./avatarGroupClasses"));
 
@@ -64,7 +64,7 @@ const AvatarGroupRoot = (0, _styled.default)('div', {
 })(({
   theme
 }) => ({
-  [`& .MuiAvatar-root`]: {
+  [`& .${_Avatar.avatarClasses.root}`]: {
     border: `2px solid ${theme.palette.background.default}`,
     boxSizing: 'content-box',
     marginLeft: -8,
@@ -188,7 +188,7 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.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/AvatarGroup/avatarGroupClasses.js

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

package/node/AvatarGroup/index.js

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

package/node/Backdrop/Backdrop.js

@@ -165,7 +165,7 @@ process.env.NODE_ENV !== "production" ? Backdrop.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/Badge/Badge.js

@@ -321,7 +321,7 @@ process.env.NODE_ENV !== "production" ? Badge.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/BottomNavigation/BottomNavigation.js

@@ -150,7 +150,7 @@ process.env.NODE_ENV !== "production" ? BottomNavigation.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 currently selected `BottomNavigationAction`.

package/node/BottomNavigation/bottomNavigationClasses.js

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

package/node/BottomNavigation/index.js

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

package/node/BottomNavigationAction/BottomNavigationAction.js

@@ -198,7 +198,7 @@ process.env.NODE_ENV !== "production" ? BottomNavigationAction.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]),
 
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.

package/node/BottomNavigationAction/bottomNavigationActionClasses.js

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

package/node/BottomNavigationAction/index.js

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

package/node/Breadcrumbs/Breadcrumbs.js

@@ -255,7 +255,7 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.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 = Breadcrumbs;
 exports.default = _default;

package/node/Breadcrumbs/breadcrumbsClasses.js

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

package/node/Breadcrumbs/index.js

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

package/node/Button/Button.js

@@ -391,7 +391,7 @@ process.env.NODE_ENV !== "production" ? Button.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]),
 
   /**
    * @ignore

package/node/Button/buttonClasses.js

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

package/node/Button/index.js

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

package/node/ButtonBase/ButtonBase.js

@@ -539,7 +539,7 @@ process.env.NODE_ENV !== "production" ? ButtonBase.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]),
 
   /**
    * @default 0

package/node/ButtonBase/TouchRipple.js

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

package/node/ButtonBase/buttonBaseClasses.js

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

package/node/ButtonBase/index.js

@@ -9,16 +9,16 @@ var _exportNames = {
   buttonBaseClasses: true,
   touchRippleClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "buttonBaseClasses", {
   enumerable: true,
   get: function () {
-    return _ButtonBase.default;
+    return _buttonBaseClasses.default;
   }
 });
-Object.defineProperty(exports, "buttonBaseClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _buttonBaseClasses.default;
+    return _ButtonBase.default;
   }
 });
 Object.defineProperty(exports, "touchRippleClasses", {

package/node/ButtonBase/touchRippleClasses.js

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

package/node/ButtonGroup/ButtonGroup.js

@@ -293,7 +293,7 @@ process.env.NODE_ENV !== "production" ? ButtonGroup.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/ButtonGroup/buttonGroupClasses.js

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

package/node/ButtonGroup/index.js

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

package/node/Card/Card.js

@@ -115,7 +115,7 @@ process.env.NODE_ENV !== "production" ? Card.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 = Card;
 exports.default = _default;

package/node/Card/cardClasses.js

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

package/node/Card/index.js

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

package/node/CardActionArea/CardActionArea.js

@@ -143,7 +143,7 @@ process.env.NODE_ENV !== "production" ? CardActionArea.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 = CardActionArea;
 exports.default = _default;