@mui/material 9.0.0-alpha.4 → 9.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/ButtonGroup/ButtonGroup.js +1 -9
  2. package/ButtonGroup/ButtonGroup.mjs +1 -9
  3. package/ButtonGroup/buttonGroupClasses.d.mts +0 -68
  4. package/ButtonGroup/buttonGroupClasses.d.ts +0 -68
  5. package/ButtonGroup/buttonGroupClasses.js +1 -1
  6. package/ButtonGroup/buttonGroupClasses.mjs +1 -1
  7. package/CHANGELOG.md +71 -4
  8. package/CardHeader/CardHeader.d.mts +13 -21
  9. package/CardHeader/CardHeader.d.ts +13 -21
  10. package/CardHeader/CardHeader.js +3 -21
  11. package/CardHeader/CardHeader.mjs +3 -21
  12. package/Checkbox/Checkbox.js +1 -7
  13. package/Checkbox/Checkbox.mjs +1 -7
  14. package/Chip/Chip.js +48 -54
  15. package/Chip/Chip.mjs +48 -54
  16. package/Chip/chipClasses.d.mts +0 -104
  17. package/Chip/chipClasses.d.ts +0 -104
  18. package/Chip/chipClasses.js +1 -1
  19. package/Chip/chipClasses.mjs +1 -1
  20. package/Dialog/Dialog.d.mts +0 -21
  21. package/Dialog/Dialog.d.ts +0 -21
  22. package/Dialog/Dialog.js +36 -73
  23. package/Dialog/Dialog.mjs +36 -73
  24. package/Dialog/dialogClasses.d.mts +0 -8
  25. package/Dialog/dialogClasses.d.ts +0 -8
  26. package/Dialog/dialogClasses.js +1 -1
  27. package/Dialog/dialogClasses.mjs +1 -1
  28. package/Divider/Divider.js +2 -2
  29. package/Divider/Divider.mjs +2 -2
  30. package/Divider/dividerClasses.d.mts +0 -4
  31. package/Divider/dividerClasses.d.ts +0 -4
  32. package/Divider/dividerClasses.js +1 -1
  33. package/Divider/dividerClasses.mjs +1 -1
  34. package/Drawer/Drawer.d.mts +0 -12
  35. package/Drawer/Drawer.d.ts +0 -12
  36. package/Drawer/Drawer.js +6 -40
  37. package/Drawer/Drawer.mjs +6 -40
  38. package/Drawer/drawerClasses.d.mts +0 -32
  39. package/Drawer/drawerClasses.d.ts +0 -32
  40. package/Drawer/drawerClasses.js +1 -1
  41. package/Drawer/drawerClasses.mjs +1 -1
  42. package/FilledInput/FilledInput.js +3 -32
  43. package/FilledInput/FilledInput.mjs +3 -32
  44. package/ImageListItemBar/ImageListItemBar.js +4 -17
  45. package/ImageListItemBar/ImageListItemBar.mjs +4 -17
  46. package/ImageListItemBar/imageListItemBarClasses.d.mts +0 -16
  47. package/ImageListItemBar/imageListItemBarClasses.d.ts +0 -16
  48. package/ImageListItemBar/imageListItemBarClasses.js +1 -1
  49. package/ImageListItemBar/imageListItemBarClasses.mjs +1 -1
  50. package/Input/Input.js +3 -32
  51. package/Input/Input.mjs +3 -32
  52. package/Input/inputClasses.d.mts +0 -16
  53. package/Input/inputClasses.d.ts +0 -16
  54. package/InputBase/InputBase.d.mts +0 -27
  55. package/InputBase/InputBase.d.ts +0 -27
  56. package/InputBase/InputBase.js +6 -35
  57. package/InputBase/InputBase.mjs +6 -35
  58. package/InputBase/inputBaseClasses.d.mts +0 -20
  59. package/InputBase/inputBaseClasses.d.ts +0 -20
  60. package/InputBase/inputBaseClasses.js +1 -1
  61. package/InputBase/inputBaseClasses.mjs +1 -1
  62. package/InputLabel/InputLabel.js +1 -1
  63. package/InputLabel/InputLabel.mjs +1 -1
  64. package/LinearProgress/LinearProgress.js +6 -18
  65. package/LinearProgress/LinearProgress.mjs +6 -18
  66. package/LinearProgress/linearProgressClasses.d.mts +0 -36
  67. package/LinearProgress/linearProgressClasses.d.ts +0 -36
  68. package/LinearProgress/linearProgressClasses.js +1 -1
  69. package/LinearProgress/linearProgressClasses.mjs +1 -1
  70. package/Link/Link.d.mts +1 -1
  71. package/Link/Link.d.ts +1 -1
  72. package/ListItem/ListItem.d.mts +2 -36
  73. package/ListItem/ListItem.d.ts +2 -36
  74. package/ListItem/ListItem.js +27 -152
  75. package/ListItem/ListItem.mjs +27 -152
  76. package/ListItem/listItemClasses.d.mts +2 -4
  77. package/ListItem/listItemClasses.d.ts +2 -4
  78. package/ListItem/listItemClasses.js +1 -1
  79. package/ListItem/listItemClasses.mjs +1 -1
  80. package/ListItemButton/ListItemButton.d.mts +1 -2
  81. package/ListItemButton/ListItemButton.d.ts +1 -2
  82. package/ListItemButton/ListItemButton.js +1 -2
  83. package/ListItemButton/ListItemButton.mjs +1 -2
  84. package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +10 -6
  85. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +10 -6
  86. package/ListItemSecondaryAction/ListItemSecondaryAction.js +7 -2
  87. package/ListItemSecondaryAction/ListItemSecondaryAction.mjs +7 -2
  88. package/ListItemText/ListItemText.d.mts +12 -20
  89. package/ListItemText/ListItemText.d.ts +12 -20
  90. package/ListItemText/ListItemText.js +2 -20
  91. package/ListItemText/ListItemText.mjs +2 -20
  92. package/Modal/Modal.d.mts +1 -41
  93. package/Modal/Modal.d.ts +1 -41
  94. package/Modal/Modal.js +5 -58
  95. package/Modal/Modal.mjs +5 -58
  96. package/OutlinedInput/OutlinedInput.js +2 -14
  97. package/OutlinedInput/OutlinedInput.mjs +2 -14
  98. package/OutlinedInput/outlinedInputClasses.d.mts +0 -16
  99. package/OutlinedInput/outlinedInputClasses.d.ts +0 -16
  100. package/PaginationItem/PaginationItem.d.mts +0 -15
  101. package/PaginationItem/PaginationItem.d.ts +0 -15
  102. package/PaginationItem/PaginationItem.js +3 -24
  103. package/PaginationItem/PaginationItem.mjs +3 -24
  104. package/PaginationItem/paginationItemClasses.d.mts +0 -16
  105. package/PaginationItem/paginationItemClasses.d.ts +0 -16
  106. package/PaginationItem/paginationItemClasses.js +1 -1
  107. package/PaginationItem/paginationItemClasses.mjs +1 -1
  108. package/Radio/Radio.js +1 -13
  109. package/Radio/Radio.mjs +1 -13
  110. package/Rating/Rating.d.mts +0 -9
  111. package/Rating/Rating.d.ts +0 -9
  112. package/Rating/Rating.js +1 -17
  113. package/Rating/Rating.mjs +1 -17
  114. package/Select/SelectInput.js +2 -3
  115. package/Select/SelectInput.mjs +2 -3
  116. package/Select/selectClasses.d.mts +0 -12
  117. package/Select/selectClasses.d.ts +0 -12
  118. package/Select/selectClasses.js +1 -1
  119. package/Select/selectClasses.mjs +1 -1
  120. package/Slider/Slider.d.mts +0 -5
  121. package/Slider/Slider.d.ts +0 -5
  122. package/Slider/Slider.js +2 -8
  123. package/Slider/Slider.mjs +2 -8
  124. package/Slider/sliderClasses.d.mts +0 -28
  125. package/Slider/sliderClasses.d.ts +0 -28
  126. package/Slider/sliderClasses.js +1 -1
  127. package/Slider/sliderClasses.mjs +1 -1
  128. package/Stack/Stack.d.mts +2 -2
  129. package/Stack/Stack.d.ts +2 -2
  130. package/StepConnector/StepConnector.js +2 -8
  131. package/StepConnector/StepConnector.mjs +2 -8
  132. package/StepConnector/stepConnectorClasses.d.mts +0 -8
  133. package/StepConnector/stepConnectorClasses.d.ts +0 -8
  134. package/StepConnector/stepConnectorClasses.js +1 -1
  135. package/StepConnector/stepConnectorClasses.mjs +1 -1
  136. package/StepContent/StepContent.d.mts +1 -16
  137. package/StepContent/StepContent.d.ts +1 -16
  138. package/StepContent/StepContent.js +3 -22
  139. package/StepContent/StepContent.mjs +3 -22
  140. package/StepLabel/StepLabel.d.mts +0 -22
  141. package/StepLabel/StepLabel.d.ts +0 -22
  142. package/StepLabel/StepLabel.js +2 -31
  143. package/StepLabel/StepLabel.mjs +2 -31
  144. package/SvgIcon/createSvgIcon.d.mts +2 -0
  145. package/SvgIcon/createSvgIcon.d.ts +2 -0
  146. package/SvgIcon/createSvgIcon.js +31 -0
  147. package/SvgIcon/createSvgIcon.mjs +26 -0
  148. package/SvgIcon/index.d.mts +1 -0
  149. package/SvgIcon/index.d.ts +1 -0
  150. package/SvgIcon/index.js +8 -0
  151. package/SvgIcon/index.mjs +1 -0
  152. package/SwipeableDrawer/SwipeableDrawer.d.mts +0 -5
  153. package/SwipeableDrawer/SwipeableDrawer.d.ts +0 -5
  154. package/SwipeableDrawer/SwipeableDrawer.js +6 -37
  155. package/SwipeableDrawer/SwipeableDrawer.mjs +6 -37
  156. package/Switch/Switch.js +0 -11
  157. package/Switch/Switch.mjs +0 -11
  158. package/Tab/Tab.js +1 -3
  159. package/Tab/Tab.mjs +1 -3
  160. package/Tab/tabClasses.d.mts +0 -4
  161. package/Tab/tabClasses.d.ts +0 -4
  162. package/Tab/tabClasses.js +1 -1
  163. package/Tab/tabClasses.mjs +1 -1
  164. package/TablePagination/TablePagination.d.mts +0 -24
  165. package/TablePagination/TablePagination.d.ts +0 -24
  166. package/TablePagination/TablePagination.js +1 -29
  167. package/TablePagination/TablePagination.mjs +1 -29
  168. package/TablePaginationActions/TablePaginationActions.d.mts +0 -10
  169. package/TablePaginationActions/TablePaginationActions.d.ts +0 -10
  170. package/TablePaginationActions/TablePaginationActions.js +2 -14
  171. package/TablePaginationActions/TablePaginationActions.mjs +2 -14
  172. package/TableSortLabel/TableSortLabel.js +2 -7
  173. package/TableSortLabel/TableSortLabel.mjs +2 -7
  174. package/TableSortLabel/tableSortLabelClasses.d.mts +0 -8
  175. package/TableSortLabel/tableSortLabelClasses.d.ts +0 -8
  176. package/TableSortLabel/tableSortLabelClasses.js +1 -1
  177. package/TableSortLabel/tableSortLabelClasses.mjs +1 -1
  178. package/Tabs/Tabs.js +3 -3
  179. package/Tabs/Tabs.mjs +3 -3
  180. package/Tabs/tabsClasses.d.mts +0 -6
  181. package/Tabs/tabsClasses.d.ts +0 -6
  182. package/Tabs/tabsClasses.js +1 -1
  183. package/Tabs/tabsClasses.mjs +1 -1
  184. package/ToggleButtonGroup/ToggleButtonGroup.js +1 -4
  185. package/ToggleButtonGroup/ToggleButtonGroup.mjs +1 -4
  186. package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts +0 -8
  187. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +0 -8
  188. package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  189. package/ToggleButtonGroup/toggleButtonGroupClasses.mjs +1 -1
  190. package/Typography/Typography.d.mts +3 -3
  191. package/Typography/Typography.d.ts +3 -3
  192. package/Typography/Typography.js +2 -24
  193. package/Typography/Typography.mjs +3 -25
  194. package/index.js +1 -1
  195. package/index.mjs +1 -1
  196. package/internal/SwitchBase.d.mts +0 -10
  197. package/internal/SwitchBase.d.ts +0 -10
  198. package/internal/SwitchBase.js +1 -16
  199. package/internal/SwitchBase.mjs +1 -16
  200. package/package.json +7 -7
  201. package/styles/createThemeWithVars.js +1 -0
  202. package/styles/createThemeWithVars.mjs +1 -0
  203. package/styles/stringifyTheme.js +1 -1
  204. package/styles/stringifyTheme.mjs +1 -1
  205. package/utils/createSvgIcon.d.mts +4 -2
  206. package/utils/createSvgIcon.d.ts +4 -2
  207. package/utils/createSvgIcon.js +6 -24
  208. package/utils/createSvgIcon.mjs +2 -24
  209. package/version/index.js +2 -2
  210. package/version/index.mjs +2 -2
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
3
  export function getDividerUtilityClass(slot) {
4
4
  return generateUtilityClass('MuiDivider', slot);
5
5
  }
6
- const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
6
+ const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
7
7
  export default dividerClasses;
@@ -5,7 +5,6 @@ import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
5
5
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
6
6
  import { ModalProps } from "../Modal/index.mjs";
7
7
  import { BackdropProps } from "../Backdrop/index.mjs";
8
- import { SlideProps } from "../Slide/index.mjs";
9
8
  import { PaperProps } from "../Paper/index.mjs";
10
9
  import { TransitionProps } from "../transitions/transition.mjs";
11
10
  import { DrawerClasses } from "./drawerClasses.mjs";
@@ -106,17 +105,6 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
106
105
  * @default false
107
106
  */
108
107
  open?: boolean | undefined;
109
- /**
110
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
111
- * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
112
- * @default {}
113
- */
114
- PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
115
- /**
116
- * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
117
- * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
118
- */
119
- SlideProps?: Partial<SlideProps> | undefined;
120
108
  /**
121
109
  * The system prop that allows defining system overrides as well as additional CSS styles.
122
110
  */
@@ -5,7 +5,6 @@ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
5
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
6
6
  import { ModalProps } from "../Modal/index.js";
7
7
  import { BackdropProps } from "../Backdrop/index.js";
8
- import { SlideProps } from "../Slide/index.js";
9
8
  import { PaperProps } from "../Paper/index.js";
10
9
  import { TransitionProps } from "../transitions/transition.js";
11
10
  import { DrawerClasses } from "./drawerClasses.js";
@@ -106,17 +105,6 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
106
105
  * @default false
107
106
  */
108
107
  open?: boolean | undefined;
109
- /**
110
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
111
- * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
112
- * @default {}
113
- */
114
- PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
115
- /**
116
- * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
117
- * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
118
- */
119
- SlideProps?: Partial<SlideProps> | undefined;
120
108
  /**
121
109
  * The system prop that allows defining system overrides as well as additional CSS styles.
122
110
  */
package/Drawer/Drawer.js CHANGED
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
43
43
  root: ['root', `anchor${(0, _capitalize.default)(anchor)}`],
44
44
  docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
45
45
  modal: ['modal'],
46
- paper: ['paper', `paperAnchor${(0, _capitalize.default)(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${(0, _capitalize.default)(anchor)}`]
46
+ paper: ['paper']
47
47
  };
48
48
  return (0, _composeClasses.default)(slots, _drawerClasses.getDrawerUtilityClass, classes);
49
49
  };
@@ -69,10 +69,7 @@ const DrawerPaper = (0, _zeroStyled.styled)(_Paper.default, {
69
69
  name: 'MuiDrawer',
70
70
  slot: 'Paper',
71
71
  overridesResolver: (props, styles) => {
72
- const {
73
- ownerState
74
- } = props;
75
- return [styles.paper, styles[`paperAnchor${(0, _capitalize.default)(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${(0, _capitalize.default)(ownerState.anchor)}`]];
72
+ return [styles.paper];
76
73
  }
77
74
  })((0, _memoTheme.default)(({
78
75
  theme
@@ -191,21 +188,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
191
188
  };
192
189
  const {
193
190
  anchor: anchorProp = 'left',
194
- BackdropProps,
195
191
  children,
196
192
  className,
197
193
  elevation = 16,
198
194
  hideBackdrop = false,
199
- ModalProps: {
200
- BackdropProps: BackdropPropsProp,
201
- ...ModalProps
202
- } = {},
195
+ ModalProps = {},
203
196
  onClose,
204
197
  open = false,
205
- PaperProps = {},
206
- SlideProps,
207
- // eslint-disable-next-line react/prop-types
208
- TransitionComponent,
209
198
  transitionDuration = defaultTransitionDuration,
210
199
  variant = 'temporary',
211
200
  slots = {},
@@ -234,18 +223,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
234
223
  };
235
224
  const classes = useUtilityClasses(ownerState);
236
225
  const externalForwardedProps = {
237
- slots: {
238
- transition: TransitionComponent,
239
- ...slots
240
- },
226
+ slots,
241
227
  slotProps: {
242
- paper: PaperProps,
243
- transition: SlideProps,
244
228
  ...slotProps,
245
- backdrop: (0, _utils.mergeSlotProps)(slotProps.backdrop || {
246
- ...BackdropProps,
247
- ...BackdropPropsProp
248
- }, {
229
+ backdrop: (0, _utils.mergeSlotProps)(slotProps.backdrop, {
249
230
  transitionDuration
250
231
  })
251
232
  }
@@ -276,7 +257,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
276
257
  const [PaperSlot, paperSlotProps] = (0, _useSlot.default)('paper', {
277
258
  elementType: DrawerPaper,
278
259
  shouldForwardComponentProp: true,
279
- className: (0, _clsx.default)(classes.paper, PaperProps.className),
260
+ className: classes.paper,
280
261
  ownerState,
281
262
  externalForwardedProps,
282
263
  additionalProps: {
@@ -344,10 +325,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
344
325
  * @default 'left'
345
326
  */
346
327
  anchor: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
347
- /**
348
- * @ignore
349
- */
350
- BackdropProps: _propTypes.default.object,
351
328
  /**
352
329
  * The content of the component.
353
330
  */
@@ -388,17 +365,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
388
365
  * @default false
389
366
  */
390
367
  open: _propTypes.default.bool,
391
- /**
392
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
393
- * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
394
- * @default {}
395
- */
396
- PaperProps: _propTypes.default.object,
397
- /**
398
- * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
399
- * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
400
- */
401
- SlideProps: _propTypes.default.object,
402
368
  /**
403
369
  * The props used for each slot inside.
404
370
  * @default {}
package/Drawer/Drawer.mjs CHANGED
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
34
34
  root: ['root', `anchor${capitalize(anchor)}`],
35
35
  docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
36
36
  modal: ['modal'],
37
- paper: ['paper', `paperAnchor${capitalize(anchor)}`, variant !== 'temporary' && `paperAnchorDocked${capitalize(anchor)}`]
37
+ paper: ['paper']
38
38
  };
39
39
  return composeClasses(slots, getDrawerUtilityClass, classes);
40
40
  };
@@ -60,10 +60,7 @@ const DrawerPaper = styled(Paper, {
60
60
  name: 'MuiDrawer',
61
61
  slot: 'Paper',
62
62
  overridesResolver: (props, styles) => {
63
- const {
64
- ownerState
65
- } = props;
66
- return [styles.paper, styles[`paperAnchor${capitalize(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${capitalize(ownerState.anchor)}`]];
63
+ return [styles.paper];
67
64
  }
68
65
  })(memoTheme(({
69
66
  theme
@@ -182,21 +179,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
182
179
  };
183
180
  const {
184
181
  anchor: anchorProp = 'left',
185
- BackdropProps,
186
182
  children,
187
183
  className,
188
184
  elevation = 16,
189
185
  hideBackdrop = false,
190
- ModalProps: {
191
- BackdropProps: BackdropPropsProp,
192
- ...ModalProps
193
- } = {},
186
+ ModalProps = {},
194
187
  onClose,
195
188
  open = false,
196
- PaperProps = {},
197
- SlideProps,
198
- // eslint-disable-next-line react/prop-types
199
- TransitionComponent,
200
189
  transitionDuration = defaultTransitionDuration,
201
190
  variant = 'temporary',
202
191
  slots = {},
@@ -225,18 +214,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
225
214
  };
226
215
  const classes = useUtilityClasses(ownerState);
227
216
  const externalForwardedProps = {
228
- slots: {
229
- transition: TransitionComponent,
230
- ...slots
231
- },
217
+ slots,
232
218
  slotProps: {
233
- paper: PaperProps,
234
- transition: SlideProps,
235
219
  ...slotProps,
236
- backdrop: mergeSlotProps(slotProps.backdrop || {
237
- ...BackdropProps,
238
- ...BackdropPropsProp
239
- }, {
220
+ backdrop: mergeSlotProps(slotProps.backdrop, {
240
221
  transitionDuration
241
222
  })
242
223
  }
@@ -267,7 +248,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
267
248
  const [PaperSlot, paperSlotProps] = useSlot('paper', {
268
249
  elementType: DrawerPaper,
269
250
  shouldForwardComponentProp: true,
270
- className: clsx(classes.paper, PaperProps.className),
251
+ className: classes.paper,
271
252
  ownerState,
272
253
  externalForwardedProps,
273
254
  additionalProps: {
@@ -335,10 +316,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
335
316
  * @default 'left'
336
317
  */
337
318
  anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
338
- /**
339
- * @ignore
340
- */
341
- BackdropProps: PropTypes.object,
342
319
  /**
343
320
  * The content of the component.
344
321
  */
@@ -379,17 +356,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
379
356
  * @default false
380
357
  */
381
358
  open: PropTypes.bool,
382
- /**
383
- * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
384
- * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
385
- * @default {}
386
- */
387
- PaperProps: PropTypes.object,
388
- /**
389
- * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
390
- * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
391
- */
392
- SlideProps: PropTypes.object,
393
359
  /**
394
360
  * The props used for each slot inside.
395
361
  * @default {}
@@ -13,38 +13,6 @@ export interface DrawerClasses {
13
13
  anchorTop: string;
14
14
  /** Styles applied to the root element if `anchor="bottom"`. */
15
15
  anchorBottom: string;
16
- /** Styles applied to the Paper component if `anchor="left"`.
17
- * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
18
- */
19
- paperAnchorLeft: string;
20
- /** Styles applied to the Paper component if `anchor="right"`.
21
- * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
22
- */
23
- paperAnchorRight: string;
24
- /** Styles applied to the Paper component if `anchor="top"`.
25
- * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
26
- */
27
- paperAnchorTop: string;
28
- /** Styles applied to the Paper component if `anchor="bottom"`.
29
- * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
30
- */
31
- paperAnchorBottom: string;
32
- /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
33
- * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
34
- */
35
- paperAnchorDockedLeft: string;
36
- /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
37
- * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
38
- */
39
- paperAnchorDockedTop: string;
40
- /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
41
- * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
42
- */
43
- paperAnchorDockedRight: string;
44
- /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
45
- * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
46
- */
47
- paperAnchorDockedBottom: string;
48
16
  /** Styles applied to the Modal component. */
49
17
  modal: string;
50
18
  }
@@ -13,38 +13,6 @@ export interface DrawerClasses {
13
13
  anchorTop: string;
14
14
  /** Styles applied to the root element if `anchor="bottom"`. */
15
15
  anchorBottom: string;
16
- /** Styles applied to the Paper component if `anchor="left"`.
17
- * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
18
- */
19
- paperAnchorLeft: string;
20
- /** Styles applied to the Paper component if `anchor="right"`.
21
- * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
22
- */
23
- paperAnchorRight: string;
24
- /** Styles applied to the Paper component if `anchor="top"`.
25
- * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
26
- */
27
- paperAnchorTop: string;
28
- /** Styles applied to the Paper component if `anchor="bottom"`.
29
- * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
30
- */
31
- paperAnchorBottom: string;
32
- /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
33
- * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
34
- */
35
- paperAnchorDockedLeft: string;
36
- /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
37
- * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
38
- */
39
- paperAnchorDockedTop: string;
40
- /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
41
- * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
42
- */
43
- paperAnchorDockedRight: string;
44
- /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
45
- * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
46
- */
47
- paperAnchorDockedBottom: string;
48
16
  /** Styles applied to the Modal component. */
49
17
  modal: string;
50
18
  }
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
11
11
  function getDrawerUtilityClass(slot) {
12
12
  return (0, _generateUtilityClass.default)('MuiDrawer', slot);
13
13
  }
14
- const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
14
+ const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'modal']);
15
15
  var _default = exports.default = drawerClasses;
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
3
  export function getDrawerUtilityClass(slot) {
4
4
  return generateUtilityClass('MuiDrawer', slot);
5
5
  }
6
- const drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
6
+ const drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'modal']);
7
7
  export default drawerClasses;
@@ -280,8 +280,6 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
280
280
  });
281
281
  const {
282
282
  disableUnderline = false,
283
- components = {},
284
- componentsProps: componentsPropsProp,
285
283
  fullWidth = false,
286
284
  hiddenLabel,
287
285
  // declare here to prevent spreading to DOM
@@ -309,9 +307,9 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
309
307
  ownerState
310
308
  }
311
309
  };
312
- const componentsProps = slotProps ?? componentsPropsProp ? (0, _deepmerge.default)(filledInputComponentsProps, slotProps ?? componentsPropsProp) : filledInputComponentsProps;
313
- const RootSlot = slots.root ?? components.Root ?? FilledInputRoot;
314
- const InputSlot = slots.input ?? components.Input ?? FilledInputInput;
310
+ const componentsProps = slotProps ? (0, _deepmerge.default)(filledInputComponentsProps, slotProps) : filledInputComponentsProps;
311
+ const RootSlot = slots.root ?? FilledInputRoot;
312
+ const InputSlot = slots.input ?? FilledInputInput;
315
313
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
316
314
  slots: {
317
315
  root: RootSlot,
@@ -353,29 +351,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
353
351
  * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
354
352
  */
355
353
  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
356
- /**
357
- * The components used for each slot inside.
358
- *
359
- * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
360
- *
361
- * @default {}
362
- */
363
- components: _propTypes.default.shape({
364
- Input: _propTypes.default.elementType,
365
- Root: _propTypes.default.elementType
366
- }),
367
- /**
368
- * The extra props for the slot components.
369
- * You can override the existing props or add new ones.
370
- *
371
- * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
372
- *
373
- * @default {}
374
- */
375
- componentsProps: _propTypes.default.shape({
376
- input: _propTypes.default.object,
377
- root: _propTypes.default.object
378
- }),
379
354
  /**
380
355
  * The default value. Use when the component is not controlled.
381
356
  */
@@ -482,8 +457,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
482
457
  * The extra props for the slot components.
483
458
  * You can override the existing props or add new ones.
484
459
  *
485
- * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
486
- *
487
460
  * @default {}
488
461
  */
489
462
  slotProps: _propTypes.default.shape({
@@ -493,8 +466,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
493
466
  /**
494
467
  * The components used for each slot inside.
495
468
  *
496
- * This prop is an alias for the `components` prop, which will be deprecated in the future.
497
- *
498
469
  * @default {}
499
470
  */
500
471
  slots: _propTypes.default.shape({
@@ -273,8 +273,6 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
273
273
  });
274
274
  const {
275
275
  disableUnderline = false,
276
- components = {},
277
- componentsProps: componentsPropsProp,
278
276
  fullWidth = false,
279
277
  hiddenLabel,
280
278
  // declare here to prevent spreading to DOM
@@ -302,9 +300,9 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
302
300
  ownerState
303
301
  }
304
302
  };
305
- const componentsProps = slotProps ?? componentsPropsProp ? deepmerge(filledInputComponentsProps, slotProps ?? componentsPropsProp) : filledInputComponentsProps;
306
- const RootSlot = slots.root ?? components.Root ?? FilledInputRoot;
307
- const InputSlot = slots.input ?? components.Input ?? FilledInputInput;
303
+ const componentsProps = slotProps ? deepmerge(filledInputComponentsProps, slotProps) : filledInputComponentsProps;
304
+ const RootSlot = slots.root ?? FilledInputRoot;
305
+ const InputSlot = slots.input ?? FilledInputInput;
308
306
  return /*#__PURE__*/_jsx(InputBase, {
309
307
  slots: {
310
308
  root: RootSlot,
@@ -346,29 +344,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
346
344
  * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
347
345
  */
348
346
  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
349
- /**
350
- * The components used for each slot inside.
351
- *
352
- * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
353
- *
354
- * @default {}
355
- */
356
- components: PropTypes.shape({
357
- Input: PropTypes.elementType,
358
- Root: PropTypes.elementType
359
- }),
360
- /**
361
- * The extra props for the slot components.
362
- * You can override the existing props or add new ones.
363
- *
364
- * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
365
- *
366
- * @default {}
367
- */
368
- componentsProps: PropTypes.shape({
369
- input: PropTypes.object,
370
- root: PropTypes.object
371
- }),
372
347
  /**
373
348
  * The default value. Use when the component is not controlled.
374
349
  */
@@ -475,8 +450,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
475
450
  * The extra props for the slot components.
476
451
  * You can override the existing props or add new ones.
477
452
  *
478
- * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
479
- *
480
453
  * @default {}
481
454
  */
482
455
  slotProps: PropTypes.shape({
@@ -486,8 +459,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
486
459
  /**
487
460
  * The components used for each slot inside.
488
461
  *
489
- * This prop is an alias for the `components` prop, which will be deprecated in the future.
490
- *
491
462
  * @default {}
492
463
  */
493
464
  slots: PropTypes.shape({
@@ -21,15 +21,14 @@ const useUtilityClasses = ownerState => {
21
21
  const {
22
22
  classes,
23
23
  position,
24
- actionIcon,
25
24
  actionPosition
26
25
  } = ownerState;
27
26
  const slots = {
28
27
  root: ['root', `position${(0, _capitalize.default)(position)}`, `actionPosition${(0, _capitalize.default)(actionPosition)}`],
29
- titleWrap: ['titleWrap', `titleWrap${(0, _capitalize.default)(position)}`, actionIcon && `titleWrapActionPos${(0, _capitalize.default)(actionPosition)}`],
28
+ titleWrap: ['titleWrap'],
30
29
  title: ['title'],
31
30
  subtitle: ['subtitle'],
32
- actionIcon: ['actionIcon', `actionIconActionPos${(0, _capitalize.default)(actionPosition)}`]
31
+ actionIcon: ['actionIcon']
33
32
  };
34
33
  return (0, _composeClasses.default)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
35
34
  };
@@ -81,13 +80,7 @@ const ImageListItemBarRoot = (0, _zeroStyled.styled)('div', {
81
80
  }));
82
81
  const ImageListItemBarTitleWrap = (0, _zeroStyled.styled)('div', {
83
82
  name: 'MuiImageListItemBar',
84
- slot: 'TitleWrap',
85
- overridesResolver: (props, styles) => {
86
- const {
87
- ownerState
88
- } = props;
89
- return [styles.titleWrap, styles[`titleWrap${(0, _capitalize.default)(ownerState.position)}`], ownerState.actionIcon && styles[`titleWrapActionPos${(0, _capitalize.default)(ownerState.actionPosition)}`]];
90
- }
83
+ slot: 'TitleWrap'
91
84
  })((0, _memoTheme.default)(({
92
85
  theme
93
86
  }) => {
@@ -151,13 +144,7 @@ const ImageListItemBarSubtitle = (0, _zeroStyled.styled)('div', {
151
144
  }));
152
145
  const ImageListItemBarActionIcon = (0, _zeroStyled.styled)('div', {
153
146
  name: 'MuiImageListItemBar',
154
- slot: 'ActionIcon',
155
- overridesResolver: (props, styles) => {
156
- const {
157
- ownerState
158
- } = props;
159
- return [styles.actionIcon, styles[`actionIconActionPos${(0, _capitalize.default)(ownerState.actionPosition)}`]];
160
- }
147
+ slot: 'ActionIcon'
161
148
  })({
162
149
  variants: [{
163
150
  props: {
@@ -14,15 +14,14 @@ const useUtilityClasses = ownerState => {
14
14
  const {
15
15
  classes,
16
16
  position,
17
- actionIcon,
18
17
  actionPosition
19
18
  } = ownerState;
20
19
  const slots = {
21
20
  root: ['root', `position${capitalize(position)}`, `actionPosition${capitalize(actionPosition)}`],
22
- titleWrap: ['titleWrap', `titleWrap${capitalize(position)}`, actionIcon && `titleWrapActionPos${capitalize(actionPosition)}`],
21
+ titleWrap: ['titleWrap'],
23
22
  title: ['title'],
24
23
  subtitle: ['subtitle'],
25
- actionIcon: ['actionIcon', `actionIconActionPos${capitalize(actionPosition)}`]
24
+ actionIcon: ['actionIcon']
26
25
  };
27
26
  return composeClasses(slots, getImageListItemBarUtilityClass, classes);
28
27
  };
@@ -74,13 +73,7 @@ const ImageListItemBarRoot = styled('div', {
74
73
  }));
75
74
  const ImageListItemBarTitleWrap = styled('div', {
76
75
  name: 'MuiImageListItemBar',
77
- slot: 'TitleWrap',
78
- overridesResolver: (props, styles) => {
79
- const {
80
- ownerState
81
- } = props;
82
- return [styles.titleWrap, styles[`titleWrap${capitalize(ownerState.position)}`], ownerState.actionIcon && styles[`titleWrapActionPos${capitalize(ownerState.actionPosition)}`]];
83
- }
76
+ slot: 'TitleWrap'
84
77
  })(memoTheme(({
85
78
  theme
86
79
  }) => {
@@ -144,13 +137,7 @@ const ImageListItemBarSubtitle = styled('div', {
144
137
  }));
145
138
  const ImageListItemBarActionIcon = styled('div', {
146
139
  name: 'MuiImageListItemBar',
147
- slot: 'ActionIcon',
148
- overridesResolver: (props, styles) => {
149
- const {
150
- ownerState
151
- } = props;
152
- return [styles.actionIcon, styles[`actionIconActionPos${capitalize(ownerState.actionPosition)}`]];
153
- }
140
+ slot: 'ActionIcon'
154
141
  })({
155
142
  variants: [{
156
143
  props: {
@@ -13,28 +13,12 @@ export interface ImageListItemBarClasses {
13
13
  actionPositionRight: string;
14
14
  /** Styles applied to the title and subtitle container element. */
15
15
  titleWrap: string;
16
- /** Styles applied to the title and subtitle container element if `position="below"`.
17
- * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
18
- */
19
- titleWrapBelow: string;
20
- /** Styles applied to the container element if `actionPosition="left"`.
21
- * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
22
- */
23
- titleWrapActionPosLeft: string;
24
- /** Styles applied to the container element if `actionPosition="right"`.
25
- * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
26
- */
27
- titleWrapActionPosRight: string;
28
16
  /** Styles applied to the title container element. */
29
17
  title: string;
30
18
  /** Styles applied to the subtitle container element. */
31
19
  subtitle: string;
32
20
  /** Styles applied to the actionIcon if supplied. */
33
21
  actionIcon: string;
34
- /** Styles applied to the actionIcon if `actionPosition="left"`.
35
- * @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
36
- */
37
- actionIconActionPosLeft: string;
38
22
  }
39
23
  export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
40
24
  export declare function getImageListItemBarUtilityClass(slot: string): string;