@mui/material 5.15.20 → 5.15.21

package/Autocomplete/Autocomplete.d.ts

@@ -249,7 +249,7 @@ export interface AutocompleteProps<
    * @returns {ReactNode}
    */
   renderOption?: (
-    props: React.HTMLAttributes<HTMLLIElement>,
+    props: React.HTMLAttributes<HTMLLIElement> & { key: any },
     option: Value,
     state: AutocompleteRenderOptionState,
     ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>,

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # [Versions](https://mui.com/versions/)
 
+## v5.15.21
+
+<!-- generated comparing v5.15.20..master -->
+
+_Jun 28, 2024_
+
+A big thanks to the 7 contributors who made this release possible.
+
+### `@mui/material@5.15.21`
+
+- [Autocomplete] Fix renderOption props type (@DiegoAndai) (#42709) @DiegoAndai
+- [Stepper] Generate class for `nonLinear` prop (@alexismo) (#42677) @alexismo
+
+### Docs
+
+- Use new email for sponsoring @oliviertassinari
+- Fix 301 links (@alexfauquette) (#42700) @alexfauquette
+- [material-ui][Select] Fix the `SelectAutoWidth` demo menu item value (@Danielkhakbaz) (#42696) @Danielkhakbaz
+- [material-ui][Autocomplete] Fix more React 18.3 key spread warnings in demos (#42766) @wbt
+- [material-ui] Fix sign in side image (#42708) @zanivan
+- [website] Add Ale to team (#42769) @alelthomas
+
+### Core
+
+- [core] Cherry pick pnpm updates (#42763) @DiegoAndai
+- [website] Add Armin to the team members (@arminmeh) (#42681) @arminmeh
+- [website] Open Staff Engineer role for Pigment CSS (@mnajdova) (#42669) @mnajdova
+
+All contributors of this release in alphabetical order: @alexfauquette, @alexismo, @arminmeh, @Danielkhakbaz, @DiegoAndai, @mnajdova, @oliviertassinari
+
 ## v5.15.20
 
 <!-- generated comparing v5.15.19..master -->

package/Stepper/Stepper.js

@@ -17,11 +17,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     orientation,
+    nonLinear,
     alternativeLabel,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+    root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
   };
   return composeClasses(slots, getStepperUtilityClass, classes);
 };
@@ -32,7 +33,7 @@ const StepperRoot = styled('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
   }
 })(({
   ownerState
@@ -64,6 +65,7 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
+    nonLinear,
     alternativeLabel,
     orientation,
     component

package/Stepper/stepperClasses.d.ts

@@ -5,6 +5,8 @@ export interface StepperClasses {
     horizontal: string;
     /** Styles applied to the root element if `orientation="vertical"`. */
     vertical: string;
+    /** Styles applied to the root element if `nonLinear={true}`. */
+    nonLinear: string;
     /** Styles applied to the root element if `alternativeLabel={true}`. */
     alternativeLabel: string;
 }

package/Stepper/stepperClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepperUtilityClass(slot) {
   return generateUtilityClass('MuiStepper', slot);
 }
-const stepperClasses = generateUtilityClasses('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+const stepperClasses = generateUtilityClasses('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
 export default stepperClasses;

package/index.js

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

package/legacy/Stepper/Stepper.js

@@ -15,10 +15,11 @@ import StepperContext from './StepperContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var orientation = ownerState.orientation,
+    nonLinear = ownerState.nonLinear,
     alternativeLabel = ownerState.alternativeLabel,
     classes = ownerState.classes;
   var slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+    root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
   };
   return composeClasses(slots, getStepperUtilityClass, classes);
 };
@@ -27,7 +28,7 @@ var StepperRoot = styled('div', {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
@@ -64,6 +65,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
     other = _objectWithoutProperties(props, ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"]);
   var ownerState = _extends({}, props, {
+    nonLinear: nonLinear,
     alternativeLabel: alternativeLabel,
     orientation: orientation,
     component: component

package/legacy/Stepper/stepperClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepperUtilityClass(slot) {
   return generateUtilityClass('MuiStepper', slot);
 }
-var stepperClasses = generateUtilityClasses('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+var stepperClasses = generateUtilityClasses('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
 export default stepperClasses;

package/legacy/index.js

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

package/modern/Stepper/Stepper.js

@@ -17,11 +17,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     orientation,
+    nonLinear,
     alternativeLabel,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+    root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
   };
   return composeClasses(slots, getStepperUtilityClass, classes);
 };
@@ -32,7 +33,7 @@ const StepperRoot = styled('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
   }
 })(({
   ownerState
@@ -64,6 +65,7 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
+    nonLinear,
     alternativeLabel,
     orientation,
     component

package/modern/Stepper/stepperClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepperUtilityClass(slot) {
   return generateUtilityClass('MuiStepper', slot);
 }
-const stepperClasses = generateUtilityClasses('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+const stepperClasses = generateUtilityClasses('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
 export default stepperClasses;

package/modern/index.js

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

package/node/Stepper/Stepper.js

@@ -25,11 +25,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const useUtilityClasses = ownerState => {
   const {
     orientation,
+    nonLinear,
     alternativeLabel,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+    root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
   };
   return (0, _composeClasses.default)(slots, _stepperClasses.getStepperUtilityClass, classes);
 };
@@ -40,7 +41,7 @@ const StepperRoot = (0, _styled.default)('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
   }
 })(({
   ownerState
@@ -72,6 +73,7 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = (0, _extends2.default)({}, props, {
+    nonLinear,
     alternativeLabel,
     orientation,
     component

package/node/Stepper/stepperClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getStepperUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepper', slot);
 }
-const stepperClasses = (0, _generateUtilityClasses.default)('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+const stepperClasses = (0, _generateUtilityClasses.default)('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
 var _default = exports.default = stepperClasses;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.20
+ * @mui/material v5.15.21
  *
  * @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.15.20",
+  "version": "5.15.21",
   "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.",
@@ -34,11 +34,11 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "^5.15.20",
+    "@mui/core-downloads-tracker": "^5.15.21",
     "@mui/types": "^7.2.14",
-    "@mui/utils": "^5.15.20",
-    "@mui/core-downloads-tracker": "^5.15.20",
-    "@mui/base": "5.0.0-beta.40"
+    "@mui/system": "^5.15.20",
+    "@mui/base": "5.0.0-beta.40",
+    "@mui/utils": "^5.15.20"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.20
+ * @mui/material v5.15.21
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -45684,15 +45684,16 @@
   function getStepperUtilityClass(slot) {
     return generateUtilityClass$1('MuiStepper', slot);
   }
-  var stepperClasses = generateUtilityClasses$1('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+  var stepperClasses = generateUtilityClasses$1('MuiStepper', ['root', 'horizontal', 'vertical', 'nonLinear', 'alternativeLabel']);
   var stepperClasses$1 = stepperClasses;
 
   var useUtilityClasses$h = function useUtilityClasses(ownerState) {
     var orientation = ownerState.orientation,
+      nonLinear = ownerState.nonLinear,
       alternativeLabel = ownerState.alternativeLabel,
       classes = ownerState.classes;
     var slots = {
-      root: ['root', orientation, alternativeLabel && 'alternativeLabel']
+      root: ['root', orientation, nonLinear && 'nonLinear', alternativeLabel && 'alternativeLabel']
     };
     return composeClasses(slots, getStepperUtilityClass, classes);
   };
@@ -45701,7 +45702,7 @@
     slot: 'Root',
     overridesResolver: function overridesResolver(props, styles) {
       var ownerState = props.ownerState;
-      return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+      return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
     }
   })(function (_ref) {
     var ownerState = _ref.ownerState;
@@ -45738,6 +45739,7 @@
       orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
       other = _objectWithoutProperties(props, ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"]);
     var ownerState = _extends({}, props, {
+      nonLinear: nonLinear,
       alternativeLabel: alternativeLabel,
       orientation: orientation,
       component: component