@mui/material 5.15.16 → 5.15.17

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # [Versions](https://mui.com/versions/)
 
+## v5.15.17
+
+<!-- generated comparing v5.15.16..master -->
+
+_May 8, 2024_
+
+A big thanks to the 4 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.15.17`
+
+- [Slider] Move palette styles to the bottom (#41676) @siriwatknp
+
+### Docs
+
+- Fix SEO redirection issues @oliviertassinari
+- [material-ui] Fix broken link (@aarongarciah) (#42143) @github-actions[bot]
+- [material-ui] Fix link on the Sync page (@danilo-leal) (#42089) @github-actions[bot]
+
+### Core
+
+- [blog] Shorten title to fit @oliviertassinari
+- [blog] Update Sync post OG image (@danilo-leal) (#42117) @github-actions[bot]
+- [blog] A few tweaks in introducing-sync-plugin (@oliviertassinari) (#42094) @github-actions[bot]
+- [docs-infra] Fix code block layout shift (#41917) @oliviertassinari
+- [website] Fix home page slider's track position (@aarongarciah) (#42144) @github-actions[bot]
+- [website] Closing the survey @oliviertassinari
+- [website] Remove Survey banner from website and Core docs (#42104) @joserodolfofreitas
+
+All contributors of this release in alphabetical order: @github-actions[bot], @joserodolfofreitas, @oliviertassinari, @siriwatknp
+
 ## v5.15.16
 
 <!-- generated comparing v5.15.15..master -->

package/Slider/Slider.js

@@ -292,30 +292,7 @@ export const SliderThumb = styled('span', {
         boxShadow: 'none'
       }
     },
-    variants: [...Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(key => {
-      var _theme$vars6;
-      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
-    }).map(color => ({
-      props: {
-        color
-      },
-      style: {
-        [`&:hover, &.${sliderClasses.focusVisible}`]: _extends({}, theme.vars ? {
-          boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
-        } : {
-          boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}`
-        }, {
-          '@media (hover: none)': {
-            boxShadow: 'none'
-          }
-        }),
-        [`&.${sliderClasses.active}`]: _extends({}, theme.vars ? {
-          boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
-        } : {
-          boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[color].main, 0.16)}`
-        })
-      }
-    })), {
+    variants: [{
       props: {
         size: 'small'
       },
@@ -342,7 +319,30 @@ export const SliderThumb = styled('span', {
         left: '50%',
         transform: 'translate(-50%, 50%)'
       }
-    }]
+    }, ...Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(key => {
+      var _theme$vars6;
+      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
+    }).map(color => ({
+      props: {
+        color
+      },
+      style: {
+        [`&:hover, &.${sliderClasses.focusVisible}`]: _extends({}, theme.vars ? {
+          boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
+        } : {
+          boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}`
+        }, {
+          '@media (hover: none)': {
+            boxShadow: 'none'
+          }
+        }),
+        [`&.${sliderClasses.active}`]: _extends({}, theme.vars ? {
+          boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
+        } : {
+          boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[color].main, 0.16)}`
+        })
+      }
+    }))]
   };
 });
 export const SliderValueLabel = styled(BaseSliderValueLabel, {

package/index.js

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

package/legacy/Slider/Slider.js

@@ -288,29 +288,7 @@ export var SliderThumb = styled('span', {
     '&:hover': {
       boxShadow: 'none'
     }
-  }), "variants", [].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
-    var _theme$vars6;
-    return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
-  }).map(function (color) {
-    return {
-      props: {
-        color: color
-      },
-      style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses.focusVisible), _extends({}, theme.vars ? {
-        boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
-      } : {
-        boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
-      }, {
-        '@media (hover: none)': {
-          boxShadow: 'none'
-        }
-      })), "&.".concat(sliderClasses.active), _extends({}, theme.vars ? {
-        boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
-      } : {
-        boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
-      }))
-    };
-  })), [{
+  }), "variants", [{
     props: {
       size: 'small'
     },
@@ -337,7 +315,29 @@ export var SliderThumb = styled('span', {
       left: '50%',
       transform: 'translate(-50%, 50%)'
     }
-  }]));
+  }].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
+    var _theme$vars6;
+    return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
+  }).map(function (color) {
+    return {
+      props: {
+        color: color
+      },
+      style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses.focusVisible), _extends({}, theme.vars ? {
+        boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
+      } : {
+        boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
+      }, {
+        '@media (hover: none)': {
+          boxShadow: 'none'
+        }
+      })), "&.".concat(sliderClasses.active), _extends({}, theme.vars ? {
+        boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
+      } : {
+        boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
+      }))
+    };
+  }))));
 });
 export var SliderValueLabel = styled(BaseSliderValueLabel, {
   name: 'MuiSlider',

package/legacy/index.js

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

package/modern/Slider/Slider.js

@@ -280,27 +280,7 @@ export const SliderThumb = styled('span', {
       boxShadow: 'none'
     }
   },
-  variants: [...Object.keys((theme.vars ?? theme).palette).filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
-    props: {
-      color
-    },
-    style: {
-      [`&:hover, &.${sliderClasses.focusVisible}`]: _extends({}, theme.vars ? {
-        boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
-      } : {
-        boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}`
-      }, {
-        '@media (hover: none)': {
-          boxShadow: 'none'
-        }
-      }),
-      [`&.${sliderClasses.active}`]: _extends({}, theme.vars ? {
-        boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
-      } : {
-        boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[color].main, 0.16)}`
-      })
-    }
-  })), {
+  variants: [{
     props: {
       size: 'small'
     },
@@ -327,7 +307,27 @@ export const SliderThumb = styled('span', {
       left: '50%',
       transform: 'translate(-50%, 50%)'
     }
-  }]
+  }, ...Object.keys((theme.vars ?? theme).palette).filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
+    props: {
+      color
+    },
+    style: {
+      [`&:hover, &.${sliderClasses.focusVisible}`]: _extends({}, theme.vars ? {
+        boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
+      } : {
+        boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}`
+      }, {
+        '@media (hover: none)': {
+          boxShadow: 'none'
+        }
+      }),
+      [`&.${sliderClasses.active}`]: _extends({}, theme.vars ? {
+        boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
+      } : {
+        boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[color].main, 0.16)}`
+      })
+    }
+  }))]
 }));
 export const SliderValueLabel = styled(BaseSliderValueLabel, {
   name: 'MuiSlider',

package/modern/index.js

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

package/node/Slider/Slider.js

@@ -299,30 +299,7 @@ const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
         boxShadow: 'none'
       }
     },
-    variants: [...Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(key => {
-      var _theme$vars6;
-      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
-    }).map(color => ({
-      props: {
-        color
-      },
-      style: {
-        [`&:hover, &.${_sliderClasses.default.focusVisible}`]: (0, _extends2.default)({}, theme.vars ? {
-          boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
-        } : {
-          boxShadow: `0px 0px 0px 8px ${(0, _colorManipulator.alpha)(theme.palette[color].main, 0.16)}`
-        }, {
-          '@media (hover: none)': {
-            boxShadow: 'none'
-          }
-        }),
-        [`&.${_sliderClasses.default.active}`]: (0, _extends2.default)({}, theme.vars ? {
-          boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
-        } : {
-          boxShadow: `0px 0px 0px 14px ${(0, _colorManipulator.alpha)(theme.palette[color].main, 0.16)}`
-        })
-      }
-    })), {
+    variants: [{
       props: {
         size: 'small'
       },
@@ -349,7 +326,30 @@ const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
         left: '50%',
         transform: 'translate(-50%, 50%)'
       }
-    }]
+    }, ...Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(key => {
+      var _theme$vars6;
+      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
+    }).map(color => ({
+      props: {
+        color
+      },
+      style: {
+        [`&:hover, &.${_sliderClasses.default.focusVisible}`]: (0, _extends2.default)({}, theme.vars ? {
+          boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
+        } : {
+          boxShadow: `0px 0px 0px 8px ${(0, _colorManipulator.alpha)(theme.palette[color].main, 0.16)}`
+        }, {
+          '@media (hover: none)': {
+            boxShadow: 'none'
+          }
+        }),
+        [`&.${_sliderClasses.default.active}`]: (0, _extends2.default)({}, theme.vars ? {
+          boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
+        } : {
+          boxShadow: `0px 0px 0px 14px ${(0, _colorManipulator.alpha)(theme.palette[color].main, 0.16)}`
+        })
+      }
+    }))]
   };
 });
 const SliderValueLabel = exports.SliderValueLabel = (0, _zeroStyled.styled)(_SliderValueLabel.default, {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.16
+ * @mui/material v5.15.17
  *
  * @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.16",
+  "version": "5.15.17",
   "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,10 +34,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-transition-group": "^4.4.5",
-    "@mui/utils": "^5.15.14",
-    "@mui/core-downloads-tracker": "^5.15.16",
-    "@mui/types": "^7.2.14",
+    "@mui/core-downloads-tracker": "^5.15.17",
     "@mui/base": "5.0.0-beta.40",
+    "@mui/types": "^7.2.14",
+    "@mui/utils": "^5.15.14",
     "@mui/system": "^5.15.15"
   },
   "peerDependencies": {

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.16
+ * @mui/material v5.15.17
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -41736,29 +41736,7 @@
       '&:hover': {
         boxShadow: 'none'
       }
-    }), "variants", [].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
-      var _theme$vars6;
-      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
-    }).map(function (color) {
-      return {
-        props: {
-          color: color
-        },
-        style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses$1.focusVisible), _extends({}, theme.vars ? {
-          boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
-        } : {
-          boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
-        }, {
-          '@media (hover: none)': {
-            boxShadow: 'none'
-          }
-        })), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
-          boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
-        } : {
-          boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
-        }))
-      };
-    })), [{
+    }), "variants", [{
       props: {
         size: 'small'
       },
@@ -41785,7 +41763,29 @@
         left: '50%',
         transform: 'translate(-50%, 50%)'
       }
-    }]));
+    }].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
+      var _theme$vars6;
+      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
+    }).map(function (color) {
+      return {
+        props: {
+          color: color
+        },
+        style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses$1.focusVisible), _extends({}, theme.vars ? {
+          boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
+        } : {
+          boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
+        }, {
+          '@media (hover: none)': {
+            boxShadow: 'none'
+          }
+        })), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
+          boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
+        } : {
+          boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
+        }))
+      };
+    }))));
   });
   var SliderValueLabel = styled$1(SliderValueLabel$1, {
     name: 'MuiSlider',