@mui/material 5.15.15 → 5.15.17

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # [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 -->
+
+_May 1, 2024_
+
+A big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.15.16`
+
+- [material-ui][Dialog] Prevent onClick on the root element from being overwritten (@ryanburr) (#41914) @github-actions[bot]
+- [material-ui][Select] Fix `muiName` property TypeScript error (@EyaOuenniche) (#41786) @github-actions[bot]
+- —>[material-ui][l10n] Fix typo in is-IS locale (@magnimarels) (#41815) @github-actions[bot]
+
+### Docs
+
+- Fix small SEO issues @oliviertassinari
+- Fix 301 Toolpad links @oliviertassinari
+- Fix 301 Toolpad links @oliviertassinari
+- Fix 301 image redirections @oliviertassinari
+- Fix small SEO issues @oliviertassinari
+- Fix 301 redirection @oliviertassinari
+- Fix format git diff regression (#41882) @oliviertassinari
+- Fix 301 links @oliviertassinari
+- [material-ui] Fix import statement in migration guide (@sai6855) (#41864) @github-actions[bot]
+- [material-ui] Update Figma plugin name (@danilo-leal) (#42057) @github-actions[bot]
+- [material-ui] Fix minor spelling error in the "About the lab" page (@ryanhartwig) (#42075) @github-actions[bot]
+- [material-ui] Add missing backticks to HTML tag in the installation page (@Miguelrom) (#42009) @github-actions[bot]
+- [material-ui] Add Connect-related content (@danilo-leal) (#41924) @DiegoAndai
+- [material-ui] Fix Material 3 message typo (@aarongarciah) (#41822) @github-actions[bot]
+- [material-ui] Remove Data Grid v7 beta callout (@cherniavskii) (#41842) @github-actions[bot]
+- [material-ui][templates] Fix input props attributes in Landing Page template (@5-tom) (#42034) @github-actions[bot]
+- [system] Update typo on the sx prop page (@bricker) (#42078) @github-actions[bot]
+
+### Core
+
+- [blog] Add post to introduce the Connect plugin (@danilo-leal) (#41929) @DiegoAndai
+- [core] Automate cherry-pick of PRs from `next` -> `master` (#41742) @aarongarciah
+- [docs-infra] Improve Twitter OG:image (#41860) @oliviertassinari
+- [docs-infra] Use edge function for card generation (#41188) @alexfauquette
+- [docs-infra] Fix drawer performances (#41807) (#41820) @alexfauquette
+- [docs-infra] Fix analytics about inline ads (#41474) @alexfauquette
+- [website] Sync career roles (@oliviertassinari) (#42059) @github-actions[bot]
+- [website] Add content about the Sync plugin in the Material UI page (@danilo-leal) (#42074) @github-actions[bot]
+- [website] Add Nadja on the about page (#42054) @mnajdova
+- [website] Close the `Design Engineer - X` role (#42014) @DanailH
+- [website] Remove customer support agent role from website (@rluzists1) (#41996) @github-actions[bot]
+- [website] Add Jose to About Us (#41759) @JCQuintas
+
+All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @DanailH, @DiegoAndai, @github-actions[bot], @JCQuintas, @mnajdova, @oliviertassinari
+
 ## v5.15.15
 
 <!-- generated comparing v5.15.14..master -->
@@ -7962,7 +8045,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
 
   <a href="https://mui.com/components/tables/#unstyled-table"><img width="800" alt="unstyled table" src="https://user-images.githubusercontent.com/4512430/144862194-584356ef-7d9d-462c-a631-186a7e716193.png"></a>
 
-  You can follow our progress with unstyled components at https://github.com/mui/material-ui/issues/27170.
+  You can follow our progress with unstyled components at https://github.com/mui/base-ui/issues/10.
 
 - 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
 
@@ -9432,7 +9515,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
 
   <a href="https://mui.com/components/switches/#unstyled"><img width="832" alt="switch" src="https://user-images.githubusercontent.com/3165635/125192249-236f8a80-e247-11eb-9df9-17d476379a32.png"></a>
 
-  You can follow our progress at https://github.com/mui/material-ui/issues/27170.
+  You can follow our progress at https://github.com/mui/base-ui/issues/10.
 
 - 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
   You can find the new [default values](https://mui.com/material-ui/customization/palette/#default-values) in the documentation.

package/Dialog/Dialog.js

@@ -2,7 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
+const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -171,6 +171,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       fullWidth = false,
       maxWidth = 'sm',
       onBackdropClick,
+      onClick,
       onClose,
       open,
       PaperComponent = Paper,
@@ -196,6 +197,10 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     backdropClick.current = event.target === event.currentTarget;
   };
   const handleBackdropClick = event => {
+    if (onClick) {
+      onClick(event);
+    }
+
     // Ignore the events not coming from the "backdrop".
     if (!backdropClick.current) {
       return;
@@ -334,6 +339,10 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
   /**
    * Callback fired when the component requests to be closed.
    *

package/Select/Select.d.ts

@@ -151,7 +151,8 @@ export interface BaseSelectProps<Value = unknown>
   variant?: SelectVariants;
 }
 
-export interface FilledSelectProps extends Omit<FilledInputProps, 'value' | 'onChange'> {
+export interface FilledSelectProps
+  extends Omit<FilledInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
   /**
    * The variant to use.
    * @default 'outlined'
@@ -159,7 +160,8 @@ export interface FilledSelectProps extends Omit<FilledInputProps, 'value' | 'onC
   variant: 'filled';
 }
 
-export interface StandardSelectProps extends Omit<InputProps, 'value' | 'onChange'> {
+export interface StandardSelectProps
+  extends Omit<InputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
   /**
    * The variant to use.
    * @default 'outlined'
@@ -167,7 +169,8 @@ export interface StandardSelectProps extends Omit<InputProps, 'value' | 'onChang
   variant: 'standard';
 }
 
-export interface OutlinedSelectProps extends Omit<OutlinedInputProps, 'value' | 'onChange'> {
+export interface OutlinedSelectProps
+  extends Omit<OutlinedInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps'> {
   /**
    * The variant to use.
    * @default 'outlined'
@@ -193,8 +196,8 @@ export type SelectProps<Value = unknown> =
  * - [Select API](https://mui.com/material-ui/api/select/)
  * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
  */
-export default function Select<Value = unknown>(
-  props: SelectProps<Value>,
-): JSX.Element & {
+declare const Select: (<Value = unknown>(props: SelectProps<Value>) => JSX.Element) & {
   muiName: string;
 };
+
+export default Select;

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.15
+ * @mui/material v5.15.17
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/Dialog/Dialog.js

@@ -167,6 +167,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     _props$maxWidth = props.maxWidth,
     maxWidth = _props$maxWidth === void 0 ? 'sm' : _props$maxWidth,
     onBackdropClick = props.onBackdropClick,
+    onClick = props.onClick,
     onClose = props.onClose,
     open = props.open,
     _props$PaperComponent = props.PaperComponent,
@@ -180,7 +181,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     _props$transitionDura = props.transitionDuration,
     transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
     TransitionProps = props.TransitionProps,
-    other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
+    other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
   var ownerState = _extends({}, props, {
     disableEscapeKeyDown: disableEscapeKeyDown,
     fullScreen: fullScreen,
@@ -196,6 +197,10 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     backdropClick.current = event.target === event.currentTarget;
   };
   var handleBackdropClick = function handleBackdropClick(event) {
+    if (onClick) {
+      onClick(event);
+    }
+
     // Ignore the events not coming from the "backdrop".
     if (!backdropClick.current) {
       return;
@@ -334,6 +339,10 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
   /**
    * Callback fired when the component requests to be closed.
    *

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.15
+ * @mui/material v5.15.17
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/locale/index.js

@@ -1922,7 +1922,7 @@ export var isIS = {
           var from = _ref19.from,
             to = _ref19.to,
             count = _ref19.count;
-          return "".concat(from, "\u2013").concat(to, " af ").concat(count !== -1 ? count : "fleiri enn ".concat(to));
+          return "".concat(from, "\u2013").concat(to, " af ").concat(count !== -1 ? count : "fleiri en ".concat(to));
         }
       }
     },

package/locale/index.js

@@ -1864,7 +1864,7 @@ export const isIS = {
           from,
           to,
           count
-        }) => `${from}–${to} af ${count !== -1 ? count : `fleiri enn ${to}`}`
+        }) => `${from}–${to} af ${count !== -1 ? count : `fleiri en ${to}`}`
       }
     },
     MuiRating: {

package/modern/Dialog/Dialog.js

@@ -2,7 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
+const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -171,6 +171,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       fullWidth = false,
       maxWidth = 'sm',
       onBackdropClick,
+      onClick,
       onClose,
       open,
       PaperComponent = Paper,
@@ -196,6 +197,10 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     backdropClick.current = event.target === event.currentTarget;
   };
   const handleBackdropClick = event => {
+    if (onClick) {
+      onClick(event);
+    }
+
     // Ignore the events not coming from the "backdrop".
     if (!backdropClick.current) {
       return;
@@ -334,6 +339,10 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
   /**
    * Callback fired when the component requests to be closed.
    *

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.15
+ * @mui/material v5.15.17
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/locale/index.js

@@ -1864,7 +1864,7 @@ export const isIS = {
           from,
           to,
           count
-        }) => `${from}–${to} af ${count !== -1 ? count : `fleiri enn ${to}`}`
+        }) => `${from}–${to} af ${count !== -1 ? count : `fleiri en ${to}`}`
       }
     },
     MuiRating: {

package/node/Dialog/Dialog.js

@@ -24,7 +24,7 @@ var _DialogContext = _interopRequireDefault(require("./DialogContext"));
 var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
+const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DialogBackdrop = (0, _styled.default)(_Backdrop.default, {
@@ -179,6 +179,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       fullWidth = false,
       maxWidth = 'sm',
       onBackdropClick,
+      onClick,
       onClose,
       open,
       PaperComponent = _Paper.default,
@@ -204,6 +205,10 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     backdropClick.current = event.target === event.currentTarget;
   };
   const handleBackdropClick = event => {
+    if (onClick) {
+      onClick(event);
+    }
+
     // Ignore the events not coming from the "backdrop".
     if (!backdropClick.current) {
       return;
@@ -342,6 +347,10 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: _propTypes.default.func,
+  /**
+   * @ignore
+   */
+  onClick: _propTypes.default.func,
   /**
    * Callback fired when the component requests to be closed.
    *

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.15
+ * @mui/material v5.15.17
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/locale/index.js

@@ -1870,7 +1870,7 @@ const isIS = exports.isIS = {
           from,
           to,
           count
-        }) => `${from}–${to} af ${count !== -1 ? count : `fleiri enn ${to}`}`
+        }) => `${from}–${to} af ${count !== -1 ? count : `fleiri en ${to}`}`
       }
     },
     MuiRating: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.15.15",
+  "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,11 +34,11 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-transition-group": "^4.4.5",
+    "@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/core-downloads-tracker": "^5.15.15",
-    "@mui/system": "^5.15.15",
-    "@mui/types": "^7.2.14"
+    "@mui/system": "^5.15.15"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",