@mui/material 9.0.0-alpha.4 → 9.0.0-beta.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 (308) hide show
  1. package/Accordion/Accordion.d.mts +1 -1
  2. package/Accordion/Accordion.d.ts +1 -1
  3. package/AccordionSummary/AccordionSummary.js +1 -0
  4. package/AccordionSummary/AccordionSummary.mjs +1 -0
  5. package/Backdrop/Backdrop.d.mts +1 -1
  6. package/Backdrop/Backdrop.d.ts +1 -1
  7. package/BottomNavigationAction/BottomNavigationAction.js +1 -0
  8. package/BottomNavigationAction/BottomNavigationAction.mjs +1 -0
  9. package/Breadcrumbs/BreadcrumbCollapsed.js +5 -1
  10. package/Breadcrumbs/BreadcrumbCollapsed.mjs +5 -1
  11. package/Button/Button.js +1 -0
  12. package/Button/Button.mjs +1 -0
  13. package/ButtonBase/ButtonBase.d.mts +5 -0
  14. package/ButtonBase/ButtonBase.d.ts +5 -0
  15. package/ButtonBase/ButtonBase.js +84 -85
  16. package/ButtonBase/ButtonBase.mjs +84 -85
  17. package/ButtonBase/useButtonBase.d.mts +91 -0
  18. package/ButtonBase/useButtonBase.d.ts +91 -0
  19. package/ButtonBase/useButtonBase.js +174 -0
  20. package/ButtonBase/useButtonBase.mjs +167 -0
  21. package/ButtonGroup/ButtonGroup.js +1 -9
  22. package/ButtonGroup/ButtonGroup.mjs +1 -9
  23. package/ButtonGroup/buttonGroupClasses.d.mts +0 -68
  24. package/ButtonGroup/buttonGroupClasses.d.ts +0 -68
  25. package/ButtonGroup/buttonGroupClasses.js +1 -1
  26. package/ButtonGroup/buttonGroupClasses.mjs +1 -1
  27. package/CHANGELOG.md +119 -4
  28. package/CardActionArea/CardActionArea.js +1 -0
  29. package/CardActionArea/CardActionArea.mjs +1 -0
  30. package/CardHeader/CardHeader.d.mts +13 -21
  31. package/CardHeader/CardHeader.d.ts +13 -21
  32. package/CardHeader/CardHeader.js +3 -21
  33. package/CardHeader/CardHeader.mjs +3 -21
  34. package/Checkbox/Checkbox.js +1 -7
  35. package/Checkbox/Checkbox.mjs +1 -7
  36. package/Chip/Chip.d.mts +7 -0
  37. package/Chip/Chip.d.ts +7 -0
  38. package/Chip/Chip.js +66 -55
  39. package/Chip/Chip.mjs +66 -55
  40. package/Chip/chipClasses.d.mts +0 -104
  41. package/Chip/chipClasses.d.ts +0 -104
  42. package/Chip/chipClasses.js +1 -1
  43. package/Chip/chipClasses.mjs +1 -1
  44. package/Dialog/Dialog.d.mts +8 -22
  45. package/Dialog/Dialog.d.ts +8 -22
  46. package/Dialog/Dialog.js +43 -72
  47. package/Dialog/Dialog.mjs +43 -72
  48. package/Dialog/dialogClasses.d.mts +0 -8
  49. package/Dialog/dialogClasses.d.ts +0 -8
  50. package/Dialog/dialogClasses.js +1 -1
  51. package/Dialog/dialogClasses.mjs +1 -1
  52. package/Divider/Divider.js +2 -10
  53. package/Divider/Divider.mjs +2 -10
  54. package/Divider/dividerClasses.d.mts +0 -4
  55. package/Divider/dividerClasses.d.ts +0 -4
  56. package/Divider/dividerClasses.js +1 -1
  57. package/Divider/dividerClasses.mjs +1 -1
  58. package/Drawer/Drawer.d.mts +1 -13
  59. package/Drawer/Drawer.d.ts +1 -13
  60. package/Drawer/Drawer.js +6 -40
  61. package/Drawer/Drawer.mjs +6 -40
  62. package/Drawer/drawerClasses.d.mts +0 -32
  63. package/Drawer/drawerClasses.d.ts +0 -32
  64. package/Drawer/drawerClasses.js +1 -1
  65. package/Drawer/drawerClasses.mjs +1 -1
  66. package/Fab/Fab.js +1 -0
  67. package/Fab/Fab.mjs +1 -0
  68. package/FilledInput/FilledInput.js +4 -33
  69. package/FilledInput/FilledInput.mjs +4 -33
  70. package/Grid/Grid.d.mts +8 -3
  71. package/Grid/Grid.d.ts +8 -3
  72. package/Grid/Grid.js +8 -3
  73. package/Grid/Grid.mjs +8 -3
  74. package/Grid/gridClasses.js +1 -1
  75. package/Grid/gridClasses.mjs +1 -1
  76. package/IconButton/IconButton.js +1 -0
  77. package/IconButton/IconButton.mjs +1 -0
  78. package/ImageListItemBar/ImageListItemBar.js +4 -17
  79. package/ImageListItemBar/ImageListItemBar.mjs +4 -17
  80. package/ImageListItemBar/imageListItemBarClasses.d.mts +0 -16
  81. package/ImageListItemBar/imageListItemBarClasses.d.ts +0 -16
  82. package/ImageListItemBar/imageListItemBarClasses.js +1 -1
  83. package/ImageListItemBar/imageListItemBarClasses.mjs +1 -1
  84. package/Input/Input.js +4 -33
  85. package/Input/Input.mjs +4 -33
  86. package/Input/inputClasses.d.mts +0 -16
  87. package/Input/inputClasses.d.ts +0 -16
  88. package/InputAdornment/inputAdornmentClasses.d.mts +2 -2
  89. package/InputAdornment/inputAdornmentClasses.d.ts +2 -2
  90. package/InputBase/InputBase.d.mts +0 -27
  91. package/InputBase/InputBase.d.ts +0 -27
  92. package/InputBase/InputBase.js +6 -35
  93. package/InputBase/InputBase.mjs +6 -35
  94. package/InputBase/inputBaseClasses.d.mts +0 -20
  95. package/InputBase/inputBaseClasses.d.ts +0 -20
  96. package/InputBase/inputBaseClasses.js +1 -1
  97. package/InputBase/inputBaseClasses.mjs +1 -1
  98. package/InputLabel/InputLabel.js +1 -1
  99. package/InputLabel/InputLabel.mjs +1 -1
  100. package/LinearProgress/LinearProgress.js +6 -18
  101. package/LinearProgress/LinearProgress.mjs +6 -18
  102. package/LinearProgress/linearProgressClasses.d.mts +0 -36
  103. package/LinearProgress/linearProgressClasses.d.ts +0 -36
  104. package/LinearProgress/linearProgressClasses.js +1 -1
  105. package/LinearProgress/linearProgressClasses.mjs +1 -1
  106. package/Link/Link.d.mts +1 -1
  107. package/Link/Link.d.ts +1 -1
  108. package/ListItem/ListItem.d.mts +2 -36
  109. package/ListItem/ListItem.d.ts +2 -36
  110. package/ListItem/ListItem.js +27 -152
  111. package/ListItem/ListItem.mjs +27 -152
  112. package/ListItem/listItemClasses.d.mts +2 -4
  113. package/ListItem/listItemClasses.d.ts +2 -4
  114. package/ListItem/listItemClasses.js +1 -1
  115. package/ListItem/listItemClasses.mjs +1 -1
  116. package/ListItemButton/ListItemButton.d.mts +1 -2
  117. package/ListItemButton/ListItemButton.d.ts +1 -2
  118. package/ListItemButton/ListItemButton.js +2 -2
  119. package/ListItemButton/ListItemButton.mjs +2 -2
  120. package/ListItemIcon/ListItemIcon.js +1 -1
  121. package/ListItemIcon/ListItemIcon.mjs +1 -1
  122. package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +10 -6
  123. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +10 -6
  124. package/ListItemSecondaryAction/ListItemSecondaryAction.js +7 -2
  125. package/ListItemSecondaryAction/ListItemSecondaryAction.mjs +7 -2
  126. package/ListItemText/ListItemText.d.mts +12 -20
  127. package/ListItemText/ListItemText.d.ts +12 -20
  128. package/ListItemText/ListItemText.js +2 -20
  129. package/ListItemText/ListItemText.mjs +2 -20
  130. package/ListSubheader/ListSubheader.js +0 -3
  131. package/ListSubheader/ListSubheader.mjs +0 -3
  132. package/Menu/Menu.d.mts +1 -1
  133. package/Menu/Menu.d.ts +1 -1
  134. package/Menu/Menu.js +15 -32
  135. package/Menu/Menu.mjs +15 -32
  136. package/MenuItem/MenuItem.js +36 -26
  137. package/MenuItem/MenuItem.mjs +34 -26
  138. package/MenuList/MenuList.js +136 -101
  139. package/MenuList/MenuList.mjs +135 -100
  140. package/MenuList/MenuListContext.d.mts +11 -0
  141. package/MenuList/MenuListContext.d.ts +11 -0
  142. package/MenuList/MenuListContext.js +25 -0
  143. package/MenuList/MenuListContext.mjs +19 -0
  144. package/Modal/Modal.d.mts +1 -41
  145. package/Modal/Modal.d.ts +1 -41
  146. package/Modal/Modal.js +5 -58
  147. package/Modal/Modal.mjs +5 -58
  148. package/OutlinedInput/OutlinedInput.js +2 -14
  149. package/OutlinedInput/OutlinedInput.mjs +2 -14
  150. package/OutlinedInput/outlinedInputClasses.d.mts +0 -16
  151. package/OutlinedInput/outlinedInputClasses.d.ts +0 -16
  152. package/PaginationItem/PaginationItem.d.mts +5 -15
  153. package/PaginationItem/PaginationItem.d.ts +5 -15
  154. package/PaginationItem/PaginationItem.js +9 -24
  155. package/PaginationItem/PaginationItem.mjs +9 -24
  156. package/PaginationItem/paginationItemClasses.d.mts +0 -16
  157. package/PaginationItem/paginationItemClasses.d.ts +0 -16
  158. package/PaginationItem/paginationItemClasses.js +1 -1
  159. package/PaginationItem/paginationItemClasses.mjs +1 -1
  160. package/PigmentGrid/PigmentGrid.d.mts +1 -1
  161. package/PigmentGrid/PigmentGrid.d.ts +1 -1
  162. package/PigmentGrid/PigmentGrid.js +1 -1
  163. package/PigmentGrid/PigmentGrid.mjs +1 -1
  164. package/Popover/Popover.d.mts +1 -1
  165. package/Popover/Popover.d.ts +1 -1
  166. package/Popover/Popover.js +19 -7
  167. package/Popover/Popover.mjs +18 -6
  168. package/Radio/Radio.js +1 -13
  169. package/Radio/Radio.mjs +1 -13
  170. package/Rating/Rating.d.mts +0 -9
  171. package/Rating/Rating.d.ts +0 -9
  172. package/Rating/Rating.js +1 -17
  173. package/Rating/Rating.mjs +1 -17
  174. package/Select/SelectInput.js +2 -3
  175. package/Select/SelectInput.mjs +2 -3
  176. package/Select/selectClasses.d.mts +0 -12
  177. package/Select/selectClasses.d.ts +0 -12
  178. package/Select/selectClasses.js +1 -1
  179. package/Select/selectClasses.mjs +1 -1
  180. package/Slider/Slider.d.mts +0 -5
  181. package/Slider/Slider.d.ts +0 -5
  182. package/Slider/Slider.js +2 -8
  183. package/Slider/Slider.mjs +2 -8
  184. package/Slider/sliderClasses.d.mts +0 -28
  185. package/Slider/sliderClasses.d.ts +0 -28
  186. package/Slider/sliderClasses.js +1 -1
  187. package/Slider/sliderClasses.mjs +1 -1
  188. package/Snackbar/Snackbar.d.mts +1 -1
  189. package/Snackbar/Snackbar.d.ts +1 -1
  190. package/SpeedDial/SpeedDial.d.mts +1 -1
  191. package/SpeedDial/SpeedDial.d.ts +1 -1
  192. package/Stack/Stack.d.mts +2 -2
  193. package/Stack/Stack.d.ts +2 -2
  194. package/StepButton/StepButton.js +44 -14
  195. package/StepButton/StepButton.mjs +44 -14
  196. package/StepConnector/StepConnector.js +2 -8
  197. package/StepConnector/StepConnector.mjs +2 -8
  198. package/StepConnector/stepConnectorClasses.d.mts +0 -8
  199. package/StepConnector/stepConnectorClasses.d.ts +0 -8
  200. package/StepConnector/stepConnectorClasses.js +1 -1
  201. package/StepConnector/stepConnectorClasses.mjs +1 -1
  202. package/StepContent/StepContent.d.mts +2 -17
  203. package/StepContent/StepContent.d.ts +2 -17
  204. package/StepContent/StepContent.js +3 -22
  205. package/StepContent/StepContent.mjs +3 -22
  206. package/StepLabel/StepLabel.d.mts +0 -22
  207. package/StepLabel/StepLabel.d.ts +0 -22
  208. package/StepLabel/StepLabel.js +2 -31
  209. package/StepLabel/StepLabel.mjs +2 -31
  210. package/Stepper/Stepper.js +54 -22
  211. package/Stepper/Stepper.mjs +54 -22
  212. package/Stepper/StepperContext.d.mts +0 -5
  213. package/Stepper/StepperContext.d.ts +0 -5
  214. package/Stepper/StepperContext.js +1 -2
  215. package/Stepper/StepperContext.mjs +0 -1
  216. package/SvgIcon/createSvgIcon.d.mts +2 -0
  217. package/SvgIcon/createSvgIcon.d.ts +2 -0
  218. package/SvgIcon/createSvgIcon.js +31 -0
  219. package/SvgIcon/createSvgIcon.mjs +26 -0
  220. package/SvgIcon/index.d.mts +1 -0
  221. package/SvgIcon/index.d.ts +1 -0
  222. package/SvgIcon/index.js +8 -0
  223. package/SvgIcon/index.mjs +1 -0
  224. package/SwipeableDrawer/SwipeableDrawer.d.mts +0 -5
  225. package/SwipeableDrawer/SwipeableDrawer.d.ts +0 -5
  226. package/SwipeableDrawer/SwipeableDrawer.js +6 -37
  227. package/SwipeableDrawer/SwipeableDrawer.mjs +6 -37
  228. package/Switch/Switch.js +0 -11
  229. package/Switch/Switch.mjs +0 -11
  230. package/Tab/Tab.js +18 -4
  231. package/Tab/Tab.mjs +18 -4
  232. package/Tab/tabClasses.d.mts +0 -4
  233. package/Tab/tabClasses.d.ts +0 -4
  234. package/Tab/tabClasses.js +1 -1
  235. package/Tab/tabClasses.mjs +1 -1
  236. package/TabScrollButton/TabScrollButton.d.mts +1 -1
  237. package/TabScrollButton/TabScrollButton.d.ts +1 -1
  238. package/TabScrollButton/TabScrollButton.js +6 -2
  239. package/TabScrollButton/TabScrollButton.mjs +6 -2
  240. package/TablePagination/TablePagination.d.mts +0 -24
  241. package/TablePagination/TablePagination.d.ts +0 -24
  242. package/TablePagination/TablePagination.js +1 -29
  243. package/TablePagination/TablePagination.mjs +1 -29
  244. package/TablePaginationActions/TablePaginationActions.d.mts +0 -10
  245. package/TablePaginationActions/TablePaginationActions.d.ts +0 -10
  246. package/TablePaginationActions/TablePaginationActions.js +2 -14
  247. package/TablePaginationActions/TablePaginationActions.mjs +2 -14
  248. package/TableSortLabel/TableSortLabel.js +6 -8
  249. package/TableSortLabel/TableSortLabel.mjs +6 -8
  250. package/TableSortLabel/tableSortLabelClasses.d.mts +0 -8
  251. package/TableSortLabel/tableSortLabelClasses.d.ts +0 -8
  252. package/TableSortLabel/tableSortLabelClasses.js +1 -1
  253. package/TableSortLabel/tableSortLabelClasses.mjs +1 -1
  254. package/Tabs/Tabs.js +33 -24
  255. package/Tabs/Tabs.mjs +32 -23
  256. package/Tabs/tabsClasses.d.mts +0 -6
  257. package/Tabs/tabsClasses.d.ts +0 -6
  258. package/Tabs/tabsClasses.js +1 -1
  259. package/Tabs/tabsClasses.mjs +1 -1
  260. package/ToggleButton/ToggleButton.js +1 -0
  261. package/ToggleButton/ToggleButton.mjs +1 -0
  262. package/ToggleButtonGroup/ToggleButtonGroup.js +1 -4
  263. package/ToggleButtonGroup/ToggleButtonGroup.mjs +1 -4
  264. package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts +0 -8
  265. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +0 -8
  266. package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  267. package/ToggleButtonGroup/toggleButtonGroupClasses.mjs +1 -1
  268. package/Tooltip/Tooltip.d.mts +1 -1
  269. package/Tooltip/Tooltip.d.ts +1 -1
  270. package/Typography/Typography.d.mts +3 -3
  271. package/Typography/Typography.d.ts +3 -3
  272. package/Typography/Typography.js +2 -24
  273. package/Typography/Typography.mjs +3 -25
  274. package/index.js +1 -1
  275. package/index.mjs +1 -1
  276. package/internal/SwitchBase.d.mts +2 -12
  277. package/internal/SwitchBase.d.ts +2 -12
  278. package/internal/SwitchBase.js +6 -17
  279. package/internal/SwitchBase.mjs +6 -17
  280. package/locale/psAF.js +1 -1
  281. package/locale/psAF.mjs +1 -1
  282. package/package.json +7 -7
  283. package/styles/createThemeWithVars.js +10 -9
  284. package/styles/createThemeWithVars.mjs +10 -9
  285. package/styles/stringifyTheme.js +1 -1
  286. package/styles/stringifyTheme.mjs +1 -1
  287. package/useAutocomplete/useAutocomplete.js +8 -0
  288. package/useAutocomplete/useAutocomplete.mjs +8 -0
  289. package/utils/createSvgIcon.d.mts +4 -2
  290. package/utils/createSvgIcon.d.ts +4 -2
  291. package/utils/createSvgIcon.js +6 -24
  292. package/utils/createSvgIcon.mjs +2 -24
  293. package/utils/focusWithVisible.js +24 -0
  294. package/utils/focusWithVisible.mjs +19 -0
  295. package/utils/index.d.mts +0 -1
  296. package/utils/index.d.ts +0 -1
  297. package/utils/index.js +0 -7
  298. package/utils/index.mjs +0 -1
  299. package/utils/useFocusableWhenDisabled.d.mts +30 -0
  300. package/utils/useFocusableWhenDisabled.d.ts +30 -0
  301. package/utils/useFocusableWhenDisabled.js +47 -0
  302. package/utils/useFocusableWhenDisabled.mjs +41 -0
  303. package/utils/useRovingTabIndex.d.mts +1 -2
  304. package/utils/useRovingTabIndex.d.ts +1 -2
  305. package/utils/useRovingTabIndex.js +25 -4
  306. package/utils/useRovingTabIndex.mjs +1 -2
  307. package/version/index.js +2 -2
  308. package/version/index.mjs +2 -2
@@ -23,124 +23,20 @@ export interface ChipClasses {
23
23
  disabled: string;
24
24
  /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
25
25
  clickable: string;
26
- /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`.
27
- * @deprecated Combine the [.MuiChip-clickable](/material-ui/api/chip/#chip-classes-MuiChip-clickable) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
28
- */
29
- clickableColorPrimary: string;
30
- /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`.
31
- * @deprecated Combine the [.MuiChip-clickable](/material-ui/api/chip/#chip-classes-MuiChip-clickable) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
32
- */
33
- clickableColorSecondary: string;
34
26
  /** Styles applied to the root element if `onDelete` is defined. */
35
27
  deletable: string;
36
- /** Styles applied to the root element if `onDelete` and `color="primary"` is defined.
37
- * @deprecated Combine the [.MuiChip-deletable](/material-ui/api/chip/#chip-classes-MuiChip-deletable) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
38
- */
39
- deletableColorPrimary: string;
40
- /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined.
41
- * @deprecated Combine the [.MuiChip-deletable](/material-ui/api/chip/#chip-classes-MuiChip-deletable) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
42
- */
43
- deletableColorSecondary: string;
44
28
  /** Styles applied to the root element if `variant="outlined"`. */
45
29
  outlined: string;
46
30
  /** Styles applied to the root element if `variant="filled"`. */
47
31
  filled: string;
48
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
49
- * @deprecated Combine the [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
50
- */
51
- outlinedPrimary: string;
52
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
53
- * @deprecated Combine the [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
54
- */
55
- outlinedSecondary: string;
56
- /** Styles applied to the root element if `variant="filled"` and `color="primary"`.
57
- * @deprecated Combine the [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
58
- */
59
- filledPrimary: string;
60
- /** Styles applied to the root element if `variant="filled"` and `color="secondary"`.
61
- * @deprecated Combine the [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
62
- */
63
- filledSecondary: string;
64
32
  /** Styles applied to the avatar element. */
65
33
  avatar: string;
66
- /** Styles applied to the avatar element if `size="small"`.
67
- * @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
68
- */
69
- avatarSmall: string;
70
- /** Styles applied to the avatar element if `size="medium"`.
71
- * @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
72
- */
73
- avatarMedium: string;
74
- /** Styles applied to the avatar element if `color="primary"`.
75
- * @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
76
- */
77
- avatarColorPrimary: string;
78
- /** Styles applied to the avatar element if `color="secondary"`.
79
- * @deprecated Combine the [.MuiChip-avatar](/material-ui/api/chip/#chip-classes-MuiChip-avatar) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
80
- */
81
- avatarColorSecondary: string;
82
34
  /** Styles applied to the icon element. */
83
35
  icon: string;
84
- /** Styles applied to the icon element if `size="small"`.
85
- * @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
86
- */
87
- iconSmall: string;
88
- /** Styles applied to the icon element if `size="medium"`.
89
- * @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
90
- */
91
- iconMedium: string;
92
- /** Styles applied to the icon element if `color="primary"`.
93
- * @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
94
- */
95
- iconColorPrimary: string;
96
- /** Styles applied to the icon element if `color="secondary"`.
97
- * @deprecated Combine the [.MuiChip-icon](/material-ui/api/chip/#chip-classes-MuiChip-icon) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
98
- */
99
- iconColorSecondary: string;
100
36
  /** Styles applied to the label `span` element. */
101
37
  label: string;
102
- /** Styles applied to the label `span` element if `size="small"`.
103
- * @deprecated Combine the [.MuiChip-label](/material-ui/api/chip/#Chip-css-MuiChip-label) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
104
- */
105
- labelSmall: string;
106
- /** Styles applied to the label `span` element if `size="medium"`.
107
- * @deprecated Combine the [.MuiChip-label](/material-ui/api/chip/#Chip-css-MuiChip-label) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
108
- */
109
- labelMedium: string;
110
38
  /** Styles applied to the deleteIcon element. */
111
39
  deleteIcon: string;
112
- /** Styles applied to the deleteIcon element if `size="small"`.
113
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-sizeSmall](/material-ui/api/chip/#chip-classes-MuiChip-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
114
- */
115
- deleteIconSmall: string;
116
- /** Styles applied to the deleteIcon element if `size="medium"`.
117
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-sizeMedium](/material-ui/api/chip/#chip-classes-MuiChip-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
118
- */
119
- deleteIconMedium: string;
120
- /** Styles applied to the deleteIcon element if `color="primary"`.
121
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
122
- */
123
- deleteIconColorPrimary: string;
124
- /** Styles applied to the deleteIcon element if `color="secondary"`.
125
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
126
- */
127
- deleteIconColorSecondary: string;
128
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`.
129
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
130
- */
131
- deleteIconOutlinedColorPrimary: string;
132
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`.
133
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-outlined](/material-ui/api/chip/#chip-classes-MuiChip-outlined) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
134
- */
135
- deleteIconOutlinedColorSecondary: string;
136
- /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`.
137
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorPrimary](/material-ui/api/chip/#chip-classes-MuiChip-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
138
- */
139
- deleteIconFilledColorPrimary: string;
140
- /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`.
141
- * @deprecated Combine the [.MuiChip-deleteIcon](/material-ui/api/chip/#chip-classes-MuiChip-deleteIcon) , [.MuiChip-filled](/material-ui/api/chip/#chip-classes-MuiChip-filled) and [.MuiChip-colorSecondary](/material-ui/api/chip/#chip-classes-MuiChip-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
142
- */
143
- deleteIconFilledColorSecondary: string;
144
40
  /** State class applied to the root element if keyboard focused. */
145
41
  focusVisible: string;
146
42
  }
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
11
11
  function getChipUtilityClass(slot) {
12
12
  return (0, _generateUtilityClass.default)('MuiChip', slot);
13
13
  }
14
- const chipClasses = (0, _generateUtilityClasses.default)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
14
+ const chipClasses = (0, _generateUtilityClasses.default)('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'deletable', 'outlined', 'filled', 'avatar', 'icon', 'label', 'deleteIcon', 'focusVisible']);
15
15
  var _default = exports.default = chipClasses;
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
3
  export function getChipUtilityClass(slot) {
4
4
  return generateUtilityClass('MuiChip', slot);
5
5
  }
6
- const chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
6
+ const chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'deletable', 'outlined', 'filled', 'avatar', 'icon', 'label', 'deleteIcon', 'focusVisible']);
7
7
  export default chipClasses;
@@ -58,7 +58,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
58
58
  * Props forwarded to the transition slot.
59
59
  * By default, the available props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
60
60
  */
61
- transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
61
+ transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
62
62
  /**
63
63
  * Props forwarded to the paper slot.
64
64
  * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
@@ -118,17 +118,18 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
118
118
  * If `true`, the component is shown.
119
119
  */
120
120
  open: ModalProps['open'];
121
+ /**
122
+ * The ARIA role for the dialog element.
123
+ * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
124
+ * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
125
+ * @default 'dialog'
126
+ */
127
+ role?: 'dialog' | 'alertdialog' | undefined;
121
128
  /**
122
129
  * The component used to render the body of the dialog.
123
130
  * @default Paper
124
131
  */
125
132
  PaperComponent?: React.JSXElementConstructor<PaperProps> | undefined;
126
- /**
127
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
128
- * @default {}
129
- * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
130
- */
131
- PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
132
133
  /**
133
134
  * Determine the container for scrolling the dialog.
134
135
  * @default 'paper'
@@ -138,15 +139,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
138
139
  * The system prop that allows defining system overrides as well as additional CSS styles.
139
140
  */
140
141
  sx?: SxProps<Theme> | undefined;
141
- /**
142
- * The component used for the transition.
143
- * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
144
- * @default Fade
145
- * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
146
- */
147
- TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
148
- children: React.ReactElement<unknown, any>;
149
- }> | undefined;
150
142
  /**
151
143
  * The duration for the transition, in milliseconds.
152
144
  * You may specify a single timeout for all transitions, or individually with an object.
@@ -156,12 +148,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
156
148
  * }
157
149
  */
158
150
  transitionDuration?: TransitionProps['timeout'] | undefined;
159
- /**
160
- * Props applied to the transition element.
161
- * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
162
- * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
163
- */
164
- TransitionProps?: TransitionProps | undefined;
165
151
  }
166
152
 
167
153
  /**
@@ -58,7 +58,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
58
58
  * Props forwarded to the transition slot.
59
59
  * By default, the available props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
60
60
  */
61
- transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
61
+ transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
62
62
  /**
63
63
  * Props forwarded to the paper slot.
64
64
  * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
@@ -118,17 +118,18 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
118
118
  * If `true`, the component is shown.
119
119
  */
120
120
  open: ModalProps['open'];
121
+ /**
122
+ * The ARIA role for the dialog element.
123
+ * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
124
+ * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
125
+ * @default 'dialog'
126
+ */
127
+ role?: 'dialog' | 'alertdialog' | undefined;
121
128
  /**
122
129
  * The component used to render the body of the dialog.
123
130
  * @default Paper
124
131
  */
125
132
  PaperComponent?: React.JSXElementConstructor<PaperProps> | undefined;
126
- /**
127
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
128
- * @default {}
129
- * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
130
- */
131
- PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
132
133
  /**
133
134
  * Determine the container for scrolling the dialog.
134
135
  * @default 'paper'
@@ -138,15 +139,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
138
139
  * The system prop that allows defining system overrides as well as additional CSS styles.
139
140
  */
140
141
  sx?: SxProps<Theme> | undefined;
141
- /**
142
- * The component used for the transition.
143
- * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
144
- * @default Fade
145
- * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
146
- */
147
- TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
148
- children: React.ReactElement<unknown, any>;
149
- }> | undefined;
150
142
  /**
151
143
  * The duration for the transition, in milliseconds.
152
144
  * You may specify a single timeout for all transitions, or individually with an object.
@@ -156,12 +148,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
156
148
  * }
157
149
  */
158
150
  transitionDuration?: TransitionProps['timeout'] | undefined;
159
- /**
160
- * Props applied to the transition element.
161
- * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
162
- * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
163
- */
164
- TransitionProps?: TransitionProps | undefined;
165
151
  }
166
152
 
167
153
  /**
package/Dialog/Dialog.js CHANGED
@@ -16,7 +16,7 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
16
16
  var _Modal = _interopRequireDefault(require("../Modal"));
17
17
  var _Fade = _interopRequireDefault(require("../Fade"));
18
18
  var _Paper = _interopRequireDefault(require("../Paper"));
19
- var _dialogClasses = _interopRequireWildcard(require("./dialogClasses"));
19
+ var _dialogClasses = require("./dialogClasses");
20
20
  var _DialogContext = _interopRequireDefault(require("./DialogContext"));
21
21
  var _Backdrop = _interopRequireDefault(require("../Backdrop"));
22
22
  var _zeroStyled = require("../zero-styled");
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
43
43
  root: ['root'],
44
44
  backdrop: ['backdrop'],
45
45
  container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
46
- paper: ['paper', `paperScroll${(0, _capitalize.default)(scroll)}`, `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
46
+ paper: ['paper', `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
47
47
  };
48
48
  return (0, _composeClasses.default)(slots, _dialogClasses.getDialogUtilityClass, classes);
49
49
  };
@@ -106,7 +106,7 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
106
106
  const {
107
107
  ownerState
108
108
  } = props;
109
- return [styles.paper, styles[`scrollPaper${(0, _capitalize.default)(ownerState.scroll)}`], styles[`paperWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
109
+ return [styles.paper, styles[`paperWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
110
110
  }
111
111
  })((0, _memoTheme.default)(({
112
112
  theme
@@ -148,11 +148,16 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
148
148
  maxWidth: 'xs'
149
149
  },
150
150
  style: {
151
- maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
152
- [`&.${_dialogClasses.default.paperScrollBody}`]: {
153
- [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
154
- maxWidth: 'calc(100% - 64px)'
155
- }
151
+ maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`
152
+ }
153
+ }, {
154
+ props: {
155
+ maxWidth: 'xs',
156
+ scroll: 'body'
157
+ },
158
+ style: {
159
+ [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
160
+ maxWidth: 'calc(100% - 64px)'
156
161
  }
157
162
  }
158
163
  }, ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
@@ -160,11 +165,16 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
160
165
  maxWidth
161
166
  },
162
167
  style: {
163
- maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`,
164
- [`&.${_dialogClasses.default.paperScrollBody}`]: {
165
- [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
166
- maxWidth: 'calc(100% - 64px)'
167
- }
168
+ maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`
169
+ }
170
+ })), ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
171
+ props: {
172
+ maxWidth,
173
+ scroll: 'body'
174
+ },
175
+ style: {
176
+ [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
177
+ maxWidth: 'calc(100% - 64px)'
168
178
  }
169
179
  }
170
180
  })), {
@@ -184,11 +194,15 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
184
194
  maxWidth: '100%',
185
195
  height: '100%',
186
196
  maxHeight: 'none',
187
- borderRadius: 0,
188
- [`&.${_dialogClasses.default.paperScrollBody}`]: {
189
- margin: 0,
190
- maxWidth: '100%'
191
- }
197
+ borderRadius: 0
198
+ }
199
+ }, {
200
+ props: ({
201
+ ownerState
202
+ }) => ownerState.fullScreen && ownerState.scroll === 'body',
203
+ style: {
204
+ margin: 0,
205
+ maxWidth: '100%'
192
206
  }
193
207
  }]
194
208
  })));
@@ -210,8 +224,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
210
224
  'aria-describedby': ariaDescribedby,
211
225
  'aria-labelledby': ariaLabelledbyProp,
212
226
  'aria-modal': ariaModal = true,
213
- BackdropComponent,
214
- BackdropProps,
215
227
  children,
216
228
  className,
217
229
  fullScreen = false,
@@ -221,13 +233,11 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
221
233
  onClose,
222
234
  open,
223
235
  PaperComponent = _Paper.default,
224
- PaperProps = {},
236
+ role = 'dialog',
225
237
  scroll = 'paper',
226
238
  slots = {},
227
239
  slotProps = {},
228
- TransitionComponent = _Fade.default,
229
240
  transitionDuration = defaultTransitionDuration,
230
- TransitionProps,
231
241
  ...other
232
242
  } = props;
233
243
  const ownerState = {
@@ -264,19 +274,9 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
264
274
  titleId: ariaLabelledby
265
275
  };
266
276
  }, [ariaLabelledby]);
267
- const backwardCompatibleSlots = {
268
- transition: TransitionComponent,
269
- ...slots
270
- };
271
- const backwardCompatibleSlotProps = {
272
- transition: TransitionProps,
273
- paper: PaperProps,
274
- backdrop: BackdropProps,
275
- ...slotProps
276
- };
277
277
  const externalForwardedProps = {
278
- slots: backwardCompatibleSlots,
279
- slotProps: backwardCompatibleSlotProps
278
+ slots,
279
+ slotProps
280
280
  };
281
281
  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
282
282
  elementType: DialogRoot,
@@ -298,7 +298,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
298
298
  shouldForwardComponentProp: true,
299
299
  externalForwardedProps,
300
300
  ownerState,
301
- className: (0, _clsx.default)(classes.paper, PaperProps.className)
301
+ className: classes.paper
302
302
  });
303
303
  const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
304
304
  elementType: DialogContainer,
@@ -325,7 +325,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
325
325
  slotProps: {
326
326
  backdrop: {
327
327
  transitionDuration,
328
- as: BackdropComponent,
329
328
  ...backdropSlotProps
330
329
  }
331
330
  },
@@ -342,7 +341,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
342
341
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
343
342
  as: PaperComponent,
344
343
  elevation: 24,
345
- role: "dialog",
344
+ role: role,
346
345
  "aria-describedby": ariaDescribedby,
347
346
  "aria-labelledby": ariaLabelledby,
348
347
  "aria-modal": ariaModal,
@@ -375,22 +374,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
375
374
  * @default true
376
375
  */
377
376
  'aria-modal': _propTypes.default.oneOfType([_propTypes.default.oneOf(['false', 'true']), _propTypes.default.bool]),
378
- /**
379
- * A backdrop component. This prop enables custom backdrop rendering.
380
- * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
381
- * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
382
- * @default styled(Backdrop, {
383
- * name: 'MuiModal',
384
- * slot: 'Backdrop',
385
- * })({
386
- * zIndex: -1,
387
- * })
388
- */
389
- BackdropComponent: _propTypes.default.elementType,
390
- /**
391
- * @ignore
392
- */
393
- BackdropProps: _propTypes.default.object,
394
377
  /**
395
378
  * Dialog children, usually the included sub-components.
396
379
  */
@@ -443,11 +426,12 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
443
426
  */
444
427
  PaperComponent: _propTypes.default.elementType,
445
428
  /**
446
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
447
- * @default {}
448
- * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
429
+ * The ARIA role for the dialog element.
430
+ * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
431
+ * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
432
+ * @default 'dialog'
449
433
  */
450
- PaperProps: _propTypes.default.object,
434
+ role: _propTypes.default.oneOf(['alertdialog', 'dialog']),
451
435
  /**
452
436
  * Determine the container for scrolling the dialog.
453
437
  * @default 'paper'
@@ -479,13 +463,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
479
463
  * The system prop that allows defining system overrides as well as additional CSS styles.
480
464
  */
481
465
  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
482
- /**
483
- * The component used for the transition.
484
- * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
485
- * @default Fade
486
- * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
487
- */
488
- TransitionComponent: _propTypes.default.elementType,
489
466
  /**
490
467
  * The duration for the transition, in milliseconds.
491
468
  * You may specify a single timeout for all transitions, or individually with an object.
@@ -498,12 +475,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
498
475
  appear: _propTypes.default.number,
499
476
  enter: _propTypes.default.number,
500
477
  exit: _propTypes.default.number
501
- })]),
502
- /**
503
- * Props applied to the transition element.
504
- * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
505
- * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
506
- */
507
- TransitionProps: _propTypes.default.object
478
+ })])
508
479
  } : void 0;
509
480
  var _default = exports.default = Dialog;