@mui/material 7.0.0-alpha.1 → 7.0.0-beta.0

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.0-alpha.1";
+export const version = "7.0.0-beta.0";
 export const major = Number("7");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "alpha.1";
+export const prerelease = "beta.0";
 export default version;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-alpha.1
+ * @mui/material v7.0.0-beta.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -62,10 +62,9 @@ var _exportNames = {
   FormGroup: true,
   FormHelperText: true,
   FormLabel: true,
+  GridLegacy: true,
   Grid: true,
-  Grid2: true,
   Grow: true,
-  Hidden: true,
   Icon: true,
   IconButton: true,
   ImageList: true,
@@ -447,10 +446,10 @@ Object.defineProperty(exports, "Grid", {
     return _Grid.default;
   }
 });
-Object.defineProperty(exports, "Grid2", {
+Object.defineProperty(exports, "GridLegacy", {
   enumerable: true,
   get: function () {
-    return _Grid2.default;
+    return _GridLegacy.default;
   }
 });
 Object.defineProperty(exports, "Grow", {
@@ -459,12 +458,6 @@ Object.defineProperty(exports, "Grow", {
     return _Grow.default;
   }
 });
-Object.defineProperty(exports, "Hidden", {
-  enumerable: true,
-  get: function () {
-    return _Hidden.default;
-  }
-});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
@@ -1584,16 +1577,16 @@ Object.keys(_FormLabel).forEach(function (key) {
     }
   });
 });
-var _Grid = _interopRequireDefault(require("./Grid"));
-var _Grid2 = _interopRequireWildcard(require("./Grid2"));
-Object.keys(_Grid2).forEach(function (key) {
+var _GridLegacy = _interopRequireDefault(require("./GridLegacy"));
+var _Grid = _interopRequireWildcard(require("./Grid"));
+Object.keys(_Grid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Grid2[key]) return;
+  if (key in exports && exports[key] === _Grid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _Grid2[key];
+      return _Grid[key];
     }
   });
 });
@@ -1609,18 +1602,6 @@ Object.keys(_Grow).forEach(function (key) {
     }
   });
 });
-var _Hidden = _interopRequireWildcard(require("./Hidden"));
-Object.keys(_Hidden).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Hidden[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Hidden[key];
-    }
-  });
-});
 var _Icon = _interopRequireWildcard(require("./Icon"));
 Object.keys(_Icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/modern/Button/Button.js

@@ -501,9 +501,9 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     variant = 'text',
     ...other
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
     size: 16
   });
@@ -563,7 +563,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type,
-    id: id,
+    id: loading ? loadingId : idProp,
     ...other,
     classes: classes,
     children: [startIcon, loadingPosition !== 'end' && loader, children, loadingPosition === 'end' && loader, endIcon]

package/modern/Dialog/Dialog.js

@@ -212,7 +212,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     fullScreen = false,
     fullWidth = false,
     maxWidth = 'sm',
-    onBackdropClick,
     onClick,
     onClose,
     open,
@@ -251,9 +250,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       return;
     }
     backdropClick.current = null;
-    if (onBackdropClick) {
-      onBackdropClick(event);
-    }
     if (onClose) {
       onClose(event, 'backdropClick');
     }
@@ -430,11 +426,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default 'sm'
    */
   maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: PropTypes.func,
   /**
    * @ignore
    */