@mui/material 5.14.9 → 5.14.10

package/Avatar/Avatar.js

@@ -158,8 +158,8 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
   if (hasImgNotFailing) {
     children = /*#__PURE__*/_jsx(AvatarImg, _extends({
       alt: alt,
-      src: src,
       srcSet: srcSet,
+      src: src,
       sizes: sizes,
       ownerState: ownerState,
       className: classes.img

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.10
+
+<!-- generated comparing v5.14.9..master -->
+
+_Sep 18, 2023_
+
+A big thanks to the 16 contributors who made this release possible. This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.14.10`
+
+- &#8203;<!-- 20 -->[Chip] Add cursor CSS property reset (#38984) @DiegoAndai
+
+### `@mui/utils@5.14.10`
+
+- &#8203;<!-- 05 -->[utils] Move @types/prop-types back to dependencies (#39030) @Methuselah96
+
+### `@mui/base@5.0.0-beta.16`
+
+- &#8203;<!-- 24 -->[NumberInput][base-ui] Warn when changing control mode with `useControlled` (#38757) @sai6855
+- &#8203;<!-- 23 -->[Select][base-ui] Fix Select button layout shift, add placeholder prop (#38796) @mj12albert
+- &#8203;<!-- 22 -->[useList][base-ui] Accept arbitrary external props and forward to root (#38848) @mj12albert
+- &#8203;<!-- 25 -->[Autocomplete][base-ui] Added ref to getInputProps return value (#38919) @DarhkVoyd
+
+### `@mui/joy@5.0.0-beta.7`
+
+- &#8203;<!-- 26 -->[AccordionGroup][joy-ui] Fix console warning when using custom color (#38950) @sai6855
+- &#8203;<!-- 07 -->[GlobalStyles][joy-ui] Ensure compatibility with RSC (#38955) @mateuseap
+
+### Docs
+
+- &#8203;<!-- 21 -->[docs][base] Add Tailwind CSS + plain CSS demo on the NumberInput page (#38928) @alisasanib
+- &#8203;<!-- 13 -->[docs][Dialog] Add non-modal dialog docs & demo (#38684) @mnajdova
+- &#8203;<!-- 12 -->[docs] Fix number input wrong demo @oliviertassinari
+- &#8203;<!-- 11 -->[docs] Exclude joy-ui LinearProgressCountup from visual regression (#38969) @siriwatknp
+- &#8203;<!-- 09 -->[docs][joy-ui] Revise the Overview page (#38842) @danilo-leal
+- &#8203;<!-- 08 -->[docs][material-ui][Pagination] Add `TablePagination` to the API components list (#38486) @MonstraG
+
+### Core
+
+- &#8203;<!-- 19 -->[core] Add more context about useEventCallback @oliviertassinari
+- &#8203;<!-- 18 -->[core] Allow deeper import of @mui/utils (#38806) @oliviertassinari
+- &#8203;<!-- 17 -->[core] Remove react-dom from @mui/utils peerDependencies (#38974) @michaldudak
+- &#8203;<!-- 16 -->[core] Remove react from styled-engine dependencies (#38971) @michaldudak
+- &#8203;<!-- 15 -->[core] Fix image loading bug on Safari @oliviertassinari
+- &#8203;<!-- 14 -->[core] Fix bundle size upload to S3 job (#38956) @Janpot
+- &#8203;<!-- 20 -->[core] Move eslint to peer dependencies of eslint-plugin-material-ui (#39033) @michaldudak
+- &#8203;<!-- 10 -->[docs-infra] Display markdown lists correctly in docs for props description (#38973) @ZeeshanTamboli
+- &#8203;<!-- 04 -->[website] Improve lighthouse score (#39011) @oliviertassinari
+- &#8203;<!-- 03 -->[website] Fix lighthouse issues @oliviertassinari
+- &#8203;<!-- 02 -->[website] Create the `InfoCard` component (#38987) @danilo-leal
+- &#8203;<!-- 01 -->[website] Small tweaks for performance @oliviertassinari
+- &#8203;<!-- 06 -->[zero][next] Setup nextjs plugin package (#38852) @brijeshb42
+
+All contributors of this release in alphabetical order: @alisasanib, @brijeshb42, @danilo-leal, @DarhkVoyd, @DiegoAndai, @Janpot, @mateuseap, @Methuselah96, @michaldudak, @mj12albert, @mnajdova, @MonstraG, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 5.14.9
 
 <!-- generated comparing v5.14.8..master -->

package/Chip/Chip.js

@@ -93,6 +93,8 @@ const ChipRoot = styled('div', {
     borderRadius: 32 / 2,
     whiteSpace: 'nowrap',
     transition: theme.transitions.create(['background-color', 'box-shadow']),
+    // reset cursor explicitly in case ButtonBase is used
+    cursor: 'unset',
     // We disable the focus ring for mouse, touch and keyboard users.
     outline: 0,
     textDecoration: 'none',

package/ListSubheader/listSubheaderClasses.js

@@ -1,4 +1,4 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import generateUtilityClass from '../generateUtilityClass';
 export function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass('MuiListSubheader', slot);

package/TablePagination/TablePagination.d.ts

@@ -135,6 +135,7 @@ export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends R
  *
  * Demos:
  *
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
  * - [Table](https://mui.com/material-ui/react-table/)
  *
  * API:

package/Tabs/Tabs.d.ts

@@ -155,7 +155,7 @@ export interface TabsOwnProps {
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'

package/Tabs/Tabs.js

@@ -798,7 +798,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'

package/index.js

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

package/legacy/Avatar/Avatar.js

@@ -159,8 +159,8 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
   if (hasImgNotFailing) {
     children = /*#__PURE__*/_jsx(AvatarImg, _extends({
       alt: alt,
-      src: src,
       srcSet: srcSet,
+      src: src,
       sizes: sizes,
       ownerState: ownerState,
       className: classes.img

package/legacy/Chip/Chip.js

@@ -67,6 +67,8 @@ var ChipRoot = styled('div', {
     borderRadius: 32 / 2,
     whiteSpace: 'nowrap',
     transition: theme.transitions.create(['background-color', 'box-shadow']),
+    // reset cursor explicitly in case ButtonBase is used
+    cursor: 'unset',
     // We disable the focus ring for mouse, touch and keyboard users.
     outline: 0,
     textDecoration: 'none',

package/legacy/ListSubheader/listSubheaderClasses.js

@@ -1,4 +1,4 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import generateUtilityClass from '../generateUtilityClass';
 export function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass('MuiListSubheader', slot);

package/legacy/Tabs/Tabs.js

@@ -809,7 +809,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'

package/legacy/index.js

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

package/modern/Avatar/Avatar.js

@@ -158,8 +158,8 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
   if (hasImgNotFailing) {
     children = /*#__PURE__*/_jsx(AvatarImg, _extends({
       alt: alt,
-      src: src,
       srcSet: srcSet,
+      src: src,
       sizes: sizes,
       ownerState: ownerState,
       className: classes.img

package/modern/Chip/Chip.js

@@ -93,6 +93,8 @@ const ChipRoot = styled('div', {
     borderRadius: 32 / 2,
     whiteSpace: 'nowrap',
     transition: theme.transitions.create(['background-color', 'box-shadow']),
+    // reset cursor explicitly in case ButtonBase is used
+    cursor: 'unset',
     // We disable the focus ring for mouse, touch and keyboard users.
     outline: 0,
     textDecoration: 'none',

package/modern/ListSubheader/listSubheaderClasses.js

@@ -1,4 +1,4 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import generateUtilityClass from '../generateUtilityClass';
 export function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass('MuiListSubheader', slot);

package/modern/Tabs/Tabs.js

@@ -798,7 +798,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'

package/modern/index.js

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

package/node/Avatar/Avatar.js

@@ -166,8 +166,8 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar(inProps, ref) {
   if (hasImgNotFailing) {
     children = /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarImg, (0, _extends2.default)({
       alt: alt,
-      src: src,
       srcSet: srcSet,
+      src: src,
       sizes: sizes,
       ownerState: ownerState,
       className: classes.img

package/node/Chip/Chip.js

@@ -100,6 +100,8 @@ const ChipRoot = (0, _styled.default)('div', {
     borderRadius: 32 / 2,
     whiteSpace: 'nowrap',
     transition: theme.transitions.create(['background-color', 'box-shadow']),
+    // reset cursor explicitly in case ButtonBase is used
+    cursor: 'unset',
     // We disable the focus ring for mouse, touch and keyboard users.
     outline: 0,
     textDecoration: 'none',

package/node/ListSubheader/listSubheaderClasses.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getListSubheaderUtilityClass = getListSubheaderUtilityClass;
-var _utils = require("@mui/utils");
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
 function getListSubheaderUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiListSubheader', slot);
 }
-const listSubheaderClasses = (0, _utils.unstable_generateUtilityClasses)('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
+const listSubheaderClasses = (0, _generateUtilityClasses.default)('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
 var _default = listSubheaderClasses;
 exports.default = _default;

package/node/Tabs/Tabs.js

@@ -805,7 +805,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.9",
+  "version": "5.14.10",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -28,11 +28,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
-    "@mui/base": "5.0.0-beta.15",
-    "@mui/core-downloads-tracker": "^5.14.9",
-    "@mui/system": "^5.14.9",
+    "@mui/base": "5.0.0-beta.16",
+    "@mui/core-downloads-tracker": "^5.14.10",
+    "@mui/system": "^5.14.10",
     "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.9",
+    "@mui/utils": "^5.14.10",
     "@types/react-transition-group": "^4.4.6",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.9
+ * @mui/material v5.14.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -2118,7 +2118,8 @@
   }
 
   /**
-   * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+   * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892
+   * See RFC in https://github.com/reactjs/rfcs/pull/220
    */
 
   function useEventCallback(fn) {
@@ -21124,6 +21125,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       borderRadius: 32 / 2,
       whiteSpace: 'nowrap',
       transition: theme.transitions.create(['background-color', 'box-shadow']),
+      // reset cursor explicitly in case ButtonBase is used
+      cursor: 'unset',
       // We disable the focus ring for mouse, touch and keyboard users.
       outline: 0,
       textDecoration: 'none',
@@ -23521,8 +23524,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     if (hasImgNotFailing) {
       children = /*#__PURE__*/jsxRuntime_1(AvatarImg, _extends({
         alt: alt,
-        src: src,
         srcSet: srcSet,
+        src: src,
         sizes: sizes,
         ownerState: ownerState,
         className: classes.img
@@ -48912,7 +48915,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      *
      *  - `scrollable` will invoke scrolling properties and allow for horizontally
      *  scrolling (or swiping) of the tab bar.
-     *  -`fullWidth` will make the tabs grow to use all the available space,
+     *  - `fullWidth` will make the tabs grow to use all the available space,
      *  which should be used for small views, like on mobile.
      *  - `standard` will render the default state.
      * @default 'standard'