@mui/material - npm Package Compare versions

Comparing version 6.4.4 to 6.4.5

Button/Button.js

@@ -504,5 +504,5 @@ 'use client';
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
@@ -567,3 +567,3 @@ size: 16
     type: type,
-    id: id,
+    id: loading ? loadingId : idProp,
     ...other,
@@ -570,0 +570,0 @@ classes: classes,

IconButton/IconButton.js

@@ -196,5 +196,5 @@ 'use client';
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
@@ -215,3 +215,3 @@ size: 16
   return /*#__PURE__*/_jsxs(IconButtonRoot, {
-    id: id,
+    id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
@@ -218,0 +218,0 @@ centerRipple: true,

index.js

 /**
- * @mui/material v6.4.4
+ * @mui/material v6.4.5
  *
@@ -4,0 +4,0 @@ * @license MIT

modern/Button/Button.js

@@ -504,5 +504,5 @@ 'use client';
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
@@ -567,3 +567,3 @@ size: 16
     type: type,
-    id: id,
+    id: loading ? loadingId : idProp,
     ...other,
@@ -570,0 +570,0 @@ classes: classes,

modern/IconButton/IconButton.js

@@ -196,5 +196,5 @@ 'use client';
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
@@ -215,3 +215,3 @@ size: 16
   return /*#__PURE__*/_jsxs(IconButtonRoot, {
-    id: id,
+    id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
@@ -218,0 +218,0 @@ centerRipple: true,

modern/index.js

 /**
- * @mui/material v6.4.4
+ * @mui/material v6.4.5
  *
@@ -4,0 +4,0 @@ * @license MIT

modern/useAutocomplete/useAutocomplete.js

@@ -880,3 +880,2 @@ 'use client';
     getRootProps: (other = {}) => ({
-      'aria-owns': listboxAvailable ? `${id}-listbox` : null,
       ...other,
@@ -883,0 +882,0 @@ onKeyDown: handleKeyDown(other),

modern/version/index.js

@@ -1,6 +0,6 @@
-export const version = "6.4.4";
+export const version = "6.4.5";
 export const major = Number("6");
 export const minor = Number("4");
-export const patch = Number("4");
+export const patch = Number("5");
 export const prerelease = undefined;
 export default version;

node/Button/Button.js

@@ -511,5 +511,5 @@ "use strict";
   } = props;
-  const id = (0, _utils.unstable_useId)(idProp);
+  const loadingId = (0, _utils.unstable_useId)(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
@@ -574,3 +574,3 @@ size: 16
     type: type,
-    id: id,
+    id: loading ? loadingId : idProp,
     ...other,
@@ -577,0 +577,0 @@ classes: classes,

node/IconButton/IconButton.js

@@ -203,5 +203,5 @@ "use strict";
   } = props;
-  const id = (0, _utils.unstable_useId)(idProp);
+  const loadingId = (0, _utils.unstable_useId)(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
@@ -222,3 +222,3 @@ size: 16
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(IconButtonRoot, {
-    id: id,
+    id: loading ? loadingId : idProp,
     className: (0, _clsx.default)(classes.root, className),
@@ -225,0 +225,0 @@ centerRipple: true,

node/useAutocomplete/useAutocomplete.js

@@ -886,3 +886,2 @@ "use strict";
     getRootProps: (other = {}) => ({
-      'aria-owns': listboxAvailable ? `${id}-listbox` : null,
       ...other,
@@ -889,0 +888,0 @@ onKeyDown: handleKeyDown(other),

node/version/index.js

@@ -7,7 +7,7 @@ "use strict";
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.4.4";
+const version = exports.version = "6.4.5";
 const major = exports.major = Number("6");
 const minor = exports.minor = Number("4");
-const patch = exports.patch = Number("4");
+const patch = exports.patch = Number("5");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package.json

 {
   "name": "@mui/material",
-  "version": "6.4.4",
+  "version": "6.4.5",
   "private": false,
@@ -38,6 +38,6 @@ "author": "MUI Team",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^6.4.4",
+    "@mui/core-downloads-tracker": "^6.4.5",
     "@mui/system": "^6.4.3",
-    "@mui/utils": "^6.4.3",
-    "@mui/types": "^7.2.21"
+    "@mui/types": "^7.2.21",
+    "@mui/utils": "^6.4.3"
   },
@@ -44,0 +44,0 @@ "peerDependencies": {

useAutocomplete/useAutocomplete.js

@@ -880,3 +880,2 @@ 'use client';
     getRootProps: (other = {}) => ({
-      'aria-owns': listboxAvailable ? `${id}-listbox` : null,
       ...other,
@@ -883,0 +882,0 @@ onKeyDown: handleKeyDown(other),

version/index.js

@@ -1,6 +0,6 @@
-export const version = "6.4.4";
+export const version = "6.4.5";
 export const major = Number("6");
 export const minor = Number("4");
-export const patch = Number("4");
+export const patch = Number("5");
 export const prerelease = undefined;
 export default version;

No alert changes

Improved metrics

Total package byte prevSize

6421952

increased by0.01%

Worsened metrics

Lines of code

180634

Dependency changes

• Updated@mui/core-downloads-tracker@^6.4.5