@mui/lab 5.0.0-alpha.60 → 5.0.0-alpha.64

package/modern/MobileDateTimePicker/MobileDateTimePicker.js

@@ -144,7 +144,11 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Date tab icon.

package/modern/StaticDatePicker/StaticDatePicker.js

@@ -106,7 +106,11 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -149,7 +149,11 @@ process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

@@ -118,7 +118,11 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: PropTypes.object,
+  componentsProps: PropTypes.shape({
+    leftArrowButton: PropTypes.object,
+    rightArrowButton: PropTypes.object,
+    switchViewButton: PropTypes.object
+  }),
 
   /**
    * Date tab icon.

package/modern/index.js

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

package/node/ClockPicker/ClockPicker.js

@@ -59,7 +59,7 @@ const useUtilityClasses = ownerState => {
 
 const ClockPickerArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.default, {
   name: 'MuiClockPicker',
-  slot: 'ArrowSwticher',
+  slot: 'ArrowSwitcher',
   overridesResolver: (props, styles) => styles.arrowSwitcher
 })({
   position: 'absolute',
@@ -295,7 +295,10 @@ process.env.NODE_ENV !== "production" ? ClockPicker.propTypes
   /**
    * The props used for each slot inside.
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object
+  }),
 
   /**
    * Selected date @DateIOType.

package/node/DatePicker/DatePicker.js

@@ -148,7 +148,11 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/DateRangePicker/DateRangePicker.js

@@ -196,7 +196,11 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/DateTimePicker/DateTimePicker.js

@@ -160,7 +160,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Date tab icon.

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -143,7 +143,11 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -180,7 +180,11 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -153,7 +153,11 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Date tab icon.

package/node/LoadingButton/LoadingButton.js

@@ -31,7 +31,7 @@ var _loadingButtonClasses = _interopRequireWildcard(require("./loadingButtonClas
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["children", "disabled", "loading", "loadingIndicator", "loadingPosition", "variant"];
+const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 
 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); }
 
@@ -136,10 +136,6 @@ const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
   position: 'relative',
   right: -10
 }));
-const LoadingIndicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-  color: "inherit",
-  size: 16
-});
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
@@ -148,12 +144,19 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
   const {
     children,
     disabled = false,
+    id: idProp,
     loading = false,
-    loadingIndicator = LoadingIndicator,
+    loadingIndicator: loadingIndicatorProp,
     loadingPosition = 'center',
     variant = 'text'
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _utils2.unstable_useId)(idProp);
+  const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+    "aria-labelledby": id,
+    color: "inherit",
+    size: 16
+  });
   const ownerState = (0, _extends2.default)({}, props, {
     disabled,
     loading,
@@ -164,6 +167,7 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonRoot, (0, _extends2.default)({
     disabled: disabled || loading,
+    id: id,
     ref: ref
   }, other, {
     variant: variant,
@@ -208,6 +212,11 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    */
   disabled: _propTypes.default.bool,
 
+  /**
+   * @ignore
+   */
+  id: _propTypes.default.string,
+
   /**
    * If `true`, the loading indicator is shown.
    * @default false
@@ -216,6 +225,8 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
 
   /**
    * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
    * @default <CircularProgress color="inherit" size={16} />
    */
   loadingIndicator: _propTypes.default.node,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -157,7 +157,11 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -194,7 +194,11 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -169,7 +169,11 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Date tab icon.

package/node/StaticDatePicker/StaticDatePicker.js

@@ -130,7 +130,11 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -168,7 +168,11 @@ process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Default calendar month displayed when `value={null}`.

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -142,7 +142,11 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    leftArrowButton: _propTypes.default.object,
+    rightArrowButton: _propTypes.default.object,
+    switchViewButton: _propTypes.default.object
+  }),
 
   /**
    * Date tab icon.

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.60",
+  "version": "5.0.0-alpha.64",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -60,8 +60,8 @@
     "@date-io/dayjs": "^2.11.0",
     "@date-io/luxon": "^2.11.1",
     "@date-io/moment": "^2.11.0",
-    "@mui/base": "5.0.0-alpha.60",
-    "@mui/system": "^5.2.4",
+    "@mui/base": "5.0.0-alpha.64",
+    "@mui/system": "^5.2.8",
     "@mui/utils": "^5.2.3",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",