@mui/material 5.11.2 → 5.11.4

package/Autocomplete/Autocomplete.d.ts

@@ -52,6 +52,7 @@ export type AutocompleteRenderGetTagProps = ({ index }: { index: number }) => {
 
 export interface AutocompleteRenderOptionState {
   inputValue: string;
+  index: number;
   selected: boolean;
 }
 

package/Autocomplete/Autocomplete.js

@@ -503,6 +503,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       className: classes.option
     }), option, {
       selected: optionProps['aria-selected'],
+      index,
       inputValue
     });
   };

package/CHANGELOG.md

@@ -1,5 +1,90 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.11.4
+
+<!-- generated comparing v5.11.3..master -->
+
+_Jan 9, 2023_
+
+A big thanks to the 14 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.11.4`
+
+- [Autocomplete] Add index to renderOption's AutocompleteRenderOptionState (#35578) @CowDotDev
+- [Autocomplete] Fix grammar in console.error in `useAutocomplete` (#35723) @hamirmahal
+- [Modal] Fix can't override Backdrop Props using new Slots API (#35140) @ZeeshanTamboli
+- [Select] Revert "Update `renderValue` prop's TypeScript type (#34177)" (#35733) @michaldudak
+- [Tabs] Throw error only if individual `Tab` is hidden, not the whole `Tabs` (#34026) @Ryczko
+- [TextField] Improve WCAG 2.4.7 with error={true} (#35687) @oliviertassinari
+- [Tooltip] Remove `data-foo` attribute (#35736) @koolskateguy89
+
+### `@mui/joy@5.0.0-alpha.62`
+
+- [Autocomplete][joy] Specify `type` attribute for popup indicator (#35648) @hbjORbj
+- [Joy] Miscellaneous improvements (#35769) @siriwatknp
+- [Joy] Improve `onKeyDown` event handler for demo (#35642) @hbjORbj
+
+### `@mui/base@5.0.0-alpha.113`
+
+- [Portal][base] Convert code to TypeScript (#35657) @sai6855
+
+### Docs
+
+- [docs] Revise and expand Joy UI Button doc (#35737) @samuelsycamore
+- [docs] Document the workaround for crashing a translated page (#35720) @michaldudak
+- [docs] Fix API page for `MenuItem` to list all valid props (#35561) @mnajdova
+- [docs] Fix ad exception in Joy UI (#35685) @oliviertassinari
+- [docs] Fix content wider than screen regression @oliviertassinari
+- [examples] Add `Vite.js with TypeScript` example (#35683) @miha53cevic
+
+### Core
+
+- [core] Close 2022 developer survey @oliviertassinari
+- [core] Fix the product license reference name (#35703) @oliviertassinari
+- [core] Use TypeScript AST instead of TTP for component doc building (#35379) @flaviendelangle
+- [test] Always use & for nesting styles (#35702) @oliviertassinari
+- [website] Improve Lead Designer role description (#35684) @oliviertassinari
+
+All contributors of this release in alphabetical order: @CowDotDev, @flaviendelangle, @hamirmahal, @hbjORbj, @koolskateguy89, @michaldudak, @miha53cevic, @mnajdova, @oliviertassinari, @Ryczko, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
+
+## 5.11.3
+
+<!-- generated comparing v5.11.2..master -->
+
+_Jan 2, 2023_
+
+A big thanks to the 6 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.11.3`
+
+- &#8203;<!-- 02 -->[Select] Update `renderValue` prop's TypeScript type (#34177) @ZeeshanTamboli
+
+### `@mui/joy@5.0.0-alpha.61`
+
+- &#8203;<!-- 14 -->[Autocomplete][joy] Export component (#35647) @mbranch
+
+### Docs
+
+- &#8203;<!-- 13 -->[blog] Fix handling of markdown links (#35628) @oliviertassinari
+- &#8203;<!-- 09 -->[docs] Fix demo code selection through copy shortcut key on Firefox browser (#35670) @ZeeshanTamboli
+- &#8203;<!-- 08 -->[docs] Fix layout shift when streaming the page (#35627) @oliviertassinari
+- &#8203;<!-- 07 -->[docs] Fix switch name to reflect the color (#35052) @rjhcnf
+- &#8203;<!-- 06 -->[docs] Fix anchor link in the card's docs and fix a typo (#35634) @ZeeshanTamboli
+- &#8203;<!-- 05 -->[docs] Fix layout shift with modal (#35591) @oliviertassinari
+- &#8203;<!-- 04 -->[Joy][docs] Add documentation for `Input` component (#35482) @hbjORbj
+- &#8203;<!-- 03 -->[docs][joy] Improved readability on theme tokens page (#35639) @badalsaibo
+
+### Core
+
+- &#8203;<!-- 12 -->[core] Disable prefetch of footer links @oliviertassinari
+- &#8203;<!-- 11 -->[core] A few SEO fixes (#35672) @oliviertassinari
+- &#8203;<!-- 10 -->[core] Remove need for scopePathnames (#35584) @oliviertassinari
+- &#8203;<!-- 01 -->[test] Fix Algolia noisy lvl1 anchor (#35686) @oliviertassinari
+
+All contributors of this release in alphabetical order: @badalsaibo, @hbjORbj, @mbranch, @oliviertassinari, @rjhcnf, @ZeeshanTamboli
+
 ## 5.11.2
 
 <!-- generated comparing v5.11.1..master -->

package/FilledInput/FilledInput.js

@@ -90,12 +90,8 @@ const FilledInputRoot = styled(InputBaseRoot, {
     [`&.${filledInputClasses.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
-      },
-      '&:focus-within:after': {
-        transform: 'scaleX(1)' // error is always underlined in red
       }
     },
-
     '&:before': {
       borderBottom: `1px solid ${theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})` : bottomLineColor}`,
       left: 0,

package/Input/Input.js

@@ -73,12 +73,8 @@ const InputRoot = styled(InputBaseRoot, {
     [`&.${inputClasses.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
-      },
-      '&:focus-within:after': {
-        transform: 'scaleX(1)' // error is always underlined in red
       }
     },
-
     '&:before': {
       borderBottom: `1px solid ${bottomLineColor}`,
       left: 0,
@@ -94,7 +90,7 @@ const InputRoot = styled(InputBaseRoot, {
     },
 
     [`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {
-      borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`,
+      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         borderBottom: `1px solid ${bottomLineColor}`

package/MenuItem/MenuItem.d.ts

@@ -38,7 +38,7 @@ export type MenuItemTypeMap<P = {}, D extends React.ElementType = 'li'> = Extend
      */
     divider?: boolean;
     /**
-     * Use to apply selected styling.
+     * If `true`, the component is selected.
      * @default false
      */
     selected?: boolean;

package/MenuItem/MenuItem.js

@@ -242,7 +242,8 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes *
    */
   role: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**
-   * @ignore
+   * If `true`, the component is selected.
+   * @default false
    */
   selected: PropTypes.bool,
   /**

package/Modal/Modal.d.ts

@@ -1,15 +1,19 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverrideProps } from '@mui/types';
-import {
-  ExtendModalUnstyledTypeMap,
-  ExtendModalUnstyled,
-  ModalUnstyledTypeMap,
-} from '@mui/base/ModalUnstyled';
+import { SlotComponentProps } from '@mui/base';
+import { ModalUnstyledTypeMap } from '@mui/base/ModalUnstyled';
 import { Theme } from '../styles';
-import { BackdropProps } from '../Backdrop';
+import Backdrop, { BackdropProps } from '../Backdrop';
+import { OverridableComponent } from '../OverridableComponent';
 
-export type ModalTypeMap<D extends React.ElementType = 'div', P = {}> = ExtendModalUnstyledTypeMap<{
+export interface ModalComponentsPropsOverrides {}
+
+export interface ModalOwnerState extends ModalProps {
+  exited: boolean;
+}
+
+export interface ModalTypeMap<D extends React.ElementType = 'div', P = {}> {
   props: P & {
     /**
      * A backdrop component. This prop enables custom backdrop rendering.
@@ -52,20 +56,39 @@ export type ModalTypeMap<D extends React.ElementType = 'div', P = {}> = ExtendMo
      *
      * @default {}
      */
-    componentsProps?: ModalUnstyledTypeMap['props']['slotProps'];
+    componentsProps?: {
+      root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
+      backdrop?: SlotComponentProps<
+        typeof Backdrop,
+        ModalComponentsPropsOverrides,
+        ModalOwnerState
+      >;
+    };
+    /**
+     * The props used for each slot inside the Modal.
+     * @default {}
+     */
+    slotProps?: {
+      root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
+      backdrop?: SlotComponentProps<
+        typeof Backdrop,
+        ModalComponentsPropsOverrides,
+        ModalOwnerState
+      >;
+    };
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
     sx?: SxProps<Theme>;
-  };
+  } & Omit<ModalUnstyledTypeMap['props'], 'slotProps'>;
   defaultComponent: D;
-}>;
+}
 
 type ModalRootProps = NonNullable<ModalTypeMap['props']['slotProps']>['root'];
 
 export declare const ModalRoot: React.FC<ModalRootProps>;
 
-export type ModalClassKey = keyof NonNullable<ModalTypeMap['props']['classes']>;
+export type ModalClassKey = keyof NonNullable<ModalProps['classes']>;
 
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
@@ -88,7 +111,7 @@ export type ModalClassKey = keyof NonNullable<ModalTypeMap['props']['classes']>;
  *
  * - [Modal API](https://mui.com/material-ui/api/modal/)
  */
-declare const Modal: ExtendModalUnstyled<ModalTypeMap>;
+declare const Modal: OverridableComponent<ModalTypeMap>;
 
 export type ModalClasses = Record<ModalClassKey, string>;
 

package/Tabs/Tabs.js

@@ -307,7 +307,9 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         }
         tabMeta = tab ? tab.getBoundingClientRect() : null;
         if (process.env.NODE_ENV !== 'production') {
-          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
+          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
+          // if the whole Tabs component is hidden, don't warn
+          tabsMeta.clientWidth !== 0) {
             tabsMeta = null;
             console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
             warnedOnceTabPresent = true;

package/Tooltip/Tooltip.js

@@ -569,7 +569,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       }) => /*#__PURE__*/_jsx(TransitionComponent, _extends({
         timeout: theme.transitions.duration.shorter
       }, TransitionPropsInner, transitionProps, {
-        "data-foo": "bar",
         children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
           children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
             ref: setArrowRef

package/index.js

@@ -1,5 +1,7 @@
-/** @license MUI v5.11.2
+/**
+ * @mui/material v5.11.4
  *
+ * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */

package/legacy/Autocomplete/Autocomplete.js

@@ -528,6 +528,7 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
       className: classes.option
     }), option, {
       selected: optionProps['aria-selected'],
+      index: index,
       inputValue: inputValue
     });
   };

package/legacy/FilledInput/FilledInput.js

@@ -84,9 +84,6 @@ var FilledInputRoot = styled(InputBaseRoot, {
   }), _defineProperty(_ref2, "&.".concat(filledInputClasses.error), {
     '&:before, &:after': {
       borderBottomColor: (theme.vars || theme).palette.error.main
-    },
-    '&:focus-within:after': {
-      transform: 'scaleX(1)' // error is always underlined in red
     }
   }), _defineProperty(_ref2, '&:before', {
     borderBottom: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")") : bottomLineColor),

package/legacy/Input/Input.js

@@ -70,9 +70,6 @@ var InputRoot = styled(InputBaseRoot, {
   }), _defineProperty(_ref2, "&.".concat(inputClasses.error), {
     '&:before, &:after': {
       borderBottomColor: (theme.vars || theme).palette.error.main
-    },
-    '&:focus-within:after': {
-      transform: 'scaleX(1)' // error is always underlined in red
     }
   }), _defineProperty(_ref2, '&:before', {
     borderBottom: "1px solid ".concat(bottomLineColor),
@@ -87,7 +84,7 @@ var InputRoot = styled(InputBaseRoot, {
     }),
     pointerEvents: 'none' // Transparent to the hover style.
   }), _defineProperty(_ref2, "&:hover:not(.".concat(inputClasses.disabled, ", .").concat(inputClasses.error, "):before"), {
-    borderBottom: "1px solid ".concat((theme.vars || theme).palette.text.primary),
+    borderBottom: "2px solid ".concat((theme.vars || theme).palette.text.primary),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       borderBottom: "1px solid ".concat(bottomLineColor)

package/legacy/MenuItem/MenuItem.js

@@ -234,7 +234,8 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes *
    */
   role: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**
-   * @ignore
+   * If `true`, the component is selected.
+   * @default false
    */
   selected: PropTypes.bool,
   /**

package/legacy/Tabs/Tabs.js

@@ -315,7 +315,9 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         }
         tabMeta = tab ? tab.getBoundingClientRect() : null;
         if (process.env.NODE_ENV !== 'production') {
-          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
+          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
+          // if the whole Tabs component is hidden, don't warn
+          tabsMeta.clientWidth !== 0) {
             tabsMeta = null;
             console.error(['MUI: The `value` provided to the Tabs component is invalid.', "The Tab with this `value` (\"".concat(value, "\") is not part of the document layout."), "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
             warnedOnceTabPresent = true;

package/legacy/Tooltip/Tooltip.js

@@ -584,7 +584,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
         return /*#__PURE__*/_jsx(TransitionComponent, _extends({
           timeout: theme.transitions.duration.shorter
         }, TransitionPropsInner, transitionProps, {
-          "data-foo": "bar",
           children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
             children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
               ref: setArrowRef

package/legacy/index.js

@@ -1,5 +1,7 @@
-/** @license MUI v5.11.2
+/**
+ * @mui/material v5.11.4
  *
+ * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */

package/modern/Autocomplete/Autocomplete.js

@@ -499,6 +499,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       className: classes.option
     }), option, {
       selected: optionProps['aria-selected'],
+      index,
       inputValue
     });
   };

package/modern/FilledInput/FilledInput.js

@@ -89,12 +89,8 @@ const FilledInputRoot = styled(InputBaseRoot, {
     [`&.${filledInputClasses.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
-      },
-      '&:focus-within:after': {
-        transform: 'scaleX(1)' // error is always underlined in red
       }
     },
-
     '&:before': {
       borderBottom: `1px solid ${theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})` : bottomLineColor}`,
       left: 0,

package/modern/Input/Input.js

@@ -73,12 +73,8 @@ const InputRoot = styled(InputBaseRoot, {
     [`&.${inputClasses.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
-      },
-      '&:focus-within:after': {
-        transform: 'scaleX(1)' // error is always underlined in red
       }
     },
-
     '&:before': {
       borderBottom: `1px solid ${bottomLineColor}`,
       left: 0,
@@ -94,7 +90,7 @@ const InputRoot = styled(InputBaseRoot, {
     },
 
     [`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {
-      borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`,
+      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         borderBottom: `1px solid ${bottomLineColor}`

package/modern/MenuItem/MenuItem.js

@@ -242,7 +242,8 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes *
    */
   role: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**
-   * @ignore
+   * If `true`, the component is selected.
+   * @default false
    */
   selected: PropTypes.bool,
   /**

package/modern/Tabs/Tabs.js

@@ -307,7 +307,9 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         }
         tabMeta = tab ? tab.getBoundingClientRect() : null;
         if (process.env.NODE_ENV !== 'production') {
-          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
+          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
+          // if the whole Tabs component is hidden, don't warn
+          tabsMeta.clientWidth !== 0) {
             tabsMeta = null;
             console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
             warnedOnceTabPresent = true;

package/modern/Tooltip/Tooltip.js

@@ -567,7 +567,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       }) => /*#__PURE__*/_jsx(TransitionComponent, _extends({
         timeout: theme.transitions.duration.shorter
       }, TransitionPropsInner, transitionProps, {
-        "data-foo": "bar",
         children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
           children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
             ref: setArrowRef

package/modern/index.js

@@ -1,5 +1,7 @@
-/** @license MUI v5.11.2
+/**
+ * @mui/material v5.11.4
  *
+ * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */

package/node/Autocomplete/Autocomplete.js

@@ -516,6 +516,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       className: classes.option
     }), option, {
       selected: optionProps['aria-selected'],
+      index,
       inputValue
     });
   };

package/node/FilledInput/FilledInput.js

@@ -99,12 +99,8 @@ const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
     [`&.${_filledInputClasses.default.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
-      },
-      '&:focus-within:after': {
-        transform: 'scaleX(1)' // error is always underlined in red
       }
     },
-
     '&:before': {
       borderBottom: `1px solid ${theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})` : bottomLineColor}`,
       left: 0,

package/node/Input/Input.js

@@ -82,12 +82,8 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
     [`&.${_inputClasses.default.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
-      },
-      '&:focus-within:after': {
-        transform: 'scaleX(1)' // error is always underlined in red
       }
     },
-
     '&:before': {
       borderBottom: `1px solid ${bottomLineColor}`,
       left: 0,
@@ -103,7 +99,7 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
     },
 
     [`&:hover:not(.${_inputClasses.default.disabled}, .${_inputClasses.default.error}):before`]: {
-      borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`,
+      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         borderBottom: `1px solid ${bottomLineColor}`

package/node/MenuItem/MenuItem.js

@@ -252,7 +252,8 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes *
    */
   role: _propTypes.default /* @typescript-to-proptypes-ignore */.string,
   /**
-   * @ignore
+   * If `true`, the component is selected.
+   * @default false
    */
   selected: _propTypes.default.bool,
   /**

package/node/Tabs/Tabs.js

@@ -315,7 +315,9 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         }
         tabMeta = tab ? tab.getBoundingClientRect() : null;
         if (process.env.NODE_ENV !== 'production') {
-          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
+          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
+          // if the whole Tabs component is hidden, don't warn
+          tabsMeta.clientWidth !== 0) {
             tabsMeta = null;
             console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
             warnedOnceTabPresent = true;

package/node/Tooltip/Tooltip.js

@@ -578,7 +578,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
         timeout: theme.transitions.duration.shorter
       }, TransitionPropsInner, transitionProps, {
-        "data-foo": "bar",
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipComponent, (0, _extends2.default)({}, tooltipProps, {
           children: [title, arrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowComponent, (0, _extends2.default)({}, tooltipArrowProps, {
             ref: setArrowRef

package/node/index.js

@@ -1,5 +1,7 @@
-/** @license MUI v5.11.2
+/**
+ * @mui/material v5.11.4
  *
+ * @license MIT
  * 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/material",
-  "version": "5.11.2",
+  "version": "5.11.4",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -46,9 +46,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.7",
-    "@mui/base": "5.0.0-alpha.112",
-    "@mui/core-downloads-tracker": "^5.11.2",
-    "@mui/system": "^5.11.2",
+    "@mui/base": "5.0.0-alpha.113",
+    "@mui/core-downloads-tracker": "^5.11.4",
+    "@mui/system": "^5.11.4",
     "@mui/types": "^7.2.3",
     "@mui/utils": "^5.11.2",
     "@types/react-transition-group": "^4.4.5",