@mui/system 5.14.20 → 5.15.1

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.15.1
+
+<!-- generated comparing v5.15.0..master -->
+
+_Dec 19, 2023_
+
+A big thanks to the 15 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.15.1`
+
+- &#8203;<!-- 13 -->[CardActions][DialogActions] Apply margin for all children except for 1st child (#40168) @sai6855
+- &#8203;<!-- 03 -->[TablePagination] Add ability to change icons in TablePaginationActions using `slots` and `slotProps` (#33797) @pratikkarad
+- &#8203;<!-- 13 -->[CssVarsProvider] Fix HSL breaking button styles (#39869) @gitstart
+
+### `@mui/joy@5.0.0-beta.19`
+
+- &#8203;<!-- 05 -->[FormControl] Fix issue with the conditional setting of `htmlFor` and `id` attributes not functioning properly for form labels (#40180) @ReaZzy
+- &#8203;<!-- 04 -->[typescript] Address TypeScript issue with custom zIndex not functioning (#40133) @qiweiii
+
+### `@mui/styled-engine-sc@6.0.0-alpha.9`
+
+- &#8203;<!-- 02 -->[typescript] Fix `theme` being of type any (#40200) @mnajdova
+
+### Docs
+
+- &#8203;<!-- 09 -->[joy-ui] Fix typo in the CSS baseline page (#40222) @possibilities
+- &#8203;<!-- 08 -->[joy-ui] Document missing Autocomplete props (#39979) @ZeeshanTamboli
+- &#8203;<!-- 10 -->[joy-ui] Fix typo about Typography levels (#40230) @zanivan
+- &#8203;<!-- 07 -->[material-ui] Update the related projects page to list `mui-tiptap` for rich text (#40216) @sjdemartini
+- &#8203;<!-- 06 -->[material-ui] Fix typo in the Next.js integration page (#40209) @s8990
+
+### Core
+
+- &#8203;<!-- 14 -->[blog] Fix access to Notion without an account @oliviertassinari
+- &#8203;<!-- 12 -->[core] Update workflows and issue templates to reflect the updated label (#40197) @MBilalShafi
+- &#8203;<!-- 11 -->[docs] Replace Twitter with X (#40193) @mbrookes
+- &#8203;<!-- 10 -->[docs-infra] Uplift the Algolia search modal design (#40186) @danilo-leal
+- &#8203;<!-- 01 -->[website] Update product descriptions and social preview images (#32181) @danilo-leal
+
+All contributors of this release in alphabetical order: @danilo-leal, @gitstart, @MBilalShafi, @mbrookes, @mnajdova, @oliviertassinari, @possibilities, @pratikkarad, @qiweiii, @ReaZzy, @s8990, @sai6855, @sjdemartini, @zanivan, @ZeeshanTamboli
+
+## 5.15.0
+
+<!-- generated comparing v5.14.20..master -->
+
+_Dec 11, 2023_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Added [a new package for a better Material UI integration with Next.js](https://mui.com/material-ui/guides/nextjs) (#39947) @siriwatknp
+
+### `@mui/material@5.15.0`
+
+- &#8203;<!-- 12 -->Revert "[Select][material-ui] Add name to hidden input element" (#40174) @mj12albert
+- &#8203;<!-- 02 -->[material-ui] Refactor ComponentsVariants type into a generic (#39623) @blakenetz
+
+### `@mui/material-nextjs@5.15.0`
+
+- &#8203;<!-- 01 -->[material-ui] Add new Next.js integration package (#39947) @siriwatknp
+
+### `@mui/material-next@6.0.0-alpha.113`
+
+- &#8203;<!-- 11 -->[Badge][material-next] Apply new OwnerState type to Badge (#40119) @lhilgert9
+- &#8203;<!-- 06 -->[material-next][ButtonGroup] Change `ButtonGroup` files to ts (#39794) @lhilgert9
+
+### `@mui/icons-material@5.15.0`
+
+- &#8203;<!-- 05 -->[icons] Add X logo (#38811) @abreel
+
+### `@mui/base@5.0.0-beta.27`
+
+- &#8203;<!-- 10 -->[base-ui] useControllableReducer warns when controlled props become uncontrolled (and vice versa) (#39096) @mj12albert
+
+### `@mui/joy@5.0.0-beta.18`
+
+- &#8203;<!-- 04 -->[joy-ui][Radio][Input] Fix inheritance of disabled prop (#39934) @sai6855
+
+### `@mui/lab@5.0.0-alpha.156`
+
+- &#8203;<!-- 03 -->[lab][LoadingButton] LoadingButton now inherits props from ButtonGroup (#39679) @lhilgert9
+
+### Docs
+
+- &#8203;<!-- 09 -->[docs] Fix reference to non-existent checkmark in supported-components.md (#40056) @mbrookes
+- &#8203;<!-- 09 -->[docs][base-ui] Add copy button & primary color picker to the component gallery page (#39884) @mnajdova
+- &#8203;<!-- 08 -->[docs-infra] Update CodeSandbox links (#39992) @anle9650
+- &#8203;<!-- 04 -->[material-ui][docs] Fix wrong root element for emotion styles in shadow DOM (#35326) @EloB
+- &#8203;<!-- 03 -->[material-ui][docs] Move the responsive font charts from recharts to MUI X (#40097) @alexfauquette
+- &#8203;<!-- 02 -->[joy-ui][templates] Remove outdated code (#40095) @zanivan
+- &#8203;<!-- 05 -->[material-ui][docs][Popper] Update Positioned Popper demo styles (#40170) @sai6855
+
+### Core
+
+- &#8203;<!-- 08 -->[blog] Add a Phuket retreat blog post (#40055) @mikailaread
+- &#8203;<!-- 07 -->[blog] Adjust the latest MUI X blog post (#40046) @danilo-leal
+- &#8203;<!-- 05 -->[core] Migrate from tslint to eslint (#40020) @ZeeshanTamboli
+
+All contributors of this release in alphabetical order: @abreel, @alexfauquette, @anle9650, @blakenetz, @danilo-leal, @EloB, @lhilgert9, @mbrookes, @mikailaread, @mj12albert, @mnajdova, @sai6855, @siriwatknp, @zanivan, @ZeeshanTamboli
+
 ## 5.14.20
 
 <!-- generated comparing v5.14.19..master -->
@@ -11056,7 +11156,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
   <Typography variant="poster">poster</Typography>;
   ```
 
-  [A full demo](https://codesandbox.io/s/fontsizetheme-material-demo-forked-l9u05?file=/demo.tsx:725-773)
+  [A full demo](https://codesandbox.io/p/sandbox/fontsizetheme-material-demo-forked-l9u05?file=/demo.tsx:725-773)
 
 - 📚 Add a shortcut to open the Algolia search (#23959) @hmaddisb.
 - And many more 🐛 bug fixes and 📚 improvements.
@@ -12250,7 +12350,7 @@ Here are some highlights ✨:
 
   You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [emotion](https://emotion.sh/).
 
-  In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/s/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
+  In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/p/sandbox/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
 
   The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.
 

package/Unstable_Grid/createGrid.js

@@ -116,7 +116,6 @@ function createGrid(options = {}) {
       // use context value if exists.
       parentDisableEqualOverflow: overflow // for nested grid
     });
-
     const classes = useUtilityClasses(ownerState, theme);
     let result = /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, (0, _extends2.default)({
       ref: ref,

package/breakpoints.js

@@ -29,7 +29,6 @@ const values = exports.values = {
   // desktop
   xl: 1536 // large screen
 };
-
 const defaultBreakpoints = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.

package/colorManipulator.js

@@ -214,7 +214,6 @@ function getLuminance(color) {
     if (color.type !== 'color') {
       val /= 255; // normalized
     }
-
     return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
   });
 

package/createTheme/createBreakpoints.js

@@ -42,7 +42,6 @@ function createBreakpoints(breakpoints) {
         // desktop
         xl: 1536 // large screen
       },
-
       unit = 'px',
       step = 5
     } = breakpoints,

package/createTheme/createSpacing.js

@@ -7,8 +7,7 @@ exports.default = createSpacing;
 var _spacing = require("../spacing");
 // The different signatures imply different meaning for their arguments that can't be expressed structurally.
 // We express the difference with variable names.
-/* tslint:disable:unified-signatures */
-/* tslint:enable:unified-signatures */
+
 function createSpacing(spacingInput = 8) {
   // Already transformed.
   if (spacingInput.mui) {

package/cssVars/cssVarsParser.js

@@ -130,7 +130,6 @@ function cssVarsParser(theme, options) {
     }
   }, keys => keys[0] === 'vars' // skip 'vars/*' paths
   );
-
   return {
     css,
     vars,

package/esm/Unstable_Grid/createGrid.js

@@ -107,7 +107,6 @@ export default function createGrid(options = {}) {
       // use context value if exists.
       parentDisableEqualOverflow: overflow // for nested grid
     });
-
     const classes = useUtilityClasses(ownerState, theme);
     let result = /*#__PURE__*/_jsx(GridRoot, _extends({
       ref: ref,

package/esm/breakpoints.js

@@ -16,7 +16,6 @@ export const values = {
   // desktop
   xl: 1536 // large screen
 };
-
 const defaultBreakpoints = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.

package/esm/colorManipulator.js

@@ -189,7 +189,6 @@ export function getLuminance(color) {
     if (color.type !== 'color') {
       val /= 255; // normalized
     }
-
     return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
   });
 

package/esm/createTheme/createBreakpoints.js

@@ -34,7 +34,6 @@ export default function createBreakpoints(breakpoints) {
         // desktop
         xl: 1536 // large screen
       },
-
       unit = 'px',
       step = 5
     } = breakpoints,

package/esm/createTheme/createSpacing.js

@@ -2,8 +2,6 @@ import { createUnarySpacing } from '../spacing';
 
 // The different signatures imply different meaning for their arguments that can't be expressed structurally.
 // We express the difference with variable names.
-/* tslint:disable:unified-signatures */
-/* tslint:enable:unified-signatures */
 
 export default function createSpacing(spacingInput = 8) {
   // Already transformed.

package/esm/cssVars/cssVarsParser.js

@@ -120,7 +120,6 @@ export default function cssVarsParser(theme, options) {
     }
   }, keys => keys[0] === 'vars' // skip 'vars/*' paths
   );
-
   return {
     css,
     vars,

package/esm/merge.js

@@ -7,5 +7,4 @@ function merge(acc, item) {
     clone: false // No need to clone deep, it's way faster.
   });
 }
-
 export default merge;

package/esm/styleFunctionSx/styleFunctionSx.js

@@ -69,7 +69,6 @@ export function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
     }
-
     const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig;
 
     /*

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.14.20
+ * @mui/system v5.15.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/Unstable_Grid/createGrid.js

@@ -120,7 +120,6 @@ export default function createGrid() {
       // use context value if exists.
       parentDisableEqualOverflow: overflow // for nested grid
     });
-
     var classes = useUtilityClasses(ownerState, theme);
     var result = /*#__PURE__*/_jsx(GridRoot, _extends({
       ref: ref,

package/legacy/breakpoints.js

@@ -18,7 +18,6 @@ export var values = {
   // desktop
   xl: 1536 // large screen
 };
-
 var defaultBreakpoints = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.

package/legacy/colorManipulator.js

@@ -196,7 +196,6 @@ export function getLuminance(color) {
     if (color.type !== 'color') {
       val /= 255; // normalized
     }
-
     return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
   });
 

package/legacy/createTheme/createSpacing.js

@@ -2,8 +2,6 @@ import { createUnarySpacing } from '../spacing';
 
 // The different signatures imply different meaning for their arguments that can't be expressed structurally.
 // We express the difference with variable names.
-/* tslint:disable:unified-signatures */
-/* tslint:enable:unified-signatures */
 
 export default function createSpacing() {
   var spacingInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8;

package/legacy/cssVars/cssVarsParser.js

@@ -132,7 +132,6 @@ export default function cssVarsParser(theme, options) {
     return keys[0] === 'vars';
   } // skip 'vars/*' paths
   );
-
   return {
     css: css,
     vars: vars,

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.14.20
+ * @mui/system v5.15.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/merge.js

@@ -7,5 +7,4 @@ function merge(acc, item) {
     clone: false // No need to clone deep, it's way faster.
   });
 }
-
 export default merge;

package/legacy/styleFunctionSx/styleFunctionSx.js

@@ -68,7 +68,6 @@ export function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
     }
-
     var config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig;
 
     /*

package/modern/Unstable_Grid/createGrid.js

@@ -106,7 +106,6 @@ export default function createGrid(options = {}) {
       // use context value if exists.
       parentDisableEqualOverflow: overflow // for nested grid
     });
-
     const classes = useUtilityClasses(ownerState, theme);
     let result = /*#__PURE__*/_jsx(GridRoot, _extends({
       ref: ref,

package/modern/breakpoints.js

@@ -16,7 +16,6 @@ export const values = {
   // desktop
   xl: 1536 // large screen
 };
-
 const defaultBreakpoints = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.

package/modern/colorManipulator.js

@@ -189,7 +189,6 @@ export function getLuminance(color) {
     if (color.type !== 'color') {
       val /= 255; // normalized
     }
-
     return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
   });
 

package/modern/createTheme/createBreakpoints.js

@@ -34,7 +34,6 @@ export default function createBreakpoints(breakpoints) {
         // desktop
         xl: 1536 // large screen
       },
-
       unit = 'px',
       step = 5
     } = breakpoints,

package/modern/createTheme/createSpacing.js

@@ -2,8 +2,6 @@ import { createUnarySpacing } from '../spacing';
 
 // The different signatures imply different meaning for their arguments that can't be expressed structurally.
 // We express the difference with variable names.
-/* tslint:disable:unified-signatures */
-/* tslint:enable:unified-signatures */
 
 export default function createSpacing(spacingInput = 8) {
   // Already transformed.

package/modern/cssVars/cssVarsParser.js

@@ -120,7 +120,6 @@ export default function cssVarsParser(theme, options) {
     }
   }, keys => keys[0] === 'vars' // skip 'vars/*' paths
   );
-
   return {
     css,
     vars,

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/system v5.14.20
+ * @mui/system v5.15.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/merge.js

@@ -7,5 +7,4 @@ function merge(acc, item) {
     clone: false // No need to clone deep, it's way faster.
   });
 }
-
 export default merge;

package/modern/styleFunctionSx/styleFunctionSx.js

@@ -68,7 +68,6 @@ export function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
     }
-
     const config = theme.unstable_sxConfig ?? defaultSxConfig;
 
     /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.14.20",
+  "version": "5.15.1",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -26,11 +26,11 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.4",
-    "@mui/private-theming": "^5.14.20",
-    "@mui/styled-engine": "^5.14.19",
-    "@mui/types": "^7.2.10",
-    "@mui/utils": "^5.14.20",
+    "@babel/runtime": "^7.23.5",
+    "@mui/private-theming": "^5.15.1",
+    "@mui/styled-engine": "^5.15.1",
+    "@mui/types": "^7.2.11",
+    "@mui/utils": "^5.15.1",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1"

package/styleFunctionSx/styleFunctionSx.js

@@ -77,7 +77,6 @@ function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
     }
-
     const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : _defaultSxConfig.default;
 
     /*