@mui/material 5.14.4 → 5.14.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +58 -58
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/Badge.d.ts +135 -67
  13. package/Badge/badgeClasses.d.ts +56 -56
  14. package/BottomNavigation/BottomNavigation.js +0 -0
  15. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  16. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  17. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  18. package/Button/buttonClasses.d.ts +100 -100
  19. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  20. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  21. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  22. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  23. package/CHANGELOG.md +74 -4
  24. package/Card/cardClasses.d.ts +8 -8
  25. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  26. package/CardActions/cardActionsClasses.d.ts +10 -10
  27. package/CardContent/cardContentClasses.d.ts +8 -8
  28. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  29. package/CardMedia/cardMediaClasses.d.ts +12 -12
  30. package/Checkbox/checkboxClasses.d.ts +22 -22
  31. package/Chip/chipClasses.d.ts +96 -96
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +1 -1
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +6 -6
  36. package/Dialog/DialogContext.d.ts +6 -6
  37. package/Dialog/dialogClasses.d.ts +36 -36
  38. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  39. package/DialogContent/dialogContentClasses.d.ts +10 -10
  40. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  41. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  42. package/Divider/dividerClasses.d.ts +34 -34
  43. package/Drawer/drawerClasses.d.ts +30 -30
  44. package/Fab/fabClasses.d.ts +26 -26
  45. package/FilledInput/filledInputClasses.d.ts +42 -42
  46. package/FormControl/FormControlContext.d.ts +17 -17
  47. package/FormControl/formControlClasses.d.ts +14 -14
  48. package/FormControl/useFormControl.d.ts +2 -2
  49. package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
  50. package/FormGroup/formGroupClasses.d.ts +12 -12
  51. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  52. package/FormLabel/formLabelClasses.d.ts +22 -22
  53. package/Grid/gridClasses.d.ts +48 -48
  54. package/Icon/iconClasses.d.ts +24 -24
  55. package/IconButton/iconButtonClasses.d.ts +34 -34
  56. package/ImageList/imageListClasses.d.ts +16 -16
  57. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  58. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  59. package/Input/inputClasses.d.ts +38 -38
  60. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  61. package/InputBase/inputBaseClasses.d.ts +46 -46
  62. package/InputLabel/inputLabelClasses.d.ts +32 -32
  63. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  64. package/Link/getTextDecoration.d.ts +15 -15
  65. package/Link/linkClasses.d.ts +18 -18
  66. package/List/listClasses.d.ts +14 -14
  67. package/ListItem/listItemClasses.d.ts +30 -30
  68. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  69. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  70. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  71. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  72. package/ListItemText/listItemTextClasses.d.ts +18 -18
  73. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  74. package/Menu/menuClasses.d.ts +12 -12
  75. package/MenuItem/menuItemClasses.d.ts +20 -20
  76. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  77. package/Modal/index.d.ts +1 -1
  78. package/Modal/index.js +1 -1
  79. package/NativeSelect/nativeSelectClasses.d.ts +34 -34
  80. package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
  81. package/Pagination/paginationClasses.d.ts +14 -14
  82. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  83. package/Paper/paperClasses.d.ts +39 -39
  84. package/Popover/popoverClasses.d.ts +10 -10
  85. package/Popper/Popper.d.ts +65 -65
  86. package/Radio/radioClasses.d.ts +16 -16
  87. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  88. package/RadioGroup/useRadioGroup.d.ts +4 -4
  89. package/Rating/ratingClasses.d.ts +40 -40
  90. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  91. package/Select/selectClasses.d.ts +32 -32
  92. package/Skeleton/skeletonClasses.d.ts +26 -26
  93. package/Slider/SliderValueLabel.d.ts +10 -10
  94. package/Slider/SliderValueLabel.types.d.ts +24 -24
  95. package/Slider/sliderClasses.d.ts +58 -58
  96. package/Snackbar/snackbarClasses.d.ts +20 -20
  97. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  98. package/SpeedDial/speedDialClasses.d.ts +22 -22
  99. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  100. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  101. package/Stack/stackClasses.d.ts +6 -6
  102. package/Step/StepContext.d.ts +20 -20
  103. package/Step/stepClasses.d.ts +16 -16
  104. package/StepButton/stepButtonClasses.d.ts +14 -14
  105. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  106. package/StepContent/stepContentClasses.d.ts +12 -12
  107. package/StepIcon/stepIconClasses.d.ts +16 -16
  108. package/StepLabel/stepLabelClasses.d.ts +28 -28
  109. package/Stepper/StepperContext.d.ts +18 -18
  110. package/Stepper/stepperClasses.d.ts +14 -14
  111. package/SvgIcon/svgIconClasses.d.ts +26 -26
  112. package/Switch/switchClasses.d.ts +32 -32
  113. package/Tab/tabClasses.d.ts +26 -26
  114. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  115. package/Table/tableClasses.d.ts +10 -10
  116. package/TableBody/tableBodyClasses.d.ts +8 -8
  117. package/TableCell/tableCellClasses.d.ts +32 -32
  118. package/TableContainer/tableContainerClasses.d.ts +8 -8
  119. package/TableFooter/tableFooterClasses.d.ts +8 -8
  120. package/TableHead/tableHeadClasses.d.ts +8 -8
  121. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  122. package/TableRow/tableRowClasses.d.ts +16 -16
  123. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  124. package/Tabs/tabsClasses.d.ts +32 -32
  125. package/TextField/TextField.js +11 -2
  126. package/TextField/textFieldClasses.d.ts +8 -8
  127. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  128. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  129. package/Toolbar/toolbarClasses.d.ts +14 -14
  130. package/Tooltip/tooltipClasses.d.ts +30 -30
  131. package/Typography/typographyClasses.d.ts +50 -50
  132. package/Unstable_Grid2/Grid2.d.ts +4 -4
  133. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  134. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  135. package/Unstable_Grid2/index.d.ts +4 -4
  136. package/className/index.d.ts +1 -1
  137. package/darkScrollbar/index.d.ts +28 -28
  138. package/generateUtilityClass/index.d.ts +2 -2
  139. package/generateUtilityClasses/index.d.ts +1 -1
  140. package/index.js +1 -1
  141. package/internal/switchBaseClasses.d.ts +12 -12
  142. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  143. package/legacy/Modal/index.js +1 -1
  144. package/legacy/TextField/TextField.js +11 -2
  145. package/legacy/index.js +1 -1
  146. package/locale/index.d.ts +80 -80
  147. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  148. package/modern/Modal/index.js +1 -1
  149. package/modern/TextField/TextField.js +11 -2
  150. package/modern/index.js +1 -1
  151. package/node/BottomNavigation/BottomNavigation.js +0 -0
  152. package/node/Modal/index.js +7 -7
  153. package/node/TextField/TextField.js +11 -2
  154. package/node/index.js +1 -1
  155. package/package.json +5 -5
  156. package/styles/CssVarsProvider.d.ts +20 -20
  157. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  158. package/styles/getOverlayAlpha.d.ts +2 -2
  159. package/styles/identifier.d.ts +2 -2
  160. package/styles/shouldSkipGeneratingVar.d.ts +1 -1
  161. package/transitions/index.d.ts +1 -1
  162. package/transitions/transition.d.ts +13 -13
  163. package/transitions/utils.d.ts +23 -23
  164. package/types/OverridableComponentAugmentation.d.ts +31 -31
  165. package/umd/material-ui.development.js +217 -127
  166. package/umd/material-ui.production.min.js +18 -18
  167. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  168. package/useTouchRipple/index.d.ts +1 -1
  169. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  170. package/utils/getScrollbarSize.d.ts +2 -2
  171. package/utils/ownerDocument.d.ts +2 -2
  172. package/utils/ownerWindow.d.ts +2 -2
  173. package/utils/setRef.d.ts +2 -2
@@ -1,12 +1,12 @@
1
- export interface ButtonBaseClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `disabled={true}`. */
5
- disabled: string;
6
- /** State class applied to the root element if keyboard focused. */
7
- focusVisible: string;
8
- }
9
- export type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
- export declare function getButtonBaseUtilityClass(slot: string): string;
11
- declare const buttonBaseClasses: ButtonBaseClasses;
12
- export default buttonBaseClasses;
1
+ export interface ButtonBaseClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `disabled={true}`. */
5
+ disabled: string;
6
+ /** State class applied to the root element if keyboard focused. */
7
+ focusVisible: string;
8
+ }
9
+ export type ButtonBaseClassKey = keyof ButtonBaseClasses;
10
+ export declare function getButtonBaseUtilityClass(slot: string): string;
11
+ declare const buttonBaseClasses: ButtonBaseClasses;
12
+ export default buttonBaseClasses;
@@ -1,20 +1,20 @@
1
- export interface TouchRippleClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the internal `Ripple` components `ripple` class. */
5
- ripple: string;
6
- /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
- rippleVisible: string;
8
- /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
- ripplePulsate: string;
10
- /** Styles applied to the internal `Ripple` components `child` class. */
11
- child: string;
12
- /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
- childLeaving: string;
14
- /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
- childPulsate: string;
16
- }
17
- export type TouchRippleClassKey = keyof TouchRippleClasses;
18
- export declare function getTouchRippleUtilityClass(slot: string): string;
19
- declare const touchRippleClasses: TouchRippleClasses;
20
- export default touchRippleClasses;
1
+ export interface TouchRippleClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the internal `Ripple` components `ripple` class. */
5
+ ripple: string;
6
+ /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
7
+ rippleVisible: string;
8
+ /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
9
+ ripplePulsate: string;
10
+ /** Styles applied to the internal `Ripple` components `child` class. */
11
+ child: string;
12
+ /** Styles applied to the internal `Ripple` components `childLeaving` class. */
13
+ childLeaving: string;
14
+ /** Styles applied to the internal `Ripple` components `childPulsate` class. */
15
+ childPulsate: string;
16
+ }
17
+ export type TouchRippleClassKey = keyof TouchRippleClasses;
18
+ export declare function getTouchRippleUtilityClass(slot: string): string;
19
+ declare const touchRippleClasses: TouchRippleClasses;
20
+ export default touchRippleClasses;
@@ -1,18 +1,18 @@
1
- import * as React from 'react';
2
- import type { ButtonGroupProps } from './ButtonGroup';
3
- interface IButtonGroupContext {
4
- className?: string;
5
- color?: ButtonGroupProps['color'];
6
- disabled?: boolean;
7
- disableElevation?: boolean;
8
- disableFocusRipple?: boolean;
9
- disableRipple?: boolean;
10
- fullWidth?: boolean;
11
- size?: ButtonGroupProps['size'];
12
- variant?: ButtonGroupProps['variant'];
13
- }
14
- /**
15
- * @ignore - internal component.
16
- */
17
- declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
18
- export default ButtonGroupContext;
1
+ import * as React from 'react';
2
+ import type { ButtonGroupProps } from './ButtonGroup';
3
+ interface IButtonGroupContext {
4
+ className?: string;
5
+ color?: ButtonGroupProps['color'];
6
+ disabled?: boolean;
7
+ disableElevation?: boolean;
8
+ disableFocusRipple?: boolean;
9
+ disableRipple?: boolean;
10
+ fullWidth?: boolean;
11
+ size?: ButtonGroupProps['size'];
12
+ variant?: ButtonGroupProps['variant'];
13
+ }
14
+ /**
15
+ * @ignore - internal component.
16
+ */
17
+ declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
18
+ export default ButtonGroupContext;
@@ -1,58 +1,58 @@
1
- export interface ButtonGroupClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="contained"`. */
5
- contained: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="text"`. */
9
- text: string;
10
- /** Styles applied to the root element if `disableElevation={true}`. */
11
- disableElevation: string;
12
- /** State class applied to the child elements if `disabled={true}`. */
13
- disabled: string;
14
- /** Styles applied to the root element if `fullWidth={true}`. */
15
- fullWidth: string;
16
- /** Styles applied to the root element if `orientation="vertical"`. */
17
- vertical: string;
18
- /** Styles applied to the children. */
19
- grouped: string;
20
- /** Styles applied to the children if `orientation="horizontal"`. */
21
- groupedHorizontal: string;
22
- /** Styles applied to the children if `orientation="vertical"`. */
23
- groupedVertical: string;
24
- /** Styles applied to the children if `variant="text"`. */
25
- groupedText: string;
26
- /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
- groupedTextHorizontal: string;
28
- /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
- groupedTextVertical: string;
30
- /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
- groupedTextPrimary: string;
32
- /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
- groupedTextSecondary: string;
34
- /** Styles applied to the children if `variant="outlined"`. */
35
- groupedOutlined: string;
36
- /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
- groupedOutlinedHorizontal: string;
38
- /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
- groupedOutlinedVertical: string;
40
- /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
- groupedOutlinedPrimary: string;
42
- /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
- groupedOutlinedSecondary: string;
44
- /** Styles applied to the children if `variant="contained"`. */
45
- groupedContained: string;
46
- /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
- groupedContainedHorizontal: string;
48
- /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
- groupedContainedVertical: string;
50
- /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
- groupedContainedPrimary: string;
52
- /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
- groupedContainedSecondary: string;
54
- }
55
- export type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
- export declare function getButtonGroupUtilityClass(slot: string): string;
57
- declare const buttonGroupClasses: ButtonGroupClasses;
58
- export default buttonGroupClasses;
1
+ export interface ButtonGroupClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="contained"`. */
5
+ contained: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="text"`. */
9
+ text: string;
10
+ /** Styles applied to the root element if `disableElevation={true}`. */
11
+ disableElevation: string;
12
+ /** State class applied to the child elements if `disabled={true}`. */
13
+ disabled: string;
14
+ /** Styles applied to the root element if `fullWidth={true}`. */
15
+ fullWidth: string;
16
+ /** Styles applied to the root element if `orientation="vertical"`. */
17
+ vertical: string;
18
+ /** Styles applied to the children. */
19
+ grouped: string;
20
+ /** Styles applied to the children if `orientation="horizontal"`. */
21
+ groupedHorizontal: string;
22
+ /** Styles applied to the children if `orientation="vertical"`. */
23
+ groupedVertical: string;
24
+ /** Styles applied to the children if `variant="text"`. */
25
+ groupedText: string;
26
+ /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
27
+ groupedTextHorizontal: string;
28
+ /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
29
+ groupedTextVertical: string;
30
+ /** Styles applied to the children if `variant="text"` and `color="primary"`. */
31
+ groupedTextPrimary: string;
32
+ /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
33
+ groupedTextSecondary: string;
34
+ /** Styles applied to the children if `variant="outlined"`. */
35
+ groupedOutlined: string;
36
+ /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
37
+ groupedOutlinedHorizontal: string;
38
+ /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
39
+ groupedOutlinedVertical: string;
40
+ /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
41
+ groupedOutlinedPrimary: string;
42
+ /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
43
+ groupedOutlinedSecondary: string;
44
+ /** Styles applied to the children if `variant="contained"`. */
45
+ groupedContained: string;
46
+ /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
47
+ groupedContainedHorizontal: string;
48
+ /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
49
+ groupedContainedVertical: string;
50
+ /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
51
+ groupedContainedPrimary: string;
52
+ /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
53
+ groupedContainedSecondary: string;
54
+ }
55
+ export type ButtonGroupClassKey = keyof ButtonGroupClasses;
56
+ export declare function getButtonGroupUtilityClass(slot: string): string;
57
+ declare const buttonGroupClasses: ButtonGroupClasses;
58
+ export default buttonGroupClasses;
package/CHANGELOG.md CHANGED
@@ -1,5 +1,75 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.14.5
4
+
5
+ <!-- generated comparing v5.14.4..master -->
6
+
7
+ _Aug 14, 2023_
8
+
9
+ A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - @mnajdova [made it easier to use third-party components in Base UI slots](https://mui.com/base-ui/getting-started/customization/#overriding-subcomponent-slots) with the introduction of the `prepareForSlot` utility (#38138)
12
+
13
+ ### `@mui/material@5.14.5`
14
+
15
+ - &#8203;<!-- 04 -->[TextField] Fix to handle `onClick` on root element (#38072) @LukasTy
16
+
17
+ ### `@mui/codemod@5.14.5`
18
+
19
+ - &#8203;<!-- 31 -->[codemod] Add v5.0.0/tree-view-moved-to-x codemod (#38248) @flaviendelangle
20
+
21
+ ### `@mui/joy@5.0.0-beta.2`
22
+
23
+ - &#8203;<!-- 07 -->[Input][joy-ui] Fix the `FormHelperText` icon color (#38387) @TheNatkat
24
+ - &#8203;<!-- 06 -->[Skeleton][joy-ui] Soften the pulse animation (#38384) @zanivan
25
+ - &#8203;<!-- 05 -->[TabPanel][joy-ui] Add `keepMounted` prop (#38293) @decadef20
26
+
27
+ ### `@mui/base@5.0.0-beta.11`
28
+
29
+ - &#8203;<!-- 30 -->[base-ui] Remove the legacy Extend\* types (#38184) @michaldudak
30
+ - &#8203;<!-- 29 -->[base-ui] Add `useModal` hook (#38187) @mnajdova
31
+ - &#8203;<!-- 28 -->[base-ui] Add `prepareForSlot` util (#38138) @mnajdova
32
+ - &#8203;<!-- 26 -->[useButton][base-ui] Fix tabIndex not being forwarded (#38417) @DiegoAndai
33
+ - &#8203;<!-- 25 -->[useButton][base-ui] Fix onFocusVisible not being handled (#38399) @DiegoAndai
34
+
35
+ ### Docs
36
+
37
+ - &#8203;<!-- 32 -->[blog] Blog post for MUI X mid v6. Date Pickers, Data Grid, and Charts (#38241) @richbustos
38
+ - &#8203;<!-- 35 -->[docs][base-ui] Update number input API docs (#38363) @mj12albert
39
+ - &#8203;<!-- 29 -->[docs] Improve page transition speed (#38394) @oliviertassinari
40
+ - &#8203;<!-- 28 -->[docs] Improve examples (#38398) @oliviertassinari
41
+ - &#8203;<!-- 19 -->[docs][docs] Add `FileUpload` demo (#38420) @sai6855
42
+ - &#8203;<!-- 18 -->[docs][joy-ui] Refine the Order Dashboard template design (#38395) @zanivan
43
+ - &#8203;<!-- 17 -->[docs][material-ui][joy-ui] Simplify the Quickstart section on the Usage page (#38385) @danilo-leal
44
+ - &#8203;<!-- 16 -->[docs][Menu][joy] Explain how to control the open state (#38355) @michaldudak
45
+ - &#8203;<!-- 15 -->[docs][material] Revise the Support page (#38207) @samuelsycamore
46
+ - &#8203;<!-- 14 -->[docs][material-ui] Remove incorrect `aria-label`s in extended variant examples of Floating Action Button (#37170) @ashleykolodziej
47
+ - &#8203;<!-- 13 -->[docs][material-ui] Adjust slightly the installation page content (#38380) @danilo-leal
48
+ - &#8203;<!-- 12 -->[docs][Switch] Fix the readOnly class name in docs (#38277) @michaldudak
49
+ - &#8203;<!-- 11 -->[docs][TablePagination] Add Tailwind CSS & plain CSS introduction demo (#38286) @mnajdova
50
+
51
+ ### Examples
52
+
53
+ - &#8203;<!-- 10 -->[examples] Add Joy UI + Vite.js + TypeScript example app (#37406) @nithins1
54
+
55
+ ### Core
56
+
57
+ - &#8203;<!-- 30 -->[core] Consistent URL add leading / @oliviertassinari
58
+ - &#8203;<!-- 27 -->[docs-infra] Fix rebase issue @oliviertassinari
59
+ - &#8203;<!-- 26 -->[docs-infra] Fix typo in docs infra docs @oliviertassinari
60
+ - &#8203;<!-- 25 -->[docs-infra] Fix nested list margin (#38456) @oliviertassinari
61
+ - &#8203;<!-- 24 -->[docs-infra] Move the Diamond Sponsors to the TOC (#38410) @danilo-leal
62
+ - &#8203;<!-- 22 -->[docs-infra] Move imports into page data (#38297) @alexfauquette
63
+ - &#8203;<!-- 21 -->[docs-infra] Adjust heading styles (#38365) @danilo-leal
64
+ - &#8203;<!-- 20 -->[docs-infra] Fix info callout border color (#38370) @danilo-leal
65
+ - &#8203;<!-- 05 -->[website] Upgrade the homepage hero demos design (#38388) @danilo-leal
66
+ - &#8203;<!-- 04 -->[website] Improve Base UI hero section demo (#38255) @danilo-leal
67
+ - &#8203;<!-- 03 -->[website] Fix EmailSubscribe look (#38429) @oliviertassinari
68
+ - &#8203;<!-- 02 -->[website] Link Discord in footer (#38369) @richbustos
69
+ - &#8203;<!-- 01 -->[website] Clean up the `GetStartedButtons` component (#38256) @danilo-leal
70
+
71
+ All contributors of this release in alphabetical order: @alexfauquette, @ashleykolodziej, @danilo-leal, @decadef20, @DiegoAndai, @flaviendelangle, @LukasTy, @michaldudak, @mj12albert, @mnajdova, @nithins1, @oliviertassinari, @richbustos, @sai6855, @samuelsycamore, @TheNatkat, @zanivan
72
+
3
73
  ## 5.14.4
4
74
 
5
75
  <!-- generated comparing v5.14.3..master -->
@@ -3717,7 +3787,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
3717
3787
  - [docs] Add webpack alias for legacy utils package (#33376) @jgbae
3718
3788
  - [docs] Improve external link icons synonyms (#33257) @davidgarciab
3719
3789
  - [examples] Update Base UI with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
3720
- - [examples] Add MUI base example (#33154) @siriwatknp
3790
+ - [examples] Add Base UI example (#33154) @siriwatknp
3721
3791
 
3722
3792
  ### Core
3723
3793
 
@@ -3736,7 +3806,7 @@ _Jul 4, 2022_
3736
3806
 
3737
3807
  A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
3738
3808
 
3739
- - 🐛 Fixed an issue causing Typescript errors when building a project with Material UI v5.8.6 (@michaldudak)
3809
+ - 🐛 Fixed an issue causing TypeScript errors when building a project with Material UI v5.8.6 (@michaldudak)
3740
3810
  - 🐛 Fixed a few bugs in Material UI components. Thanks @henriqueholtz, @jake-collibra, @MattiasMartens and @TimoWilhelm!
3741
3811
  - many other 🐛 bug fixes and 📚 documentation improvements
3742
3812
 
@@ -3765,7 +3835,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
3765
3835
 
3766
3836
  ### `@mui/base@5.0.0-alpha.88`
3767
3837
 
3768
- - [base] Remove a type incompatible with Typescript 3.5 (#33361) @michaldudak
3838
+ - [base] Remove a type incompatible with TypeScript 3.5 (#33361) @michaldudak
3769
3839
  - [BadgeUnstyled] Export BadgeUnstyledOwnProps interface to fix typescript compiler error (#33314) @aaronlademann-wf
3770
3840
  - [TablePaginationUnstyled] Accept callbacks in componentsProps (#33309) @michaldudak
3771
3841
 
@@ -10382,7 +10452,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
10382
10452
  - [theme] Add htmlFontSize to Typography interface (#23412) @fergusmcdonald
10383
10453
  - [Tooltip] Fix PopperProps popper modifiers not being merged properly (#23421) @dominique-mueller
10384
10454
  - [Tooltip] Long press select text on iOS (#23466) @hmaddisb
10385
- - [Tooltip] Unexpected behaviour onOpen/onClose (#23482) @brorlarsnicklas
10455
+ - [Tooltip] Unexpected behavior onOpen/onClose (#23482) @brorlarsnicklas
10386
10456
 
10387
10457
  ### `@material-ui/lab@v5.0.0-alpha.16`
10388
10458
 
@@ -1,8 +1,8 @@
1
- export interface CardClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type CardClassKey = keyof CardClasses;
6
- export declare function getCardUtilityClass(slot: string): string;
7
- declare const cardClasses: CardClasses;
8
- export default cardClasses;
1
+ export interface CardClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type CardClassKey = keyof CardClasses;
6
+ export declare function getCardUtilityClass(slot: string): string;
7
+ declare const cardClasses: CardClasses;
8
+ export default cardClasses;
@@ -1,12 +1,12 @@
1
- export interface CardActionAreaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
- focusVisible: string;
6
- /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
- focusHighlight: string;
8
- }
9
- export type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
- export declare function getCardActionAreaUtilityClass(slot: string): string;
11
- declare const cardActionAreaClasses: CardActionAreaClasses;
12
- export default cardActionAreaClasses;
1
+ export interface CardActionAreaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
5
+ focusVisible: string;
6
+ /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
7
+ focusHighlight: string;
8
+ }
9
+ export type CardActionAreaClassKey = keyof CardActionAreaClasses;
10
+ export declare function getCardActionAreaUtilityClass(slot: string): string;
11
+ declare const cardActionAreaClasses: CardActionAreaClasses;
12
+ export default cardActionAreaClasses;
@@ -1,10 +1,10 @@
1
- export interface CardActionsClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `disableSpacing={true}`. */
5
- spacing: string;
6
- }
7
- export type CardActionsClassKey = keyof CardActionsClasses;
8
- export declare function getCardActionsUtilityClass(slot: string): string;
9
- declare const cardActionsClasses: CardActionsClasses;
10
- export default cardActionsClasses;
1
+ export interface CardActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `disableSpacing={true}`. */
5
+ spacing: string;
6
+ }
7
+ export type CardActionsClassKey = keyof CardActionsClasses;
8
+ export declare function getCardActionsUtilityClass(slot: string): string;
9
+ declare const cardActionsClasses: CardActionsClasses;
10
+ export default cardActionsClasses;
@@ -1,8 +1,8 @@
1
- export interface CardContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type CardContentClassKey = keyof CardContentClasses;
6
- export declare function getCardContentUtilityClass(slot: string): string;
7
- declare const cardContentClasses: CardContentClasses;
8
- export default cardContentClasses;
1
+ export interface CardContentClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type CardContentClassKey = keyof CardContentClasses;
6
+ export declare function getCardContentUtilityClass(slot: string): string;
7
+ declare const cardContentClasses: CardContentClasses;
8
+ export default cardContentClasses;
@@ -1,18 +1,18 @@
1
- export interface CardHeaderClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the avatar element. */
5
- avatar: string;
6
- /** Styles applied to the action element. */
7
- action: string;
8
- /** Styles applied to the content wrapper element. */
9
- content: string;
10
- /** Styles applied to the title Typography element. */
11
- title: string;
12
- /** Styles applied to the subheader Typography element. */
13
- subheader: string;
14
- }
15
- export type CardHeaderClassKey = keyof CardHeaderClasses;
16
- export declare function getCardHeaderUtilityClass(slot: string): string;
17
- declare const cardHeaderClasses: CardHeaderClasses;
18
- export default cardHeaderClasses;
1
+ export interface CardHeaderClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the avatar element. */
5
+ avatar: string;
6
+ /** Styles applied to the action element. */
7
+ action: string;
8
+ /** Styles applied to the content wrapper element. */
9
+ content: string;
10
+ /** Styles applied to the title Typography element. */
11
+ title: string;
12
+ /** Styles applied to the subheader Typography element. */
13
+ subheader: string;
14
+ }
15
+ export type CardHeaderClassKey = keyof CardHeaderClasses;
16
+ export declare function getCardHeaderUtilityClass(slot: string): string;
17
+ declare const cardHeaderClasses: CardHeaderClasses;
18
+ export default cardHeaderClasses;
@@ -1,12 +1,12 @@
1
- export interface CardMediaClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
- media: string;
6
- /** Styles applied to the root element if `component="picture or img"`. */
7
- img: string;
8
- }
9
- export type CardMediaClassKey = keyof CardMediaClasses;
10
- export declare function getCardMediaUtilityClass(slot: string): string;
11
- declare const cardMediaClasses: CardMediaClasses;
12
- export default cardMediaClasses;
1
+ export interface CardMediaClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
5
+ media: string;
6
+ /** Styles applied to the root element if `component="picture or img"`. */
7
+ img: string;
8
+ }
9
+ export type CardMediaClassKey = keyof CardMediaClasses;
10
+ export declare function getCardMediaUtilityClass(slot: string): string;
11
+ declare const cardMediaClasses: CardMediaClasses;
12
+ export default cardMediaClasses;
@@ -1,22 +1,22 @@
1
- export interface CheckboxClasses {
2
- /** Class name applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** State class applied to the root element if `indeterminate={true}`. */
9
- indeterminate: string;
10
- /** State class applied to the root element if `color="primary"`. */
11
- colorPrimary: string;
12
- /** State class applied to the root element if `color="secondary"`. */
13
- colorSecondary: string;
14
- /** State class applied to the root element if `size="small"`. */
15
- sizeSmall: string;
16
- /** State class applied to the root element if `size="medium"`. */
17
- sizeMedium: string;
18
- }
19
- export type CheckboxClassKey = keyof CheckboxClasses;
20
- export declare function getCheckboxUtilityClass(slot: string): string;
21
- declare const checkboxClasses: CheckboxClasses;
22
- export default checkboxClasses;
1
+ export interface CheckboxClasses {
2
+ /** Class name applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** State class applied to the root element if `indeterminate={true}`. */
9
+ indeterminate: string;
10
+ /** State class applied to the root element if `color="primary"`. */
11
+ colorPrimary: string;
12
+ /** State class applied to the root element if `color="secondary"`. */
13
+ colorSecondary: string;
14
+ /** State class applied to the root element if `size="small"`. */
15
+ sizeSmall: string;
16
+ /** State class applied to the root element if `size="medium"`. */
17
+ sizeMedium: string;
18
+ }
19
+ export type CheckboxClassKey = keyof CheckboxClasses;
20
+ export declare function getCheckboxUtilityClass(slot: string): string;
21
+ declare const checkboxClasses: CheckboxClasses;
22
+ export default checkboxClasses;