@mui/material 5.11.8 → 5.11.9

package/AppBar/AppBar.js

@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
 
 // var2 is the fallback.
 // Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
-const joinVars = (var1, var2) => `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})`;
+const joinVars = (var1, var2) => var1 ? `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})` : var2;
 const AppBarRoot = styled(Paper, {
   name: 'MuiAppBar',
   slot: 'Root',

package/Autocomplete/Autocomplete.js

@@ -178,6 +178,20 @@ const AutocompleteRoot = styled('div', {
   [`& .${inputBaseClasses.hiddenLabel}`]: {
     paddingTop: 8
   },
+  [`& .${filledInputClasses.root}.${inputBaseClasses.hiddenLabel}`]: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    [`& .${autocompleteClasses.input}`]: {
+      paddingTop: 16,
+      paddingBottom: 17
+    }
+  },
+  [`& .${filledInputClasses.root}.${inputBaseClasses.hiddenLabel}.${inputBaseClasses.sizeSmall}`]: {
+    [`& .${autocompleteClasses.input}`]: {
+      paddingTop: 8,
+      paddingBottom: 9
+    }
+  },
   [`& .${autocompleteClasses.input}`]: _extends({
     flexGrow: 1,
     textOverflow: 'ellipsis',

package/CHANGELOG.md

@@ -1,5 +1,78 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.11.9
+
+<!-- generated comparing v5.11.8..master -->
+
+_Feb 14, 2023_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐛 @rangoo94, @sai6855, and @michaldudak fixed a couple of bugs in the Autocomplete component (#36116, #35640, #36076, #36088)
+- many other 🐛 bug fixes and 📚 documentation improvements
+
+### `@mui/material@5.11.9`
+
+- [AppBar] Fix joinVars() not handling undefined (#36128) @donaldnevermore
+- [Autocomplete] Fix tag removal regression (#36116) @michaldudak
+- [Autocomplete] Correct padding of filled Autocomplete (#35640) @michaldudak
+- [Grid][Stack] classNames prefixed with Mui (#36167) @sai6855
+
+### `@mui/styled-engine@5.11.9`
+
+- [StyledEngineProvider] Fix issue with cache not being defined (#36162) @mnajdova
+
+### `@mui/joy@5.0.0-alpha.67`
+
+- [Joy] Add order dashboard template (#36081) @siriwatknp
+- [Joy] Remove classes prop from the components that have it (#36159) @hbjORbj
+- [Joy] Miscellaneous fixes (#36163) @siriwatknp
+
+### `@mui/base@5.0.0-alpha.118`
+
+- [base] Override the types of `slotProps` per slot (#35964) @hbjORbj
+- [Select][base] Prevent unnecessary rerendering of Select options (#35946) @michaldudak
+- [Select][base] Update the generated docs (#36183) @michaldudak
+- [useAutocomplete] Pass only valid values for the getOptionLabel prop (#36088) @rangoo94
+- [useAutocomplete] Fix `useAutocomplete` disabled prop not disabling the input (#36076) @sai6855
+- [useInput] Add return value interface (#36036) @Shorifpatwary
+- [UseTabPanel] Add explicit return type (#36053) @Shorifpatwary
+- [useTabsList] Add explicit return type (#36048) @sai6855
+- [Tab] Add explicit return type to useTab (#36046) @sai6855
+
+### `@mui/material-next@6.0.0-alpha.75`
+
+- [Material You] Use `md` as a CSS var prefix (#36177) @siriwatknp
+
+### Docs
+
+- [docs] Fix the prop type regression on the API pages (#36168) @mnajdova
+- [docs] Fix virtualized table column resizing (#36066) @petyosi
+- [docs] Fix react-spring demos (#36023) @oliviertassinari
+- [docs] Fix classname mismatch on Joy docs (#36127) @siriwatknp
+- [docs] Fix typo in the released version of @mui/styled-engine (#36121) @m4theushw
+- [docs] Fix demos showing TypeScript instead of JavaScript (#35850) @mj12albert
+- [docs] Update release instructions (#36113) @mj12albert
+- [docs] Rename `v6-alpha` to `v6-next` in navigation (#36102) @LukasTy
+- [docs] Revise Joy UI "Input" page (#35970) @LadyBluenotes
+- [docs] Revise Joy UI "Typography" page (#35868) @LadyBluenotes
+
+### Examples
+
+- [examples][vitejs] Load Roboto font (#35678) @oliv37
+
+### Core
+
+- [blog] Fix the look and feel of the media description (#36069) @oliviertassinari
+- [core] Add default preview url (#36118) @siriwatknp
+- [core] Migrate all the internals exported by `tests/utils/index.js` to TypeScript (#35382) @flaviendelangle
+- [core] Convert the waterfall module to an internal package (#35323) @michaldudak
+- [website] Fix homepage MD theme demo (#36027) @oliviertassinari
+- [website] Revise the Lead Designer role job ad (#35912) @danilo-leal
+- [POC] Add deploy preview to PR body (#35995) @siriwatknp
+
+All contributors of this release in alphabetical order: @danilo-leal, @donaldnevermore, @flaviendelangle, @hbjORbj, @LadyBluenotes, @LukasTy, @m4theushw, @michaldudak, @mj12albert, @mnajdova, @oliv37, @oliviertassinari, @petyosi, @rangoo94, @sai6855, @Shorifpatwary, @siriwatknp
+
 ## 5.11.8
 
 <!-- generated comparing v5.11.7..master -->
@@ -25,7 +98,7 @@ A big thanks to the 14 contributors who made this release possible. Here are som
 
 - &#8203;<!-- 05 -->[System] Fix nested grid v2 (#35994) @siriwatknp
 
-### `@mui/styled-engine@5.11.1`
+### `@mui/styled-engine@5.11.8`
 
 - &#8203;<!-- 06 -->[styled-engine] Create cache only if `document` is available (#36001) @m4theushw
 

package/index.js

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

package/legacy/AppBar/AppBar.js

@@ -23,7 +23,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
 // var2 is the fallback.
 // Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
 var joinVars = function joinVars(var1, var2) {
-  return "".concat(var1 == null ? void 0 : var1.replace(')', ''), ", ").concat(var2, ")");
+  return var1 ? "".concat(var1 == null ? void 0 : var1.replace(')', ''), ", ").concat(var2, ")") : var2;
 };
 var AppBarRoot = styled(Paper, {
   name: 'MuiAppBar',

package/legacy/Autocomplete/Autocomplete.js

@@ -132,7 +132,16 @@ var AutocompleteRoot = styled('div', {
     padding: '2.5px 4px'
   })), _defineProperty(_extends3, "& .".concat(inputBaseClasses.hiddenLabel), {
     paddingTop: 8
-  }), _defineProperty(_extends3, "& .".concat(autocompleteClasses.input), _extends({
+  }), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel), _defineProperty({
+    paddingTop: 0,
+    paddingBottom: 0
+  }, "& .".concat(autocompleteClasses.input), {
+    paddingTop: 16,
+    paddingBottom: 17
+  })), _defineProperty(_extends3, "& .".concat(filledInputClasses.root, ".").concat(inputBaseClasses.hiddenLabel, ".").concat(inputBaseClasses.sizeSmall), _defineProperty({}, "& .".concat(autocompleteClasses.input), {
+    paddingTop: 8,
+    paddingBottom: 9
+  })), _defineProperty(_extends3, "& .".concat(autocompleteClasses.input), _extends({
     flexGrow: 1,
     textOverflow: 'ellipsis',
     opacity: 0

package/legacy/index.js

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

package/modern/AppBar/AppBar.js

@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
 
 // var2 is the fallback.
 // Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
-const joinVars = (var1, var2) => `${var1?.replace(')', '')}, ${var2})`;
+const joinVars = (var1, var2) => var1 ? `${var1?.replace(')', '')}, ${var2})` : var2;
 const AppBarRoot = styled(Paper, {
   name: 'MuiAppBar',
   slot: 'Root',

package/modern/Autocomplete/Autocomplete.js

@@ -178,6 +178,20 @@ const AutocompleteRoot = styled('div', {
   [`& .${inputBaseClasses.hiddenLabel}`]: {
     paddingTop: 8
   },
+  [`& .${filledInputClasses.root}.${inputBaseClasses.hiddenLabel}`]: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    [`& .${autocompleteClasses.input}`]: {
+      paddingTop: 16,
+      paddingBottom: 17
+    }
+  },
+  [`& .${filledInputClasses.root}.${inputBaseClasses.hiddenLabel}.${inputBaseClasses.sizeSmall}`]: {
+    [`& .${autocompleteClasses.input}`]: {
+      paddingTop: 8,
+      paddingBottom: 9
+    }
+  },
   [`& .${autocompleteClasses.input}`]: _extends({
     flexGrow: 1,
     textOverflow: 'ellipsis',

package/modern/index.js

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

package/node/AppBar/AppBar.js

@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
 
 // var2 is the fallback.
 // Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
-const joinVars = (var1, var2) => `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})`;
+const joinVars = (var1, var2) => var1 ? `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})` : var2;
 const AppBarRoot = (0, _styled.default)(_Paper.default, {
   name: 'MuiAppBar',
   slot: 'Root',

package/node/Autocomplete/Autocomplete.js

@@ -192,6 +192,20 @@ const AutocompleteRoot = (0, _styled.default)('div', {
   [`& .${_inputBaseClasses.default.hiddenLabel}`]: {
     paddingTop: 8
   },
+  [`& .${_filledInputClasses.default.root}.${_inputBaseClasses.default.hiddenLabel}`]: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    [`& .${_autocompleteClasses.default.input}`]: {
+      paddingTop: 16,
+      paddingBottom: 17
+    }
+  },
+  [`& .${_filledInputClasses.default.root}.${_inputBaseClasses.default.hiddenLabel}.${_inputBaseClasses.default.sizeSmall}`]: {
+    [`& .${_autocompleteClasses.default.input}`]: {
+      paddingTop: 8,
+      paddingBottom: 9
+    }
+  },
   [`& .${_autocompleteClasses.default.input}`]: (0, _extends2.default)({
     flexGrow: 1,
     textOverflow: 'ellipsis',

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.11.8
+ * @mui/material v5.11.9
  *
  * @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.11.8",
+  "version": "5.11.9",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -45,12 +45,12 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.7",
-    "@mui/base": "5.0.0-alpha.117",
-    "@mui/core-downloads-tracker": "^5.11.8",
-    "@mui/system": "^5.11.8",
+    "@babel/runtime": "^7.20.13",
+    "@mui/base": "5.0.0-alpha.118",
+    "@mui/core-downloads-tracker": "^5.11.9",
+    "@mui/system": "^5.11.9",
     "@mui/types": "^7.2.3",
-    "@mui/utils": "^5.11.7",
+    "@mui/utils": "^5.11.9",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "csstype": "^3.1.1",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.11.8
+ * @mui/material v5.11.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -5791,7 +5791,7 @@
       injectFirst,
       children
     } = props;
-    return injectFirst ? /*#__PURE__*/jsxRuntime_1(CacheProvider, {
+    return injectFirst && cache ? /*#__PURE__*/jsxRuntime_1(CacheProvider, {
       value: cache,
       children: children
     }) : children;
@@ -10819,8 +10819,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
     });
     const checkHighlightedOptionExists = () => {
-      var _previousProps$value;
-      if (highlightedIndexRef.current !== -1 && previousProps.filteredOptions && previousProps.filteredOptions.length !== filteredOptions.length && (multiple ? previousProps.value.every((val, i) => getOptionLabel(value[i]) === getOptionLabel(val)) : getOptionLabel((_previousProps$value = previousProps.value) != null ? _previousProps$value : '') === getOptionLabel(value != null ? value : ''))) {
+      const isSameValue = (value1, value2) => {
+        const label1 = value1 ? getOptionLabel(value1) : '';
+        const label2 = value2 ? getOptionLabel(value2) : '';
+        return label1 === label2;
+      };
+      if (highlightedIndexRef.current !== -1 && previousProps.filteredOptions && previousProps.filteredOptions.length !== filteredOptions.length && (multiple ? value.length === previousProps.value.length && previousProps.value.every((val, i) => getOptionLabel(value[i]) === getOptionLabel(val)) : isSameValue(previousProps.value, value))) {
         const previousHighlightedOption = previousProps.filteredOptions[highlightedIndexRef.current];
         if (previousHighlightedOption) {
           const previousHighlightedOptionExists = filteredOptions.some(option => {
@@ -11340,7 +11344,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         ref: inputRef,
         autoCapitalize: 'none',
         spellCheck: 'false',
-        role: 'combobox'
+        role: 'combobox',
+        disabled: disabledProp
       }),
       getClearProps: () => ({
         tabIndex: -1,
@@ -19974,7 +19979,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
   // var2 is the fallback.
   // Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
-  const joinVars = (var1, var2) => `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})`;
+  const joinVars = (var1, var2) => var1 ? `${var1 == null ? void 0 : var1.replace(')', '')}, ${var2})` : var2;
   const AppBarRoot = styled$1(Paper$1, {
     name: 'MuiAppBar',
     slot: 'Root',
@@ -21877,6 +21882,20 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     [`& .${inputBaseClasses$1.hiddenLabel}`]: {
       paddingTop: 8
     },
+    [`& .${filledInputClasses$1.root}.${inputBaseClasses$1.hiddenLabel}`]: {
+      paddingTop: 0,
+      paddingBottom: 0,
+      [`& .${autocompleteClasses$1.input}`]: {
+        paddingTop: 16,
+        paddingBottom: 17
+      }
+    },
+    [`& .${filledInputClasses$1.root}.${inputBaseClasses$1.hiddenLabel}.${inputBaseClasses$1.sizeSmall}`]: {
+      [`& .${autocompleteClasses$1.input}`]: {
+        paddingTop: 8,
+        paddingBottom: 9
+      }
+    },
     [`& .${autocompleteClasses$1.input}`]: _extends({
       flexGrow: 1,
       textOverflow: 'ellipsis',