@mui/material 5.14.14 → 5.14.15

package/CHANGELOG.md

@@ -1,5 +1,78 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.15
+
+<!-- generated comparing v5.14.14..master -->
+
+_Oct 24, 2023_
+
+A big thanks to the 17 contributors who made this release possible.
+
+### `@mui/material@5.14.15`
+
+- &#8203;<!-- 24 -->[Checkbox][Radio] Fix theme style overrides not working for different sizes (#39377) @gitstart
+- &#8203;<!-- 12 -->[InputLabel] InputLabel supports ownerState.focused for styleOverrides (#39470) @mj12albert
+- &#8203;<!-- 07 -->[ToggleButton] Add `fullWidth` to `toggleButtonClasses` and `toggleButtonGroupClasses` (#39536) @Semigradsky
+
+### `@mui/base@5.0.0-beta.21`
+
+- &#8203;<!-- 29 -->[useAutocomplete] Correct keyboard navigation with multiple disabled options (#38788) @VadimZvf
+- &#8203;<!-- 28 -->[Select] Standardize box shadow on demos (#39509) @zanivan
+- &#8203;<!-- 27 -->[Slider] Refine demos (#39526) @zanivan
+- &#8203;<!-- 34 -->[Input] Update and port additional tests from material-ui (#39584) @mj12albert
+
+### `@mui/material-next@6.0.0-alpha.107`
+
+- &#8203;<!-- 16 -->[FilledInput] Add FilledInput component (#39307) @mj12albert
+- &#8203;<!-- 13 -->[InputAdornment] Fix unstable_capitalize import (#39510) @DiegoAndai
+- &#8203;<!-- 08 -->[Snackbar] copy files to mui-material-next (#39232) @Best-Sardar
+- &#8203;<!-- 33 -->[Menu] Use useMenu hook (#38934) @mnajdova
+
+### `@mui/joy@5.0.0-beta.12`
+
+- &#8203;<!-- 26 -->[Button] Fix button size being a decorator (#39529) @siriwatknp
+- &#8203;<!-- 25 -->[CardOverflow] Remove conditional CSS to support Next.js App dir (#39101) @siriwatknp
+- &#8203;<!-- 11 -->[Link] Apply `userSelect: none` only when it's a button (#39486) @mwskwong
+
+### `@mui/lab@5.0.0-alpha.150`
+
+- &#8203;<!-- 09 -->Update peer dep of @mui/material (#39398) @brijeshb42
+
+### `@mui/zero-runtime@0.0.1-alpha.0`
+
+- &#8203;<!-- 06 -->Implement typings for public runtime API (#39215) @brijeshb42
+
+### `@mui/zero-vite-plugin@0.0.1-alpha.0`
+
+- &#8203;<!-- 05 -->Modify plugin to transform node_modules (#39517) @brijeshb42
+
+### Docs
+
+- &#8203;<!-- 31 -->[base-ui] Standardize grey palette across demos (#39504) @zanivan
+- &#8203;<!-- 30 -->[base-ui] Overall demos design review (#38820) @zanivan
+- &#8203;<!-- 19 -->[joy-ui] Adjust the responsiveness of the template card (#39534) @danilo-leal
+- &#8203;<!-- 18 -->[material-ui] Typo fixes in overview page (#39540) @Evan151
+- &#8203;<!-- 35 -->[material-ui] Add stray design tweaks to the templates collection (#39583) @danilo-leal
+- &#8203;<!-- 17 -->[system] Revise the Box page (#39159) @danilo-leal
+- &#8203;<!-- 22 -->Fix git diff format @oliviertassinari
+- &#8203;<!-- 15 -->[I10n] Add Norwegian (nynorsk) (nn-NO) locale (#39481) @hjalti-lifekeys
+- &#8203;<!-- 10 -->[l10n] Fix double space typo in ar-EG @oliviertassinari
+- &#8203;<!-- 14 -->[I10n] Additions to Icelandic (is-IS) locale (#39480) @hjalti-lifekeys
+
+### Core
+
+- &#8203;<!-- 23 -->[core] Replace a `useCallback` by `useRef` in useEventCallback (#39078) @romgrk
+- &#8203;<!-- 21 -->[docs-infra] Prevent docs crash (#39214) @alexfauquette
+- &#8203;<!-- 20 -->[docs-infra] Fix no-op autoprefixer warning (#39385) @oliviertassinari
+- &#8203;<!-- 32 -->[docs-infra] Refine the API page design (#39520) @alexfauquette
+- &#8203;<!-- 25 -->[docs-infra] Fix cut-off sponsors (#39572) @oliviertassinari
+- &#8203;<!-- 04 -->[website] Add missing h1 on page @oliviertassinari
+- &#8203;<!-- 03 -->[website] Fix unrecognized prop warning @oliviertassinari
+- &#8203;<!-- 02 -->[website] Store Engineer role filled @oliviertassinari
+- &#8203;<!-- 01 -->[website] Add stray design adjustments (#39496) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @Best-Sardar, @brijeshb42, @danilo-leal, @DiegoAndai, @Evan151, @gitstart, @hjalti-lifekeys, @mj12albert, @mnajdova, @mwskwong, @oliviertassinari, @romgrk, @Semigradsky, @siriwatknp, @VadimZvf, @zanivan
+
 ## 5.14.14
 
 <!-- generated comparing v5.14.13..master -->

package/Checkbox/Checkbox.js

@@ -39,7 +39,7 @@ const CheckboxRoot = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.indeterminate && styles.indeterminate, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme,

package/InputLabel/InputLabel.js

@@ -42,7 +42,7 @@ const InputLabelRoot = styled(FormLabel, {
     } = props;
     return [{
       [`& .${formLabelClasses.asterisk}`]: styles.asterisk
-    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];
   }
 })(({
   theme,
@@ -125,7 +125,7 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
   const fcs = formControlState({
     props,
     muiFormControl,
-    states: ['size', 'variant', 'required']
+    states: ['size', 'variant', 'required', 'focused']
   });
   const ownerState = _extends({}, props, {
     disableAnimation,
@@ -133,7 +133,8 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     shrink,
     size: fcs.size,
     variant: fcs.variant,
-    required: fcs.required
+    required: fcs.required,
+    focused: fcs.focused
   });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(InputLabelRoot, _extends({

package/Radio/Radio.js

@@ -37,7 +37,7 @@ const RadioRoot = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.root, ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme,

package/ToggleButton/toggleButtonClasses.d.ts

@@ -17,6 +17,8 @@ export interface ToggleButtonClasses {
     sizeMedium: string;
     /** Styles applied to the root element if `size="large"`. */
     sizeLarge: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
 }
 export type ToggleButtonClassKey = keyof ToggleButtonClasses;
 export declare function getToggleButtonUtilityClass(slot: string): string;

package/ToggleButton/toggleButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButton', slot);
 }
-const toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
 export default toggleButtonClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -11,6 +11,8 @@ export interface ToggleButtonGroupClasses {
     groupedHorizontal: string;
     /** Styles applied to the children if `orientation="vertical"`. */
     groupedVertical: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
 }
 export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
 export declare function getToggleButtonGroupUtilityClass(slot: string): string;

package/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
 export default toggleButtonGroupClasses;

package/index.js

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

package/legacy/Checkbox/Checkbox.js

@@ -37,7 +37,7 @@ var CheckboxRoot = styled(SwitchBase, {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [styles.root, ownerState.indeterminate && styles.indeterminate, ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))]];
+    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles["size".concat(capitalize(ownerState.size))], ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))]];
   }
 })(function (_ref) {
   var _ref2;

package/legacy/InputLabel/InputLabel.js

@@ -38,7 +38,7 @@ var InputLabelRoot = styled(FormLabel, {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [_defineProperty({}, "& .".concat(formLabelClasses.asterisk), styles.asterisk), styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+    return [_defineProperty({}, "& .".concat(formLabelClasses.asterisk), styles.asterisk), styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
@@ -123,7 +123,7 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
   var fcs = formControlState({
     props: props,
     muiFormControl: muiFormControl,
-    states: ['size', 'variant', 'required']
+    states: ['size', 'variant', 'required', 'focused']
   });
   var ownerState = _extends({}, props, {
     disableAnimation: disableAnimation,
@@ -131,7 +131,8 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     shrink: shrink,
     size: fcs.size,
     variant: fcs.variant,
-    required: fcs.required
+    required: fcs.required,
+    focused: fcs.focused
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(InputLabelRoot, _extends({

package/legacy/Radio/Radio.js

@@ -36,7 +36,7 @@ var RadioRoot = styled(SwitchBase, {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [styles.root, styles["color".concat(capitalize(ownerState.color))]];
+    return [styles.root, ownerState.size !== 'medium' && styles["size".concat(capitalize(ownerState.size))], styles["color".concat(capitalize(ownerState.color))]];
   }
 })(function (_ref) {
   var theme = _ref.theme,

package/legacy/ToggleButton/toggleButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButton', slot);
 }
-var toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+var toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
 export default toggleButtonClasses;

package/legacy/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }
-var toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+var toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
 export default toggleButtonGroupClasses;

package/legacy/index.js

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