@mui/system 5.14.20 → 5.15.0

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # [Versions](https://mui.com/versions/)
 
+## 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 +11114,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 +12308,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.0
  *
  * @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.0
  *
  * @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.0
  *
  * @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.0",
   "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.0",
+    "@mui/styled-engine": "^5.15.0",
+    "@mui/types": "^7.2.11",
+    "@mui/utils": "^5.15.0",
     "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;
 
     /*