@mui/material 5.9.1 → 5.10.0

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 (250) 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/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/Badge.js +1 -1
  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/Button.js +8 -3
  19. package/Button/buttonClasses.d.ts +100 -100
  20. package/ButtonBase/TouchRipple.js +1 -1
  21. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  22. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  23. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  24. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  25. package/CHANGELOG.md +200 -9
  26. package/Card/cardClasses.d.ts +8 -8
  27. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  28. package/CardActions/cardActionsClasses.d.ts +10 -10
  29. package/CardContent/cardContentClasses.d.ts +8 -8
  30. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  31. package/CardMedia/cardMediaClasses.d.ts +12 -12
  32. package/Checkbox/checkboxClasses.d.ts +18 -18
  33. package/Chip/Chip.js +5 -7
  34. package/Chip/chipClasses.d.ts +88 -80
  35. package/Chip/chipClasses.js +1 -1
  36. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  37. package/ClickAwayListener/index.d.ts +2 -2
  38. package/Collapse/collapseClasses.d.ts +18 -18
  39. package/Container/containerClasses.d.ts +6 -6
  40. package/Dialog/Dialog.js +2 -1
  41. package/Dialog/DialogContext.d.ts +6 -6
  42. package/Dialog/dialogClasses.d.ts +36 -36
  43. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  44. package/DialogContent/dialogContentClasses.d.ts +10 -10
  45. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  46. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  47. package/Divider/dividerClasses.d.ts +34 -34
  48. package/Drawer/drawerClasses.d.ts +30 -30
  49. package/Fab/fabClasses.d.ts +26 -26
  50. package/FilledInput/filledInputClasses.d.ts +40 -40
  51. package/FormControl/formControlClasses.d.ts +14 -14
  52. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  53. package/FormGroup/formGroupClasses.d.ts +12 -12
  54. package/FormHelperText/FormHelperText.d.ts +7 -1
  55. package/FormHelperText/FormHelperText.js +3 -1
  56. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  57. package/FormLabel/formLabelClasses.d.ts +22 -22
  58. package/Grid/Grid.d.ts +1 -1
  59. package/Grid/Grid.js +71 -4
  60. package/Grid/gridClasses.d.ts +48 -48
  61. package/Icon/iconClasses.d.ts +24 -24
  62. package/IconButton/iconButtonClasses.d.ts +26 -26
  63. package/ImageList/imageListClasses.d.ts +16 -16
  64. package/ImageListItem/ImageListItem.js +4 -4
  65. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  66. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  67. package/Input/inputClasses.d.ts +34 -34
  68. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  69. package/InputBase/InputBase.js +3 -2
  70. package/InputBase/inputBaseClasses.d.ts +46 -44
  71. package/InputBase/inputBaseClasses.js +1 -1
  72. package/InputLabel/inputLabelClasses.d.ts +32 -32
  73. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  74. package/Link/getTextDecoration.d.ts +15 -15
  75. package/Link/linkClasses.d.ts +18 -18
  76. package/List/listClasses.d.ts +14 -14
  77. package/ListItem/listItemClasses.d.ts +30 -30
  78. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  79. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  80. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  81. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  82. package/ListItemText/listItemTextClasses.d.ts +18 -18
  83. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  84. package/Menu/menuClasses.d.ts +12 -12
  85. package/MenuItem/menuItemClasses.d.ts +20 -20
  86. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  87. package/Modal/Modal.d.ts +2 -1
  88. package/Modal/Modal.js +2 -1
  89. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  90. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  91. package/OverridableComponent.d.ts +4 -0
  92. package/Pagination/paginationClasses.d.ts +14 -14
  93. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  94. package/Paper/paperClasses.d.ts +39 -39
  95. package/Popover/popoverClasses.d.ts +10 -10
  96. package/Popper/Popper.d.ts +24 -24
  97. package/Popper/Popper.js +24 -0
  98. package/README.md +5 -4
  99. package/Radio/radioClasses.d.ts +16 -16
  100. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  101. package/RadioGroup/useRadioGroup.d.ts +4 -4
  102. package/Rating/ratingClasses.d.ts +40 -40
  103. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  104. package/Select/SelectInput.js +1 -1
  105. package/Select/selectClasses.d.ts +30 -30
  106. package/Skeleton/Skeleton.d.ts +1 -1
  107. package/Skeleton/Skeleton.js +3 -1
  108. package/Skeleton/skeletonClasses.d.ts +26 -24
  109. package/Skeleton/skeletonClasses.js +1 -1
  110. package/Snackbar/snackbarClasses.d.ts +20 -20
  111. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  112. package/SpeedDial/speedDialClasses.d.ts +22 -22
  113. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  114. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  115. package/Stack/Stack.js +15 -2
  116. package/Step/StepContext.d.ts +20 -20
  117. package/Step/stepClasses.d.ts +16 -16
  118. package/StepButton/stepButtonClasses.d.ts +14 -14
  119. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  120. package/StepContent/stepContentClasses.d.ts +12 -12
  121. package/StepIcon/stepIconClasses.d.ts +16 -16
  122. package/StepLabel/StepLabel.js +1 -1
  123. package/StepLabel/stepLabelClasses.d.ts +28 -28
  124. package/Stepper/StepperContext.d.ts +18 -18
  125. package/Stepper/stepperClasses.d.ts +14 -14
  126. package/SvgIcon/svgIconClasses.d.ts +24 -24
  127. package/Switch/switchClasses.d.ts +32 -32
  128. package/Tab/tabClasses.d.ts +26 -26
  129. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  130. package/Table/tableClasses.d.ts +10 -10
  131. package/TableBody/tableBodyClasses.d.ts +8 -8
  132. package/TableCell/TableCell.d.ts +4 -1
  133. package/TableCell/TableCell.js +3 -1
  134. package/TableCell/tableCellClasses.d.ts +32 -32
  135. package/TableContainer/tableContainerClasses.d.ts +8 -8
  136. package/TableFooter/tableFooterClasses.d.ts +8 -8
  137. package/TableHead/tableHeadClasses.d.ts +8 -8
  138. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  139. package/TableRow/tableRowClasses.d.ts +16 -16
  140. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  141. package/Tabs/Tabs.d.ts +7 -1
  142. package/Tabs/Tabs.js +3 -1
  143. package/Tabs/tabsClasses.d.ts +32 -32
  144. package/TextField/textFieldClasses.d.ts +8 -8
  145. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  146. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  147. package/Toolbar/toolbarClasses.d.ts +14 -14
  148. package/Tooltip/Tooltip.js +6 -7
  149. package/Tooltip/tooltipClasses.d.ts +30 -30
  150. package/Typography/typographyClasses.d.ts +50 -50
  151. package/Unstable_Grid2/Grid2.d.ts +4 -4
  152. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  153. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  154. package/Unstable_Grid2/index.d.ts +4 -4
  155. package/className/index.d.ts +1 -1
  156. package/darkScrollbar/index.d.ts +28 -28
  157. package/index.js +1 -1
  158. package/internal/switchBaseClasses.d.ts +12 -12
  159. package/legacy/Badge/Badge.js +1 -1
  160. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  161. package/legacy/Button/Button.js +4 -2
  162. package/legacy/ButtonBase/TouchRipple.js +1 -1
  163. package/legacy/Chip/Chip.js +4 -6
  164. package/legacy/Chip/chipClasses.js +1 -1
  165. package/legacy/Dialog/Dialog.js +2 -1
  166. package/legacy/FormHelperText/FormHelperText.js +3 -1
  167. package/legacy/Grid/Grid.js +76 -12
  168. package/legacy/ImageListItem/ImageListItem.js +4 -4
  169. package/legacy/InputBase/InputBase.js +3 -2
  170. package/legacy/InputBase/inputBaseClasses.js +1 -1
  171. package/legacy/Modal/Modal.js +2 -1
  172. package/legacy/Popper/Popper.js +24 -0
  173. package/legacy/Select/SelectInput.js +1 -1
  174. package/legacy/Skeleton/Skeleton.js +3 -1
  175. package/legacy/Skeleton/skeletonClasses.js +1 -1
  176. package/legacy/Stack/Stack.js +15 -2
  177. package/legacy/StepLabel/StepLabel.js +1 -1
  178. package/legacy/TableCell/TableCell.js +3 -1
  179. package/legacy/Tabs/Tabs.js +3 -1
  180. package/legacy/Tooltip/Tooltip.js +6 -7
  181. package/legacy/index.js +1 -1
  182. package/legacy/styles/createTheme.js +5 -0
  183. package/legacy/useScrollTrigger/useScrollTrigger.js +6 -2
  184. package/locale/index.d.ts +71 -71
  185. package/modern/Badge/Badge.js +1 -1
  186. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  187. package/modern/Button/Button.js +8 -3
  188. package/modern/ButtonBase/TouchRipple.js +1 -1
  189. package/modern/Chip/Chip.js +5 -7
  190. package/modern/Chip/chipClasses.js +1 -1
  191. package/modern/Dialog/Dialog.js +2 -1
  192. package/modern/FormHelperText/FormHelperText.js +3 -1
  193. package/modern/Grid/Grid.js +67 -4
  194. package/modern/ImageListItem/ImageListItem.js +4 -4
  195. package/modern/InputBase/InputBase.js +3 -2
  196. package/modern/InputBase/inputBaseClasses.js +1 -1
  197. package/modern/Modal/Modal.js +2 -1
  198. package/modern/Popper/Popper.js +24 -0
  199. package/modern/Select/SelectInput.js +1 -1
  200. package/modern/Skeleton/Skeleton.js +3 -1
  201. package/modern/Skeleton/skeletonClasses.js +1 -1
  202. package/modern/Stack/Stack.js +15 -2
  203. package/modern/StepLabel/StepLabel.js +1 -1
  204. package/modern/TableCell/TableCell.js +3 -1
  205. package/modern/Tabs/Tabs.js +3 -1
  206. package/modern/Tooltip/Tooltip.js +6 -7
  207. package/modern/index.js +1 -1
  208. package/modern/styles/createTheme.js +6 -0
  209. package/modern/useScrollTrigger/useScrollTrigger.js +6 -2
  210. package/node/Badge/Badge.js +1 -1
  211. package/node/BottomNavigation/BottomNavigation.js +0 -0
  212. package/node/Button/Button.js +10 -3
  213. package/node/ButtonBase/TouchRipple.js +1 -1
  214. package/node/Chip/Chip.js +5 -7
  215. package/node/Chip/chipClasses.js +1 -1
  216. package/node/Dialog/Dialog.js +2 -1
  217. package/node/FormHelperText/FormHelperText.js +3 -1
  218. package/node/Grid/Grid.js +71 -4
  219. package/node/ImageListItem/ImageListItem.js +4 -4
  220. package/node/InputBase/InputBase.js +3 -2
  221. package/node/InputBase/inputBaseClasses.js +1 -1
  222. package/node/Modal/Modal.js +2 -1
  223. package/node/Popper/Popper.js +24 -0
  224. package/node/Select/SelectInput.js +1 -1
  225. package/node/Skeleton/Skeleton.js +3 -1
  226. package/node/Skeleton/skeletonClasses.js +1 -1
  227. package/node/Stack/Stack.js +14 -1
  228. package/node/StepLabel/StepLabel.js +1 -1
  229. package/node/TableCell/TableCell.js +3 -1
  230. package/node/Tabs/Tabs.js +3 -1
  231. package/node/Tooltip/Tooltip.js +6 -7
  232. package/node/index.js +1 -1
  233. package/node/styles/createTheme.js +6 -0
  234. package/node/useScrollTrigger/useScrollTrigger.js +6 -2
  235. package/package.json +6 -6
  236. package/styles/CssVarsProvider.d.ts +14 -14
  237. package/styles/createTheme.js +6 -0
  238. package/transitions/index.d.ts +1 -1
  239. package/transitions/transition.d.ts +13 -13
  240. package/transitions/utils.d.ts +23 -23
  241. package/umd/material-ui.development.js +288 -74
  242. package/umd/material-ui.production.min.js +20 -20
  243. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  244. package/useScrollTrigger/useScrollTrigger.js +6 -2
  245. package/useTouchRipple/index.d.ts +1 -1
  246. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  247. package/utils/getScrollbarSize.d.ts +2 -2
  248. package/utils/ownerDocument.d.ts +2 -2
  249. package/utils/ownerWindow.d.ts +2 -2
  250. package/utils/setRef.d.ts +2 -2
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
+ import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
3
4
  const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
4
5
  import { deepmerge } from '@mui/utils';
5
6
  import { generateUtilityClass } from '@mui/base';
@@ -20,6 +21,11 @@ function createTheme(options = {}, ...args) {
20
21
  } = options,
21
22
  other = _objectWithoutPropertiesLoose(options, _excluded);
22
23
 
24
+ if (options.vars) {
25
+ throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
26
+ Please use another name.` : _formatMuiErrorMessage(18));
27
+ }
28
+
23
29
  const palette = createPalette(paletteInput);
24
30
  const systemTheme = systemCreateTheme(options);
25
31
  let muiTheme = deepmerge(systemTheme, {
@@ -1 +1 @@
1
- export * from './transition';
1
+ export * from './transition';
@@ -1,13 +1,13 @@
1
- import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
2
- import * as React from 'react';
3
- export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
4
- export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
5
- export interface EasingProps {
6
- easing: string | {
7
- enter?: string;
8
- exit?: string;
9
- };
10
- }
11
- export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
12
- export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
13
- }
1
+ import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
2
+ import * as React from 'react';
3
+ export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
4
+ export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
5
+ export interface EasingProps {
6
+ easing: string | {
7
+ enter?: string;
8
+ exit?: string;
9
+ };
10
+ }
11
+ export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
12
+ export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
13
+ }
@@ -1,23 +1,23 @@
1
- import * as React from 'react';
2
- export declare const reflow: (node: Element) => number;
3
- interface ComponentProps {
4
- easing: string | {
5
- enter?: string;
6
- exit?: string;
7
- } | undefined;
8
- style: React.CSSProperties | undefined;
9
- timeout: number | {
10
- enter?: number;
11
- exit?: number;
12
- };
13
- }
14
- interface Options {
15
- mode: 'enter' | 'exit';
16
- }
17
- interface TransitionProps {
18
- duration: string | number;
19
- easing: string | undefined;
20
- delay: string | undefined;
21
- }
22
- export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
23
- export {};
1
+ import * as React from 'react';
2
+ export declare const reflow: (node: Element) => number;
3
+ interface ComponentProps {
4
+ easing: string | {
5
+ enter?: string;
6
+ exit?: string;
7
+ } | undefined;
8
+ style: React.CSSProperties | undefined;
9
+ timeout: number | {
10
+ enter?: number;
11
+ exit?: number;
12
+ };
13
+ }
14
+ interface Options {
15
+ mode: 'enter' | 'exit';
16
+ }
17
+ interface TransitionProps {
18
+ duration: string | number;
19
+ easing: string | undefined;
20
+ delay: string | undefined;
21
+ }
22
+ export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
23
+ export {};