@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
@@ -25,74 +25,6 @@ export interface ButtonGroupClasses {
25
25
  colorPrimary: string;
26
26
  /** Styles applied to the root element if `color="secondary"` */
27
27
  colorSecondary: string;
28
- /** Styles applied to the children if `orientation="horizontal"`.
29
- * @deprecated Combine the [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
30
- */
31
- groupedHorizontal: string;
32
- /** Styles applied to the children if `orientation="vertical"`.
33
- * @deprecated Combine the [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
34
- */
35
- groupedVertical: string;
36
- /** Styles applied to the children if `variant="text"`.
37
- * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
38
- */
39
- groupedText: string;
40
- /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`.
41
- * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
42
- */
43
- groupedTextHorizontal: string;
44
- /** Styles applied to the children if `variant="text"` and `orientation="vertical"`.
45
- * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
46
- */
47
- groupedTextVertical: string;
48
- /** Styles applied to the children if `variant="text"` and `color="primary"`.
49
- * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
50
- */
51
- groupedTextPrimary: string;
52
- /** Styles applied to the children if `variant="text"` and `color="secondary"`.
53
- * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-text) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
54
- */
55
- groupedTextSecondary: string;
56
- /** Styles applied to the children if `variant="outlined"`.
57
- * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
58
- */
59
- groupedOutlined: string;
60
- /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`.
61
- * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
62
- */
63
- groupedOutlinedHorizontal: string;
64
- /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`.
65
- * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
66
- */
67
- groupedOutlinedVertical: string;
68
- /** Styles applied to the children if `variant="outlined"` and `color="primary"`.
69
- * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
70
- */
71
- groupedOutlinedPrimary: string;
72
- /** Styles applied to the children if `variant="outlined"` and `color="secondary"`.
73
- * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-outlined) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
74
- */
75
- groupedOutlinedSecondary: string;
76
- /** Styles applied to the children if `variant="contained"`.
77
- * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
78
- */
79
- groupedContained: string;
80
- /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`.
81
- * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
82
- */
83
- groupedContainedHorizontal: string;
84
- /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`.
85
- * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
86
- */
87
- groupedContainedVertical: string;
88
- /** Styles applied to the children if `variant="contained"` and `color="primary"`.
89
- * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
90
- */
91
- groupedContainedPrimary: string;
92
- /** Styles applied to the children if `variant="contained"` and `color="secondary"`.
93
- * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-contained) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-MuiButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
94
- */
95
- groupedContainedSecondary: string;
96
28
  /** Styles applied to the last button in the button group. */
97
29
  lastButton: string;
98
30
  /** Styles applied to buttons in the middle of the button group. */
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
11
11
  function getButtonGroupUtilityClass(slot) {
12
12
  return (0, _generateUtilityClass.default)('MuiButtonGroup', slot);
13
13
  }
14
- const buttonGroupClasses = (0, _generateUtilityClasses.default)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary', 'lastButton', 'middleButton']);
14
+ const buttonGroupClasses = (0, _generateUtilityClasses.default)('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'lastButton', 'middleButton']);
15
15
  var _default = exports.default = buttonGroupClasses;
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
3
  export function getButtonGroupUtilityClass(slot) {
4
4
  return generateUtilityClass('MuiButtonGroup', slot);
5
5
  }
6
- const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary', 'lastButton', 'middleButton']);
6
+ const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'horizontal', 'vertical', 'colorPrimary', 'colorSecondary', 'grouped', 'lastButton', 'middleButton']);
7
7
  export default buttonGroupClasses;
package/CHANGELOG.md CHANGED
@@ -1,5 +1,110 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 9.0.0-beta.1
4
+
5
+ <!-- generated comparing v9.0.0-beta.0..master -->
6
+
7
+ _Apr 2, 2026_
8
+
9
+ A big thanks to the 11 contributors who made this release possible.
10
+
11
+ ### `@mui/material@9.0.0-beta.1`
12
+
13
+ #### Breaking Changes
14
+
15
+ - [grid] Remove 'column' and 'column-reverse' options from `direction` prop (#47564) @sai6855
16
+ - [icons] Remove legacy `*Outline` icons (#48116) @mj12albert
17
+ - [list-item-icon] Use theme spacing instead of hardcoded minWidth (#46597) @adiitxa
18
+
19
+ #### Changes
20
+
21
+ - [all components] Fix `slotProps.transition` types (#48153) @mj12albert
22
+ - [alert][dialog] Accessibility improvements (#48113) @silviuaavram
23
+ - [autocomplete] Fix helper text focusing input when clicked (#48156) @mj12albert
24
+ - [button-base] Add `nativeButton` prop (#47989) @mj12albert
25
+ - [input] Fix high contrast cutoff on first character (#48150) @silviuaavram
26
+ - [menu] Fix empty roving focus container (#48114) @mj12albert
27
+ - [utils] Explicitly register roving tab items with parent (#48122) @mj12albert
28
+
29
+ ### Docs
30
+
31
+ - Fix HTML validation errors (#48107) @Janpot
32
+ - Fix duplicate IDs and HTML validation issues (#48095) @Janpot
33
+ - Fix the dark mode footer row shadow for the Data Grid on the advanced components page (#48149) @arminmeh
34
+ - Improve jsdom section (#48098) @oliviertassinari
35
+ - Update "Deprecated APIs removed" section to h2 in "Upgrade to v9" docs (#48115) @ZeeshanTamboli
36
+ - [docs][progress] Label all demo components (#48143) @mj12albert
37
+ - [docs-infra] Add x-scheduler to component API URL resolver (#48097) @rita-codes
38
+ - [docs-infra] Resolve some redirects (#48165) @Janpot
39
+ - [docs-infra] Update v9 Search Index (#48028) @dav-is
40
+
41
+ ### Core
42
+
43
+ - [code-infra] Discover exports for bundle size report (#48170) @Janpot
44
+ - [internal] Fix use of ellipsis (#48096) @oliviertassinari
45
+ - [test] Add screenshot test for Virtualized Table (#47947) @mnajdova
46
+ - [test] Remove `componentsProp` from `describeConformance` tests (#48142) @ZeeshanTamboli
47
+ - [theme] Do not create channel tokens for custom colors when `nativeColor` is used (#47765) @ZeeshanTamboli
48
+
49
+ All contributors of this release in alphabetical order: @adiitxa, @arminmeh, @dav-is, @Janpot, @mj12albert, @mnajdova, @oliviertassinari, @rita-codes, @sai6855, @silviuaavram, @ZeeshanTamboli
50
+
51
+ ## 9.0.0-beta.0
52
+
53
+ <!-- generated comparing v9.0.0-alpha.4..master -->
54
+
55
+ _Mar 25, 2026_
56
+
57
+ A big thanks to the 8 contributors who made this release possible.
58
+
59
+ ### `@mui/material@9.0.0-beta.0`
60
+
61
+ #### Breaking Changes
62
+
63
+ - [linear-progress] Remove deprecated CSS classes (#48068) @mj12albert
64
+ - [list-item, list-item-text] Remove deprecated props (#48042) @siriwatknp
65
+ - [button-group] Remove deprecated classes (#48043) @siriwatknp
66
+ - [card] Remove deprecated CardHeader props (#47995) @silviuaavram
67
+ - [checkbox][radio][switch] Remove deprecated inputProps and inputRef (#48059) @siriwatknp
68
+ - [chip] Remove deprecated classes (#48046) @silviuaavram
69
+ - [dialog][modal][drawer][swipeabledrawer] Remove deprecated props and classes (#48039) @silviuaavram
70
+ - [divider] Remove deprecated CSS classes (#48075) @siriwatknp
71
+ - [drawer] Remove deprecated CSS classes (#48077) @siriwatknp
72
+ - [image-list-item-bar] Remove deprecated CSS classes (#48064) @siriwatknp
73
+ - [inputs] Remove deprecated props & classes (#48071) @mj12albert
74
+ - [material-ui] Remove unnecessary overridesResolvers from styled components (#48082) @ZeeshanTamboli
75
+ - [material-ui][system] Remove deprecated system props from Box, Stack, Typography (#48072) @siriwatknp
76
+ - [pagination-item] Remove deprecated CSS classes (#48076) @siriwatknp
77
+ - [pagination-item] Remove deprecated props (#48038) @siriwatknp
78
+ - [rating] Remove deprecated IconContainerComponent (#48019) @siriwatknp
79
+ - [select] Remove deprecated CSS classes (#48065) @mj12albert
80
+ - [slider] Remove deprecated CSS classes (#48074) @siriwatknp
81
+ - [step-connector][step-content][step-label] Remove deprecated props and classes (#48058) @siriwatknp
82
+ - [tabs][tab] Remove deprecated CSS classes (#48078) @siriwatknp
83
+ - [table-pagination][table-sort-label] Remove deprecated props and classes (#48060) @siriwatknp
84
+ - [toggle-button-group] Remove deprecated classes (#48061) @siriwatknp
85
+
86
+ #### Changes
87
+
88
+ - [system] Improve performance when using sx prop (#44254) @romgrk
89
+
90
+ ### `@mui/codemod@9.0.0-beta.0`
91
+
92
+ - [codemod] Add missing codemod links in upgrade guide (#48069) @silviuaavram
93
+
94
+ ### Docs
95
+
96
+ - Mention all breaking changes in changelog (#48091) @silviuaavram
97
+ - Fix link to upgrade-to-v9 docs in release CHANGELOG (#48081) @ZeeshanTamboli
98
+
99
+ ### Core
100
+
101
+ - Update browserslistrc (#48085) @silviuaavram
102
+ - [code-infra] Prevent major version updates of bundler/framework packages in bundling fixtures (#48062) @Copilot
103
+ - [code-infra][icons-material] Avoid material utils barrel in createSvgIcon (#48029) @anchmelev
104
+ - [docs-infra] Migrate more leaf components to mui-docs (#48018) @brijeshb42
105
+
106
+ All contributors of this release in alphabetical order: @anchmelev, @brijeshb42, @Copilot, @mj12albert, @romgrk, @silviuaavram, @siriwatknp, @ZeeshanTamboli
107
+
3
108
  ## 9.0.0-alpha.4
4
109
 
5
110
  <!-- generated comparing v9.0.0-alpha.3..master -->
@@ -118,7 +223,7 @@ A big thanks to the 11 contributors who made this release possible.
118
223
  - [tablepagination] Format pagination numbers according to locale (#47803) @siriwatknp
119
224
  - [textfield] Use non-native label for `<TextField select/>` (#47958) @mj12albert
120
225
 
121
- Check out the [v9 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v9/).
226
+ Check out the [v9 upgrade guide](https://next.mui.com/material-ui/migration/upgrade-to-v9/).
122
227
 
123
228
  #### Changes
124
229
 
@@ -167,11 +272,16 @@ A big thanks to the 10 contributors who made this release possible. Here are som
167
272
 
168
273
  ### `@mui/material@9.0.0-alpha.3`
169
274
 
275
+ #### Breaking Changes
276
+
277
+ - [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
278
+
279
+ #### Changes
280
+
170
281
  - [autocomplete] Add `root` slot (#47852) @GerardasB
171
282
  - [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
172
283
  - [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
173
284
  - [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
174
- - [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
175
285
 
176
286
  ### Docs
177
287
 
@@ -229,16 +339,21 @@ A big thanks to the 13 contributors who made this release possible. Here are som
229
339
 
230
340
  ### @mui/material@9.0.0-alpha.1
231
341
 
342
+ #### Breaking Changes
343
+
232
344
  - [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
233
345
  - [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
234
346
  - [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
235
347
  - [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
236
348
  - [Grid] Remove system props support (#47846) @siriwatknp
237
- - [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
238
349
  - [theme] Remove MuiTouchRipple from theme component types (#47849) @siriwatknp
239
- - [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
240
350
  - [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
241
351
 
352
+ #### Changes
353
+
354
+ - [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
355
+ - [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
356
+
242
357
  ### Docs
243
358
 
244
359
  - [docs] Add updated community theme resource (#47847) @PeterTYLiu
@@ -99,6 +99,7 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
99
99
  ref,
100
100
  className: (0, _clsx.default)(classes.root, className),
101
101
  additionalProps: {
102
+ internalNativeButton: true,
102
103
  focusVisibleClassName: (0, _clsx.default)(focusVisibleClassName, classes.focusVisible)
103
104
  }
104
105
  });
@@ -92,6 +92,7 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
92
92
  ref,
93
93
  className: clsx(classes.root, className),
94
94
  additionalProps: {
95
+ internalNativeButton: true,
95
96
  focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible)
96
97
  }
97
98
  });
@@ -45,7 +45,7 @@ export interface CardHeaderSlots {
45
45
  */
46
46
  subheader: React.ElementType;
47
47
  }
48
- export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlots, {
48
+ export type CardHeaderSlotsAndSlotProps<TitleTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>, SubheaderTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>> = CreateSlotsAndSlotProps<CardHeaderSlots, {
49
49
  /**
50
50
  * Props forwarded to the root slot.
51
51
  * By default, the available props are based on the div element.
@@ -70,14 +70,22 @@ export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlot
70
70
  * Props forwarded to the title slot (as long as disableTypography is not `true`).
71
71
  * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
72
72
  */
73
- title: SlotProps<React.ElementType<TypographyProps>, CardHeaderTitleSlotPropsOverrides, CardHeaderOwnerState>;
73
+ title: TypographyProps<TitleTypographyComponent, {
74
+ component?: TitleTypographyComponent | undefined;
75
+ } & CardHeaderTitleSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<TitleTypographyComponent, {
76
+ component?: TitleTypographyComponent | undefined;
77
+ } & CardHeaderTitleSlotPropsOverrides>);
74
78
  /**
75
79
  * Props forwarded to the subheader slot (as long as disableTypography is not `true`).
76
80
  * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
77
81
  */
78
- subheader: SlotProps<React.ElementType<TypographyProps>, CardHeaderSubheaderSlotPropsOverrides, CardHeaderOwnerState>;
82
+ subheader: TypographyProps<SubheaderTypographyComponent, {
83
+ component?: SubheaderTypographyComponent | undefined;
84
+ } & CardHeaderSubheaderSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<SubheaderTypographyComponent, {
85
+ component?: SubheaderTypographyComponent | undefined;
86
+ } & CardHeaderSubheaderSlotPropsOverrides>);
79
87
  }>;
80
- export interface CardHeaderOwnProps<TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
88
+ export interface CardHeaderOwnProps {
81
89
  /**
82
90
  * The action to display in the card header.
83
91
  */
@@ -102,14 +110,6 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
102
110
  * The content of the component.
103
111
  */
104
112
  subheader?: React.ReactNode;
105
- /**
106
- * These props will be forwarded to the subheader
107
- * (as long as disableTypography is not `true`).
108
- * @deprecated Use `slotProps.subheader` 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.
109
- */
110
- subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
111
- component?: SubheaderTypographyComponent | undefined;
112
- }> | undefined;
113
113
  /**
114
114
  * The system prop that allows defining system overrides as well as additional CSS styles.
115
115
  */
@@ -118,18 +118,10 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
118
118
  * The content of the component.
119
119
  */
120
120
  title?: React.ReactNode;
121
- /**
122
- * These props will be forwarded to the title
123
- * (as long as disableTypography is not `true`).
124
- * @deprecated Use `slotProps.title` 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.
125
- */
126
- titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
127
- component?: TitleTypographyComponent | undefined;
128
- }> | undefined;
129
121
  }
130
122
  export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
131
123
  export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
132
- props: AdditionalProps & CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent> & CardHeaderSlotsAndSlotProps;
124
+ props: AdditionalProps & CardHeaderOwnProps & CardHeaderSlotsAndSlotProps<TitleTypographyComponent, SubheaderTypographyComponent>;
133
125
  defaultComponent: RootComponent;
134
126
  }
135
127
  /**
@@ -45,7 +45,7 @@ export interface CardHeaderSlots {
45
45
  */
46
46
  subheader: React.ElementType;
47
47
  }
48
- export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlots, {
48
+ export type CardHeaderSlotsAndSlotProps<TitleTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>, SubheaderTypographyComponent extends React.ElementType = React.ElementType<TypographyProps>> = CreateSlotsAndSlotProps<CardHeaderSlots, {
49
49
  /**
50
50
  * Props forwarded to the root slot.
51
51
  * By default, the available props are based on the div element.
@@ -70,14 +70,22 @@ export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlot
70
70
  * Props forwarded to the title slot (as long as disableTypography is not `true`).
71
71
  * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
72
72
  */
73
- title: SlotProps<React.ElementType<TypographyProps>, CardHeaderTitleSlotPropsOverrides, CardHeaderOwnerState>;
73
+ title: TypographyProps<TitleTypographyComponent, {
74
+ component?: TitleTypographyComponent | undefined;
75
+ } & CardHeaderTitleSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<TitleTypographyComponent, {
76
+ component?: TitleTypographyComponent | undefined;
77
+ } & CardHeaderTitleSlotPropsOverrides>);
74
78
  /**
75
79
  * Props forwarded to the subheader slot (as long as disableTypography is not `true`).
76
80
  * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
77
81
  */
78
- subheader: SlotProps<React.ElementType<TypographyProps>, CardHeaderSubheaderSlotPropsOverrides, CardHeaderOwnerState>;
82
+ subheader: TypographyProps<SubheaderTypographyComponent, {
83
+ component?: SubheaderTypographyComponent | undefined;
84
+ } & CardHeaderSubheaderSlotPropsOverrides> | ((ownerState: CardHeaderOwnerState) => TypographyProps<SubheaderTypographyComponent, {
85
+ component?: SubheaderTypographyComponent | undefined;
86
+ } & CardHeaderSubheaderSlotPropsOverrides>);
79
87
  }>;
80
- export interface CardHeaderOwnProps<TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
88
+ export interface CardHeaderOwnProps {
81
89
  /**
82
90
  * The action to display in the card header.
83
91
  */
@@ -102,14 +110,6 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
102
110
  * The content of the component.
103
111
  */
104
112
  subheader?: React.ReactNode;
105
- /**
106
- * These props will be forwarded to the subheader
107
- * (as long as disableTypography is not `true`).
108
- * @deprecated Use `slotProps.subheader` 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.
109
- */
110
- subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
111
- component?: SubheaderTypographyComponent | undefined;
112
- }> | undefined;
113
113
  /**
114
114
  * The system prop that allows defining system overrides as well as additional CSS styles.
115
115
  */
@@ -118,18 +118,10 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
118
118
  * The content of the component.
119
119
  */
120
120
  title?: React.ReactNode;
121
- /**
122
- * These props will be forwarded to the title
123
- * (as long as disableTypography is not `true`).
124
- * @deprecated Use `slotProps.title` 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.
125
- */
126
- titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
127
- component?: TitleTypographyComponent | undefined;
128
- }> | undefined;
129
121
  }
130
122
  export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
131
123
  export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
132
- props: AdditionalProps & CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent> & CardHeaderSlotsAndSlotProps;
124
+ props: AdditionalProps & CardHeaderOwnProps & CardHeaderSlotsAndSlotProps<TitleTypographyComponent, SubheaderTypographyComponent>;
133
125
  defaultComponent: RootComponent;
134
126
  }
135
127
  /**
@@ -87,9 +87,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
87
87
  component = 'div',
88
88
  disableTypography = false,
89
89
  subheader: subheaderProp,
90
- subheaderTypographyProps,
91
90
  title: titleProp,
92
- titleTypographyProps,
93
91
  slots = {},
94
92
  slotProps = {},
95
93
  ...other
@@ -102,11 +100,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
102
100
  const classes = useUtilityClasses(ownerState);
103
101
  const externalForwardedProps = {
104
102
  slots,
105
- slotProps: {
106
- title: titleTypographyProps,
107
- subheader: subheaderTypographyProps,
108
- ...slotProps
109
- }
103
+ slotProps
110
104
  };
111
105
  let title = titleProp;
112
106
  const [TitleSlot, titleSlotProps] = (0, _useSlot.default)('title', {
@@ -224,7 +218,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
224
218
  * The props used for each slot inside.
225
219
  * @default {}
226
220
  */
227
- slotProps: _propTypes.default.shape({
221
+ slotProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
228
222
  action: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
229
223
  avatar: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
230
224
  content: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
@@ -248,12 +242,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
248
242
  * The content of the component.
249
243
  */
250
244
  subheader: _propTypes.default.node,
251
- /**
252
- * These props will be forwarded to the subheader
253
- * (as long as disableTypography is not `true`).
254
- * @deprecated Use `slotProps.subheader` 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.
255
- */
256
- subheaderTypographyProps: _propTypes.default.object,
257
245
  /**
258
246
  * The system prop that allows defining system overrides as well as additional CSS styles.
259
247
  */
@@ -261,12 +249,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
261
249
  /**
262
250
  * The content of the component.
263
251
  */
264
- title: _propTypes.default.node,
265
- /**
266
- * These props will be forwarded to the title
267
- * (as long as disableTypography is not `true`).
268
- * @deprecated Use `slotProps.title` 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.
269
- */
270
- titleTypographyProps: _propTypes.default.object
252
+ title: _propTypes.default.node
271
253
  } : void 0;
272
254
  var _default = exports.default = CardHeader;
@@ -80,9 +80,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
80
80
  component = 'div',
81
81
  disableTypography = false,
82
82
  subheader: subheaderProp,
83
- subheaderTypographyProps,
84
83
  title: titleProp,
85
- titleTypographyProps,
86
84
  slots = {},
87
85
  slotProps = {},
88
86
  ...other
@@ -95,11 +93,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
95
93
  const classes = useUtilityClasses(ownerState);
96
94
  const externalForwardedProps = {
97
95
  slots,
98
- slotProps: {
99
- title: titleTypographyProps,
100
- subheader: subheaderTypographyProps,
101
- ...slotProps
102
- }
96
+ slotProps
103
97
  };
104
98
  let title = titleProp;
105
99
  const [TitleSlot, titleSlotProps] = useSlot('title', {
@@ -217,7 +211,7 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
217
211
  * The props used for each slot inside.
218
212
  * @default {}
219
213
  */
220
- slotProps: PropTypes.shape({
214
+ slotProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
221
215
  action: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
222
216
  avatar: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
223
217
  content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
@@ -241,12 +235,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
241
235
  * The content of the component.
242
236
  */
243
237
  subheader: PropTypes.node,
244
- /**
245
- * These props will be forwarded to the subheader
246
- * (as long as disableTypography is not `true`).
247
- * @deprecated Use `slotProps.subheader` 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.
248
- */
249
- subheaderTypographyProps: PropTypes.object,
250
238
  /**
251
239
  * The system prop that allows defining system overrides as well as additional CSS styles.
252
240
  */
@@ -254,12 +242,6 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes /* remove-proptypes
254
242
  /**
255
243
  * The content of the component.
256
244
  */
257
- title: PropTypes.node,
258
- /**
259
- * These props will be forwarded to the title
260
- * (as long as disableTypography is not `true`).
261
- * @deprecated Use `slotProps.title` 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.
262
- */
263
- titleTypographyProps: PropTypes.object
245
+ title: PropTypes.node
264
246
  } : void 0;
265
247
  export default CardHeader;
@@ -117,7 +117,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
117
117
  icon: iconProp = defaultIcon,
118
118
  indeterminate = false,
119
119
  indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
120
- inputProps,
121
120
  size = 'medium',
122
121
  disableRipple = false,
123
122
  className,
@@ -135,7 +134,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
135
134
  size
136
135
  };
137
136
  const classes = useUtilityClasses(ownerState);
138
- const externalInputProps = slotProps.input ?? inputProps;
137
+ const externalInputProps = slotProps.input;
139
138
  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
140
139
  ref,
141
140
  elementType: CheckboxRoot,
@@ -234,11 +233,6 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
234
233
  * @default <IndeterminateCheckBoxIcon />
235
234
  */
236
235
  indeterminateIcon: _propTypes.default.node,
237
- /**
238
- * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
239
- * @deprecated Use `slotProps.input` 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.
240
- */
241
- inputProps: _propTypes.default.object,
242
236
  /**
243
237
  * Callback fired when the state is changed.
244
238
  *
@@ -110,7 +110,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
110
110
  icon: iconProp = defaultIcon,
111
111
  indeterminate = false,
112
112
  indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
113
- inputProps,
114
113
  size = 'medium',
115
114
  disableRipple = false,
116
115
  className,
@@ -128,7 +127,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
128
127
  size
129
128
  };
130
129
  const classes = useUtilityClasses(ownerState);
131
- const externalInputProps = slotProps.input ?? inputProps;
130
+ const externalInputProps = slotProps.input;
132
131
  const [RootSlot, rootSlotProps] = useSlot('root', {
133
132
  ref,
134
133
  elementType: CheckboxRoot,
@@ -227,11 +226,6 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
227
226
  * @default <IndeterminateCheckBoxIcon />
228
227
  */
229
228
  indeterminateIcon: PropTypes.node,
230
- /**
231
- * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
232
- * @deprecated Use `slotProps.input` 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.
233
- */
234
- inputProps: PropTypes.object,
235
229
  /**
236
230
  * Callback fired when the state is changed.
237
231
  *
package/Chip/Chip.d.mts CHANGED
@@ -90,6 +90,13 @@ export interface ChipOwnProps {
90
90
  * @default 'medium'
91
91
  */
92
92
  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
93
+ /**
94
+ * If `true`, the component is expected to resolve to a native `<button>` element.
95
+ * When omitted, custom components inherit the default button semantics of the current wrapper.
96
+ * Set to `true` when a custom component resolves to a native `<button>`, or `false`
97
+ * when it resolves to a non-button host.
98
+ */
99
+ nativeButton?: boolean | undefined;
93
100
  /**
94
101
  * If `true`, allows the disabled chip to escape focus.
95
102
  * If `false`, allows the disabled chip to receive focus.
package/Chip/Chip.d.ts CHANGED
@@ -90,6 +90,13 @@ export interface ChipOwnProps {
90
90
  * @default 'medium'
91
91
  */
92
92
  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
93
+ /**
94
+ * If `true`, the component is expected to resolve to a native `<button>` element.
95
+ * When omitted, custom components inherit the default button semantics of the current wrapper.
96
+ * Set to `true` when a custom component resolves to a native `<button>`, or `false`
97
+ * when it resolves to a non-button host.
98
+ */
99
+ nativeButton?: boolean | undefined;
93
100
  /**
94
101
  * If `true`, allows the disabled chip to escape focus.
95
102
  * If `false`, allows the disabled chip to receive focus.