@mui/material 5.4.3 → 5.5.1

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 (242) 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 +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/AvatarGroup.js +4 -2
  11. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  12. package/BottomNavigation/BottomNavigation.js +0 -0
  13. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  14. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  15. package/Box/Box.js +1 -1
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +76 -76
  18. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  19. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  20. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  21. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  22. package/CHANGELOG.md +214 -2
  23. package/Card/cardClasses.d.ts +8 -8
  24. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  25. package/CardActions/cardActionsClasses.d.ts +10 -10
  26. package/CardContent/cardContentClasses.d.ts +8 -8
  27. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  28. package/CardMedia/cardMediaClasses.d.ts +12 -12
  29. package/Checkbox/checkboxClasses.d.ts +18 -18
  30. package/Chip/Chip.js +1 -0
  31. package/Chip/chipClasses.d.ts +80 -80
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +2 -2
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +22 -22
  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/Fab.js +1 -0
  45. package/Fab/fabClasses.d.ts +26 -26
  46. package/FilledInput/FilledInput.js +1 -1
  47. package/FilledInput/filledInputClasses.d.ts +40 -40
  48. package/FilledInput/filledInputClasses.js +5 -1
  49. package/FormControl/formControlClasses.d.ts +14 -14
  50. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  51. package/FormGroup/formGroupClasses.d.ts +12 -12
  52. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  53. package/FormLabel/formLabelClasses.d.ts +22 -22
  54. package/Grid/Grid.js +10 -14
  55. package/Grid/gridClasses.d.ts +48 -48
  56. package/Icon/iconClasses.d.ts +24 -24
  57. package/IconButton/iconButtonClasses.d.ts +26 -26
  58. package/ImageList/imageListClasses.d.ts +16 -16
  59. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  60. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  61. package/Input/Input.js +1 -1
  62. package/Input/inputClasses.d.ts +34 -34
  63. package/Input/inputClasses.js +5 -1
  64. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  65. package/InputBase/InputBase.d.ts +1 -1
  66. package/InputBase/InputBase.js +1 -1
  67. package/InputBase/inputBaseClasses.d.ts +44 -44
  68. package/InputLabel/inputLabelClasses.d.ts +32 -32
  69. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  70. package/Link/linkClasses.d.ts +18 -18
  71. package/List/listClasses.d.ts +14 -14
  72. package/ListItem/listItemClasses.d.ts +30 -30
  73. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  74. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  75. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  76. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  77. package/ListItemText/listItemTextClasses.d.ts +18 -18
  78. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  79. package/Menu/menuClasses.d.ts +12 -12
  80. package/MenuItem/menuItemClasses.d.ts +20 -20
  81. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  82. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  83. package/OutlinedInput/NotchedOutline.js +6 -2
  84. package/OutlinedInput/OutlinedInput.js +1 -1
  85. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  86. package/OutlinedInput/outlinedInputClasses.js +5 -1
  87. package/Pagination/paginationClasses.d.ts +14 -14
  88. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  89. package/Paper/paperClasses.d.ts +39 -39
  90. package/Popover/popoverClasses.d.ts +10 -10
  91. package/Popper/Popper.d.ts +17 -17
  92. package/Popper/Popper.js +7 -2
  93. package/README.md +2 -1
  94. package/Radio/radioClasses.d.ts +16 -16
  95. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  96. package/RadioGroup/useRadioGroup.d.ts +4 -4
  97. package/Rating/ratingClasses.d.ts +40 -40
  98. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  99. package/Select/Select.d.ts +2 -0
  100. package/Select/selectClasses.d.ts +30 -30
  101. package/Skeleton/skeletonClasses.d.ts +24 -24
  102. package/Snackbar/Snackbar.js +1 -1
  103. package/Snackbar/snackbarClasses.d.ts +20 -20
  104. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  105. package/SpeedDial/speedDialClasses.d.ts +22 -22
  106. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  107. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  108. package/Step/StepContext.d.ts +20 -20
  109. package/Step/stepClasses.d.ts +16 -16
  110. package/StepButton/stepButtonClasses.d.ts +14 -14
  111. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  112. package/StepContent/stepContentClasses.d.ts +12 -12
  113. package/StepIcon/stepIconClasses.d.ts +16 -16
  114. package/StepLabel/stepLabelClasses.d.ts +28 -28
  115. package/Stepper/stepperClasses.d.ts +14 -14
  116. package/SvgIcon/SvgIcon.js +1 -0
  117. package/SvgIcon/svgIconClasses.d.ts +24 -24
  118. package/Switch/switchClasses.d.ts +32 -32
  119. package/Tab/tabClasses.d.ts +26 -26
  120. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  121. package/Table/tableClasses.d.ts +10 -10
  122. package/TableBody/tableBodyClasses.d.ts +8 -8
  123. package/TableCell/tableCellClasses.d.ts +32 -32
  124. package/TableContainer/tableContainerClasses.d.ts +8 -8
  125. package/TableFooter/tableFooterClasses.d.ts +8 -8
  126. package/TableHead/tableHeadClasses.d.ts +8 -8
  127. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  128. package/TableRow/tableRowClasses.d.ts +16 -16
  129. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  130. package/Tabs/tabsClasses.d.ts +32 -32
  131. package/TextField/textFieldClasses.d.ts +8 -8
  132. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  133. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  134. package/Toolbar/toolbarClasses.d.ts +14 -14
  135. package/Tooltip/tooltipClasses.d.ts +30 -30
  136. package/Typography/typographyClasses.d.ts +50 -50
  137. package/className/index.d.ts +8 -0
  138. package/className/index.js +9 -0
  139. package/className/package.json +6 -0
  140. package/darkScrollbar/index.d.ts +28 -28
  141. package/index.js +1 -1
  142. package/internal/switchBaseClasses.d.ts +12 -12
  143. package/legacy/AvatarGroup/AvatarGroup.js +4 -2
  144. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  145. package/legacy/Box/Box.js +1 -1
  146. package/legacy/Chip/Chip.js +1 -0
  147. package/legacy/Fab/Fab.js +1 -0
  148. package/legacy/FilledInput/FilledInput.js +1 -1
  149. package/legacy/FilledInput/filledInputClasses.js +5 -1
  150. package/legacy/Grid/Grid.js +11 -17
  151. package/legacy/Input/Input.js +1 -1
  152. package/legacy/Input/inputClasses.js +5 -1
  153. package/legacy/InputBase/InputBase.js +1 -1
  154. package/legacy/OutlinedInput/NotchedOutline.js +6 -2
  155. package/legacy/OutlinedInput/OutlinedInput.js +1 -1
  156. package/legacy/OutlinedInput/outlinedInputClasses.js +5 -1
  157. package/legacy/Popper/Popper.js +7 -2
  158. package/legacy/Snackbar/Snackbar.js +1 -1
  159. package/legacy/SvgIcon/SvgIcon.js +1 -0
  160. package/legacy/className/index.js +9 -0
  161. package/legacy/index.js +1 -1
  162. package/legacy/locale/index.js +347 -80
  163. package/legacy/styles/makeStyles.js +1 -1
  164. package/legacy/styles/withStyles.js +1 -1
  165. package/legacy/styles/withTheme.js +1 -1
  166. package/legacy/styles/zIndex.js +1 -0
  167. package/legacy/utils/index.js +10 -2
  168. package/locale/index.d.ts +71 -68
  169. package/locale/index.js +264 -0
  170. package/modern/AvatarGroup/AvatarGroup.js +4 -2
  171. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  172. package/modern/Box/Box.js +1 -1
  173. package/modern/Chip/Chip.js +1 -0
  174. package/modern/Fab/Fab.js +1 -0
  175. package/modern/FilledInput/FilledInput.js +1 -1
  176. package/modern/FilledInput/filledInputClasses.js +5 -1
  177. package/modern/Grid/Grid.js +10 -14
  178. package/modern/Input/Input.js +1 -1
  179. package/modern/Input/inputClasses.js +5 -1
  180. package/modern/InputBase/InputBase.js +1 -1
  181. package/modern/OutlinedInput/NotchedOutline.js +6 -2
  182. package/modern/OutlinedInput/OutlinedInput.js +1 -1
  183. package/modern/OutlinedInput/outlinedInputClasses.js +5 -1
  184. package/modern/Popper/Popper.js +7 -2
  185. package/modern/Snackbar/Snackbar.js +1 -1
  186. package/modern/SvgIcon/SvgIcon.js +1 -0
  187. package/modern/className/index.js +9 -0
  188. package/modern/index.js +1 -1
  189. package/modern/locale/index.js +264 -0
  190. package/modern/styles/makeStyles.js +1 -1
  191. package/modern/styles/withStyles.js +1 -1
  192. package/modern/styles/withTheme.js +1 -1
  193. package/modern/styles/zIndex.js +1 -0
  194. package/modern/utils/index.js +10 -2
  195. package/node/AvatarGroup/AvatarGroup.js +4 -2
  196. package/node/BottomNavigation/BottomNavigation.js +0 -0
  197. package/node/Box/Box.js +2 -2
  198. package/node/Chip/Chip.js +1 -0
  199. package/node/Fab/Fab.js +1 -0
  200. package/node/FilledInput/FilledInput.js +1 -1
  201. package/node/FilledInput/filledInputClasses.js +7 -1
  202. package/node/Grid/Grid.js +10 -14
  203. package/node/Input/Input.js +1 -1
  204. package/node/Input/inputClasses.js +7 -1
  205. package/node/InputBase/InputBase.js +1 -1
  206. package/node/OutlinedInput/NotchedOutline.js +6 -2
  207. package/node/OutlinedInput/OutlinedInput.js +1 -1
  208. package/node/OutlinedInput/outlinedInputClasses.js +7 -1
  209. package/node/Popper/Popper.js +8 -2
  210. package/node/Snackbar/Snackbar.js +1 -1
  211. package/node/SvgIcon/SvgIcon.js +1 -0
  212. package/node/className/index.js +13 -0
  213. package/node/index.js +1 -1
  214. package/node/locale/index.js +271 -4
  215. package/node/styles/makeStyles.js +1 -1
  216. package/node/styles/withStyles.js +1 -1
  217. package/node/styles/withTheme.js +1 -1
  218. package/node/styles/zIndex.js +1 -0
  219. package/node/utils/index.js +13 -7
  220. package/package.json +7 -7
  221. package/styles/components.d.ts +3 -339
  222. package/styles/makeStyles.js +1 -1
  223. package/styles/props.d.ts +2 -0
  224. package/styles/withStyles.js +1 -1
  225. package/styles/withTheme.js +1 -1
  226. package/styles/zIndex.d.ts +1 -0
  227. package/styles/zIndex.js +1 -0
  228. package/transitions/index.d.ts +1 -1
  229. package/transitions/transition.d.ts +13 -13
  230. package/transitions/utils.d.ts +23 -23
  231. package/umd/material-ui.development.js +5032 -4835
  232. package/umd/material-ui.production.min.js +21 -21
  233. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  234. package/usePagination/usePagination.d.ts +1 -1
  235. package/useTouchRipple/index.d.ts +1 -1
  236. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  237. package/utils/getScrollbarSize.d.ts +2 -2
  238. package/utils/index.d.ts +1 -1
  239. package/utils/index.js +10 -2
  240. package/utils/ownerDocument.d.ts +2 -2
  241. package/utils/ownerWindow.d.ts +2 -2
  242. package/utils/setRef.d.ts +2 -2
@@ -27,7 +27,9 @@ var NotchedOutlineLegend = styled('legend')(function (_ref) {
27
27
  var ownerState = _ref.ownerState,
28
28
  theme = _ref.theme;
29
29
  return _extends({
30
- float: 'unset'
30
+ float: 'unset',
31
+ // Fix conflict with bootstrap
32
+ overflow: 'hidden'
31
33
  }, !ownerState.withLabel && {
32
34
  padding: 0,
33
35
  lineHeight: '11px',
@@ -55,7 +57,9 @@ var NotchedOutlineLegend = styled('legend')(function (_ref) {
55
57
  '& > span': {
56
58
  paddingLeft: 5,
57
59
  paddingRight: 5,
58
- display: 'inline-block'
60
+ display: 'inline-block',
61
+ opacity: 0,
62
+ visibility: 'visible'
59
63
  }
60
64
  }, ownerState.notched && {
61
65
  maxWidth: '100%',
@@ -272,7 +272,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes
272
272
  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
273
273
 
274
274
  /**
275
- * If `true`, a `textarea` element is rendered.
275
+ * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
276
276
  * @default false
277
277
  */
278
278
  multiline: PropTypes.bool,
@@ -1,6 +1,10 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
3
+ import { inputBaseClasses } from '../InputBase';
2
4
  export function getOutlinedInputUtilityClass(slot) {
3
5
  return generateUtilityClass('MuiOutlinedInput', slot);
4
6
  }
5
- var outlinedInputClasses = generateUtilityClasses('MuiOutlinedInput', ['root', 'colorSecondary', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'notchedOutline', 'input', 'inputSizeSmall', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);
7
+
8
+ var outlinedInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
9
+
6
10
  export default outlinedInputClasses;
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
4
4
  import PopperUnstyled from '@mui/base/PopperUnstyled';
5
5
  import { HTMLElementType, refType } from '@mui/utils';
6
6
  import { useThemeWithoutDefault as useTheme } from '@mui/system';
7
+ import useThemeProps from '../styles/useThemeProps';
7
8
  import { jsx as _jsx } from "react/jsx-runtime";
8
9
 
9
10
  /**
@@ -18,8 +19,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
18
19
  *
19
20
  * - [Popper API](https://mui.com/api/popper/)
20
21
  */
21
- var Popper = /*#__PURE__*/React.forwardRef(function Popper(props, ref) {
22
+ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
22
23
  var theme = useTheme();
24
+ var props = useThemeProps({
25
+ props: inProps,
26
+ name: 'MuiPopper'
27
+ });
23
28
  return /*#__PURE__*/_jsx(PopperUnstyled, _extends({
24
29
  direction: theme == null ? void 0 : theme.direction
25
30
  }, props, {
@@ -90,7 +95,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes
90
95
  effect: PropTypes.func,
91
96
  enabled: PropTypes.bool,
92
97
  fn: PropTypes.func,
93
- name: PropTypes.any.isRequired,
98
+ name: PropTypes.any,
94
99
  options: PropTypes.object,
95
100
  phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
96
101
  requires: PropTypes.arrayOf(PropTypes.string),
@@ -290,7 +290,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
290
290
  onMouseLeave: handleMouseLeave,
291
291
  ownerState: ownerState,
292
292
  ref: ref // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
293
- // See https://github.com/mui-org/material-ui/issues/29080
293
+ // See https://github.com/mui/material-ui/issues/29080
294
294
  ,
295
295
  role: "presentation"
296
296
  }, other, {
@@ -83,6 +83,7 @@ var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
83
83
  color: color,
84
84
  component: component,
85
85
  fontSize: fontSize,
86
+ instanceFontSize: inProps.fontSize,
86
87
  inheritViewBox: inheritViewBox,
87
88
  viewBox: viewBox
88
89
  });
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Caution! this module must not include unstyled components import from `@mui/base`, otherwise, it will break the ClassNameGenerator.
3
+ * ❌ import { ... } from '@mui/base';
4
+ * ✅ import { ... } from '@mui/base/utils'; // must be specific base module
5
+ *
6
+ * Issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401
7
+ */
8
+ // eslint-disable-next-line import/prefer-default-export
9
+ export { unstable_ClassNameGenerator } from '@mui/base/className';
package/legacy/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.4.3
1
+ /** @license MUI v5.5.1
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.