@mui/material 5.15.2 → 5.15.3

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.15.3
+
+<!-- generated comparing v5.15.2..master -->
+
+_Jan 3, 2024_
+
+A big thanks to the 11 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material-nextjs@5.15.3`
+
+- &#8203;<!-- 06 -->[material-nextjs] Fix order of emotion server (#40409) @siriwatknp
+
+### `@mui/base@5.0.0-beta.30`
+
+- &#8203;<!-- 40 -->[useSlider] Rearrange passive option in eventlisteners (#40235) @Kamino0
+
+### `@mui/lab@5.0.0-alpha.159`
+
+- &#8203;<!-- 14 -->Add use client directive (#40358) @DiegoAndai
+
+### `@mui/material-next@6.0.0-alpha.116`
+
+- &#8203;<!-- 13 -->[List] Copy all List\* components to material-next package (#40367) @sai6855
+- &#8203;<!-- 12 -->Update CONTRIBUTING guide given v6/v7 rescheduling (#40363) @DiegoAndai
+- &#8203;<!-- 11 -->[MenuItem] Fix spec import (#40271) @DiegoAndai
+- &#8203;<!-- 10 -->[Option] Add Option component (#40270) @DiegoAndai
+- &#8203;<!-- 09 -->[Slider] Replace lodash with internal utils (#40261) @DiegoAndai
+- &#8203;<!-- 08 -->[Switch] Change files to TypeScript (#39894) @lhilgert9
+- &#8203;<!-- 07 -->[theme] Move ref palette out of color schemes (#40341) @DiegoAndai
+
+### Docs
+
+- &#8203;<!-- 41 -->[base-ui] Polish the Table Pagination demos (#40281) @danilo-leal
+- &#8203;<!-- 22 -->[joy-ui] Fix dashboard template console errors (#40316) @oliviertassinari
+- &#8203;<!-- 21 -->[joy-ui] Fix image size on the Files template (#40315) @oliviertassinari
+- &#8203;<!-- 20 -->[material-ui] Revise the Divider page (#40356) @danilo-leal
+- &#8203;<!-- 19 -->[material-ui] Polish the Next.js integration page (#40317) @oliviertassinari
+- &#8203;<!-- 18 -->[material-ui] Adding autoFocus on Virtual Popover (#40239) @aacevski
+- &#8203;<!-- 17 -->[material-ui] Revise the Roadmap page (#40054) @danilo-leal
+- &#8203;<!-- 16 -->[material-ui] Update the "showing and hiding" section on the Tooltip page (#40283) @anle9650
+- &#8203;<!-- 05 -->[material-ui] Fix Slider's customized iOS demo to use updated official colors (#39813) @Super-Kenil
+- &#8203;<!-- 15 -->[examples] Simplify Next.js example (#40318) @oliviertassinari
+
+### Core
+
+- &#8203;<!-- 39 -->[blog] Update open-graph cards for all posts (#40328) @danilo-leal
+- &#8203;<!-- 38 -->[blog] Correct git diff @oliviertassinari
+- &#8203;<!-- 37 -->[code-infra] Update lerna and unpin its version (#40399) @michaldudak
+- &#8203;<!-- 36 -->[code-infra] Break package dependency cycle between @mui/material and @mui/icons-material (#40400) @michaldudak
+- &#8203;<!-- 35 -->[code-infra] Break package dependency cycles (#40398) @michaldudak
+- &#8203;<!-- 34 -->[code-infra] Sync bug issue template (#40305) @oliviertassinari
+- &#8203;<!-- 33 -->[docs] Fix 301 link to Base UI (#40396) @oliviertassinari
+- &#8203;<!-- 32 -->[docs] Link new MUI X components in sidnav (#40345) @oliviertassinari
+- &#8203;<!-- 31 -->[docs] Fix 301 links to Toolpad @oliviertassinari
+- &#8203;<!-- 30 -->[docs] Remove old notifications @oliviertassinari
+- &#8203;<!-- 29 -->[docs] Always mention the npm tag with npx (#40335) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Reduce network use on the All Components pages (#40313) @oliviertassinari
+- &#8203;<!-- 27 -->[docs-infra] Fix missing button aria-label (#40394) @oliviertassinari
+- &#8203;<!-- 26 -->[docs-infra] Fix a11y violation rule (#40393) @oliviertassinari
+- &#8203;<!-- 25 -->[docs-infra] Prefetch pages on hover (#40314) @oliviertassinari
+- &#8203;<!-- 24 -->[docs-infra] Fix footer links to link to the main domain (#40373) @oliviertassinari
+- &#8203;<!-- 23 -->[docs-infra] Add stray design adjustments (#40347) @danilo-leal
+- &#8203;<!-- 04 -->[website] Fix Base UI page's component section imports & styles (#40231) @danilo-leal
+- &#8203;<!-- 03 -->[website] Fix outdated Nhost image link @oliviertassinari
+- &#8203;<!-- 02 -->[website] Shorten Joy UI description, 7 chars too long @oliviertassinari
+- &#8203;<!-- 01 -->[website] Update some social preview images (#40282) @danilo-leal
+
+All contributors of this release in alphabetical order: @aacevski, @anle9650, @danilo-leal, @DiegoAndai, @Kamino0, @lhilgert9, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @Super-Kenil
+
 ## 5.15.2
 
 <!-- generated comparing v5.15.1..master -->
@@ -11,12 +81,12 @@ A big thanks to the 13 contributors who made this release possible. Here are som
 - 🚀 Added support for callbacks in the [variant's props definition](https://mui.com/material-ui/customization/theme-components/#creating-new-component-variants) (#40094) @mnajdova
 - 💫 Published a [blogpost](https://mui.com/blog/2023-material-ui-v6-and-beyond/) for the 2024's plan about Material UI
 
-### `@mui/material@5.15.1`
+### `@mui/material@5.15.2`
 
 - &#8203;<!-- 31 -->[Badge] Use the variants API in the styled call (#40213) @mnajdova
 - &#8203;<!-- 04 -->[Paper] Add missing Paper classes descriptions (#40300) @sai6855
 
-### `@mui/system@5.15.1`
+### `@mui/system@5.15.2`
 
 - &#8203;<!-- 03 -->Support props callback in the variant's definition (#40094) @mnajdova
 
@@ -1369,7 +1439,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   A codemod is provided to help with the migration:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-use-named-exports <path>
+  npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
   ```
 
 #### Changes
@@ -2251,7 +2321,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   There is codemod that you can run in your project to do the transformation:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-remove-component-prop <path>
+  npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
   ```
 
   The full documentation about the codemod can be found [here](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-remove-component-prop).
@@ -2350,7 +2420,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som
   You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
+  npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
   ```
 
 #### Changes

package/Popper/Popper.d.ts

@@ -43,14 +43,14 @@ declare const Popper: React.ForwardRefExoticComponent<Omit<BasePopperProps, "dir
      * The component used for the root node.
      * Either a string to use a HTML element or a component.
      */
-    component?: React.ElementType<any> | undefined;
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
     /**
      * The components used for each slot inside the Popper.
      * Either a string to use a HTML element or a component.
      * @default {}
      */
     components?: {
-        Root?: React.ElementType<any> | undefined;
+        Root?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
     } | undefined;
     /**
      * The props used for each slot inside the Popper.

package/index.js

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

package/legacy/index.js

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

package/legacy/styles/index.js

@@ -33,4 +33,5 @@ export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
 
 // Private methods for creating parts of the theme
 export { default as private_createTypography } from './createTypography';
+export { default as private_createMixins } from './createMixins';
 export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/modern/index.js

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

package/modern/styles/index.js

@@ -33,4 +33,5 @@ export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
 
 // Private methods for creating parts of the theme
 export { default as private_createTypography } from './createTypography';
+export { default as private_createMixins } from './createMixins';
 export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/node/index.js

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

package/node/styles/index.js

@@ -44,6 +44,7 @@ var _exportNames = {
   getOverlayAlpha: true,
   shouldSkipGeneratingVar: true,
   private_createTypography: true,
+  private_createMixins: true,
   private_excludeVariablesFromRoot: true
 };
 Object.defineProperty(exports, "StyledEngineProvider", {
@@ -191,6 +192,12 @@ Object.defineProperty(exports, "makeStyles", {
     return _makeStyles.default;
   }
 });
+Object.defineProperty(exports, "private_createMixins", {
+  enumerable: true,
+  get: function () {
+    return _createMixins.default;
+  }
+});
 Object.defineProperty(exports, "private_createTypography", {
   enumerable: true,
   get: function () {
@@ -308,6 +315,7 @@ var _experimental_extendTheme = _interopRequireDefault(require("./experimental_e
 var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
 var _shouldSkipGeneratingVar = _interopRequireDefault(require("./shouldSkipGeneratingVar"));
 var _createTypography = _interopRequireDefault(require("./createTypography"));
+var _createMixins = _interopRequireDefault(require("./createMixins"));
 var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.15.2",
+  "version": "5.15.3",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -28,11 +28,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.6",
-    "@mui/base": "5.0.0-beta.29",
-    "@mui/core-downloads-tracker": "^5.15.2",
-    "@mui/system": "^5.15.2",
-    "@mui/types": "^7.2.11",
-    "@mui/utils": "^5.15.2",
+    "@mui/base": "5.0.0-beta.30",
+    "@mui/core-downloads-tracker": "^5.15.3",
+    "@mui/system": "^5.15.3",
+    "@mui/types": "^7.2.12",
+    "@mui/utils": "^5.15.3",
     "@types/react-transition-group": "^4.4.10",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",

package/styles/index.js

@@ -33,4 +33,5 @@ export { default as shouldSkipGeneratingVar } from './shouldSkipGeneratingVar';
 
 // Private methods for creating parts of the theme
 export { default as private_createTypography } from './createTypography';
+export { default as private_createMixins } from './createMixins';
 export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.2
+ * @mui/material v5.15.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -19280,8 +19280,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
       moveCount.current = 0;
       const doc = ownerDocument(sliderRef.current);
-      doc.addEventListener('touchmove', handleTouchMove);
-      doc.addEventListener('touchend', handleTouchEnd);
+      doc.addEventListener('touchmove', handleTouchMove, {
+        passive: true
+      });
+      doc.addEventListener('touchend', handleTouchEnd, {
+        passive: true
+      });
     });
     const stopListening = React__namespace.useCallback(() => {
       const doc = ownerDocument(sliderRef.current);
@@ -19298,10 +19302,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         passive: doesSupportTouchActionNone()
       });
       return () => {
-        // @ts-ignore
-        slider.removeEventListener('touchstart', handleTouchStart, {
-          passive: doesSupportTouchActionNone()
-        });
+        slider.removeEventListener('touchstart', handleTouchStart);
         stopListening();
       };
     }, [stopListening, handleTouchStart]);
@@ -19347,7 +19348,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
       moveCount.current = 0;
       const doc = ownerDocument(sliderRef.current);
-      doc.addEventListener('mousemove', handleTouchMove);
+      doc.addEventListener('mousemove', handleTouchMove, {
+        passive: true
+      });
       doc.addEventListener('mouseup', handleTouchEnd);
     };
     const trackOffset = valueToPercent(range ? values[0] : min, min, max);
@@ -50495,6 +50498,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.paginationItemClasses = paginationItemClasses$1;
   exports.paperClasses = paperClasses$1;
   exports.popoverClasses = popoverClasses$1;
+  exports.private_createMixins = createMixins;
   exports.private_createTypography = createTypography;
   exports.private_excludeVariablesFromRoot = excludeVariablesFromRoot$1;
   exports.radioClasses = radioClasses$1;