@mui/material 5.11.6 → 5.11.8

package/legacy/Checkbox/Checkbox.js

@@ -141,10 +141,12 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   defaultChecked: PropTypes.bool,
   /**
    * If `true`, the component is disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: PropTypes.bool,
   /**
@@ -186,6 +188,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: PropTypes.bool,
   /**

package/legacy/MenuList/MenuList.js

@@ -71,7 +71,7 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
 }
 
 /**
- * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/.
+ * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
  * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.

package/legacy/Radio/Radio.js

@@ -154,6 +154,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: PropTypes.bool,
   /**
@@ -187,6 +188,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: PropTypes.bool,
   /**

package/legacy/Select/SelectInput.js

@@ -296,7 +296,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
     if (!readOnly) {
       var validKeys = [' ', 'ArrowUp', 'ArrowDown',
       // The native select doesn't respond to enter on macOS, but it's recommended by
-      // https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
+      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       'Enter'];
       if (validKeys.indexOf(event.key) !== -1) {
         event.preventDefault();

package/legacy/Switch/Switch.js

@@ -251,6 +251,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: PropTypes.bool,
   /**
@@ -287,6 +288,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: PropTypes.bool,
   /**

package/legacy/TabScrollButton/TabScrollButton.js

@@ -101,6 +101,7 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-prop
   direction: PropTypes.oneOf(['left', 'right']).isRequired,
   /**
    * If `true`, the component is disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
   /**

package/legacy/Tooltip/Tooltip.js

@@ -185,6 +185,10 @@ var TooltipArrow = styled('span', {
 });
 var hystersisOpen = false;
 var hystersisTimer = null;
+var cursorPosition = {
+  x: 0,
+  y: 0
+};
 export function testReset() {
   hystersisOpen = false;
   clearTimeout(hystersisTimer);
@@ -447,17 +451,13 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   if (!title && title !== 0) {
     open = false;
   }
-  var positionRef = React.useRef({
-    x: 0,
-    y: 0
-  });
   var popperRef = React.useRef();
   var handleMouseMove = function handleMouseMove(event) {
     var childrenProps = children.props;
     if (childrenProps.onMouseMove) {
       childrenProps.onMouseMove(event);
     }
-    positionRef.current = {
+    cursorPosition = {
       x: event.clientX,
       y: event.clientY
     };
@@ -564,10 +564,10 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       anchorEl: followCursor ? {
         getBoundingClientRect: function getBoundingClientRect() {
           return {
-            top: positionRef.current.y,
-            left: positionRef.current.x,
-            right: positionRef.current.x,
-            bottom: positionRef.current.y,
+            top: cursorPosition.y,
+            left: cursorPosition.x,
+            right: cursorPosition.x,
+            bottom: cursorPosition.y,
             width: 0,
             height: 0
           };

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.11.6
+ * @mui/material v5.11.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internal/SwitchBase.js

@@ -72,7 +72,8 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
     onChange = props.onChange,
     onFocus = props.onFocus,
     readOnly = props.readOnly,
-    required = props.required,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
     tabIndex = props.tabIndex,
     type = props.type,
     value = props.value,

package/legacy/styles/CssVarsProvider.js

@@ -5,7 +5,9 @@ import createTypography from './createTypography';
 import excludeVariablesFromRoot from './excludeVariablesFromRoot';
 var shouldSkipGeneratingVar = function shouldSkipGeneratingVar(keys) {
   var _keys$;
-  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
+  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
+  // ends with sxConfig
+  keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
 };
 var defaultTheme = experimental_extendTheme();
 var _createCssVarsProvide = createCssVarsProvider({

package/modern/Checkbox/Checkbox.js

@@ -139,10 +139,12 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   defaultChecked: PropTypes.bool,
   /**
    * If `true`, the component is disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: PropTypes.bool,
   /**
@@ -184,6 +186,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: PropTypes.bool,
   /**

package/modern/MenuList/MenuList.js

@@ -72,7 +72,7 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
 }
 
 /**
- * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/.
+ * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
  * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.

package/modern/Radio/Radio.js

@@ -155,6 +155,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: PropTypes.bool,
   /**
@@ -188,6 +189,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: PropTypes.bool,
   /**

package/modern/Select/SelectInput.js

@@ -289,7 +289,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     if (!readOnly) {
       const validKeys = [' ', 'ArrowUp', 'ArrowDown',
       // The native select doesn't respond to enter on macOS, but it's recommended by
-      // https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
+      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       'Enter'];
       if (validKeys.indexOf(event.key) !== -1) {
         event.preventDefault();

package/modern/Switch/Switch.js

@@ -258,6 +258,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: PropTypes.bool,
   /**
@@ -294,6 +295,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: PropTypes.bool,
   /**

package/modern/TabScrollButton/TabScrollButton.js

@@ -105,6 +105,7 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-prop
   direction: PropTypes.oneOf(['left', 'right']).isRequired,
   /**
    * If `true`, the component is disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
   /**

package/modern/Tooltip/Tooltip.js

@@ -193,6 +193,10 @@ const TooltipArrow = styled('span', {
 }));
 let hystersisOpen = false;
 let hystersisTimer = null;
+let cursorPosition = {
+  x: 0,
+  y: 0
+};
 export function testReset() {
   hystersisOpen = false;
   clearTimeout(hystersisTimer);
@@ -433,17 +437,13 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   if (!title && title !== 0) {
     open = false;
   }
-  const positionRef = React.useRef({
-    x: 0,
-    y: 0
-  });
   const popperRef = React.useRef();
   const handleMouseMove = event => {
     const childrenProps = children.props;
     if (childrenProps.onMouseMove) {
       childrenProps.onMouseMove(event);
     }
-    positionRef.current = {
+    cursorPosition = {
       x: event.clientX,
       y: event.clientY
     };
@@ -548,10 +548,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
-          top: positionRef.current.y,
-          left: positionRef.current.x,
-          right: positionRef.current.x,
-          bottom: positionRef.current.y,
+          top: cursorPosition.y,
+          left: cursorPosition.x,
+          right: cursorPosition.x,
+          bottom: cursorPosition.y,
           width: 0,
           height: 0
         })

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.11.6
+ * @mui/material v5.11.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internal/SwitchBase.js

@@ -72,7 +72,7 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
       onChange,
       onFocus,
       readOnly,
-      required,
+      required = false,
       tabIndex,
       type,
       value

package/modern/styles/CssVarsProvider.js

@@ -3,7 +3,9 @@ import { unstable_createCssVarsProvider as createCssVarsProvider, unstable_style
 import experimental_extendTheme from './experimental_extendTheme';
 import createTypography from './createTypography';
 import excludeVariablesFromRoot from './excludeVariablesFromRoot';
-const shouldSkipGeneratingVar = keys => !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+const shouldSkipGeneratingVar = keys => !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
+// ends with sxConfig
+keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 const defaultTheme = experimental_extendTheme();
 const {
   CssVarsProvider,

package/node/Checkbox/Checkbox.js

@@ -149,10 +149,12 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   defaultChecked: _propTypes.default.bool,
   /**
    * If `true`, the component is disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: _propTypes.default.bool,
   /**
@@ -194,6 +196,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   onChange: _propTypes.default.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: _propTypes.default.bool,
   /**

package/node/MenuList/MenuList.js

@@ -81,7 +81,7 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
 }
 
 /**
- * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/.
+ * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
  * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.

package/node/Radio/Radio.js

@@ -165,6 +165,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   disabled: _propTypes.default.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: _propTypes.default.bool,
   /**
@@ -198,6 +199,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
   onChange: _propTypes.default.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: _propTypes.default.bool,
   /**

package/node/Select/SelectInput.js

@@ -296,7 +296,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     if (!readOnly) {
       const validKeys = [' ', 'ArrowUp', 'ArrowDown',
       // The native select doesn't respond to enter on macOS, but it's recommended by
-      // https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
+      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       'Enter'];
       if (validKeys.indexOf(event.key) !== -1) {
         event.preventDefault();

package/node/Switch/Switch.js

@@ -265,6 +265,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   disabled: _propTypes.default.bool,
   /**
    * If `true`, the ripple effect is disabled.
+   * @default false
    */
   disableRipple: _propTypes.default.bool,
   /**
@@ -301,6 +302,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   onChange: _propTypes.default.func,
   /**
    * If `true`, the `input` element is required.
+   * @default false
    */
   required: _propTypes.default.bool,
   /**

package/node/TabScrollButton/TabScrollButton.js

@@ -113,6 +113,7 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-prop
   direction: _propTypes.default.oneOf(['left', 'right']).isRequired,
   /**
    * If `true`, the component is disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
   /**

package/node/Tooltip/Tooltip.js

@@ -202,6 +202,10 @@ const TooltipArrow = (0, _styled.default)('span', {
 }));
 let hystersisOpen = false;
 let hystersisTimer = null;
+let cursorPosition = {
+  x: 0,
+  y: 0
+};
 function testReset() {
   hystersisOpen = false;
   clearTimeout(hystersisTimer);
@@ -443,17 +447,13 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   if (!title && title !== 0) {
     open = false;
   }
-  const positionRef = React.useRef({
-    x: 0,
-    y: 0
-  });
   const popperRef = React.useRef();
   const handleMouseMove = event => {
     const childrenProps = children.props;
     if (childrenProps.onMouseMove) {
       childrenProps.onMouseMove(event);
     }
-    positionRef.current = {
+    cursorPosition = {
       x: event.clientX,
       y: event.clientY
     };
@@ -559,10 +559,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
-          top: positionRef.current.y,
-          left: positionRef.current.x,
-          right: positionRef.current.x,
-          bottom: positionRef.current.y,
+          top: cursorPosition.y,
+          left: cursorPosition.x,
+          right: cursorPosition.x,
+          bottom: cursorPosition.y,
           width: 0,
           height: 0
         })

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.11.6
+ * @mui/material v5.11.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internal/SwitchBase.js

@@ -80,7 +80,7 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
       onChange,
       onFocus,
       readOnly,
-      required,
+      required = false,
       tabIndex,
       type,
       value

package/node/styles/CssVarsProvider.js

@@ -12,7 +12,9 @@ var _createTypography = _interopRequireDefault(require("./createTypography"));
 var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
 const shouldSkipGeneratingVar = keys => {
   var _keys$;
-  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
+  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
+  // ends with sxConfig
+  keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
 };
 exports.shouldSkipGeneratingVar = shouldSkipGeneratingVar;
 const defaultTheme = (0, _experimental_extendTheme.default)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.11.6",
+  "version": "5.11.8",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -46,11 +46,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.7",
-    "@mui/base": "5.0.0-alpha.115",
-    "@mui/core-downloads-tracker": "^5.11.6",
-    "@mui/system": "^5.11.5",
+    "@mui/base": "5.0.0-alpha.117",
+    "@mui/core-downloads-tracker": "^5.11.8",
+    "@mui/system": "^5.11.8",
     "@mui/types": "^7.2.3",
-    "@mui/utils": "^5.11.2",
+    "@mui/utils": "^5.11.7",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "csstype": "^3.1.1",

package/styles/CssVarsProvider.js

@@ -5,7 +5,9 @@ import createTypography from './createTypography';
 import excludeVariablesFromRoot from './excludeVariablesFromRoot';
 const shouldSkipGeneratingVar = keys => {
   var _keys$;
-  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
+  return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
+  // ends with sxConfig
+  keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
 };
 const defaultTheme = experimental_extendTheme();
 const {