@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,10 +3,8 @@
3
3
  import * as React from 'react';
4
4
  import * as ReactDOM from 'react-dom';
5
5
  import PropTypes from 'prop-types';
6
- import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
7
6
  import NoSsr from "../NoSsr/index.mjs";
8
7
  import Drawer, { getAnchor, isHorizontal } from "../Drawer/Drawer.mjs";
9
- import useForkRef from "../utils/useForkRef.mjs";
10
8
  import ownerDocument from "../utils/ownerDocument.mjs";
11
9
  import ownerWindow from "../utils/ownerWindow.mjs";
12
10
  import useEventCallback from "../utils/useEventCallback.mjs";
@@ -134,15 +132,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
134
132
  hysteresis = 0.52,
135
133
  allowSwipeInChildren = false,
136
134
  minFlingVelocity = 450,
137
- ModalProps: {
138
- BackdropProps,
139
- ...ModalPropsProp
140
- } = {},
135
+ ModalProps: ModalPropsProp = {},
141
136
  onClose,
142
137
  onOpen,
143
138
  open = false,
144
- PaperProps = {},
145
- SwipeAreaProps,
146
139
  swipeAreaWidth = 20,
147
140
  transitionDuration = transitionDurationDefault,
148
141
  variant = 'temporary',
@@ -158,7 +151,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
158
151
  const swipeAreaRef = React.useRef();
159
152
  const backdropRef = React.useRef();
160
153
  const paperRef = React.useRef();
161
- const handleRef = useForkRef(PaperProps.ref, paperRef);
162
154
  const touchDetected = React.useRef(false);
163
155
 
164
156
  // Ref for transition duration based on / to match swipe speed
@@ -460,10 +452,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
460
452
  ownerState: props,
461
453
  externalForwardedProps: {
462
454
  slots,
463
- slotProps: {
464
- swipeArea: SwipeAreaProps,
465
- ...slotProps
466
- }
455
+ slotProps
467
456
  },
468
457
  additionalProps: {
469
458
  width: swipeAreaWidth,
@@ -475,10 +464,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
475
464
  open: variant === 'temporary' && maybeSwiping ? true : open,
476
465
  variant: variant,
477
466
  ModalProps: {
478
- BackdropProps: {
479
- ...BackdropProps,
480
- ref: backdropRef
481
- },
482
467
  // Ensures that paperRef.current will be defined inside the touch start event handler
483
468
  // See https://github.com/mui/material-ui/issues/30414 for more information
484
469
  ...(variant === 'temporary' && {
@@ -494,14 +479,14 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
494
479
  slots: slots,
495
480
  slotProps: {
496
481
  ...slotProps,
497
- backdrop: mergeSlotProps(slotProps.backdrop ?? BackdropProps, {
482
+ backdrop: mergeSlotProps(slotProps.backdrop, {
498
483
  ref: backdropRef
499
484
  }),
500
- paper: mergeSlotProps(slotProps.paper ?? PaperProps, {
485
+ paper: mergeSlotProps(slotProps.paper, {
501
486
  style: {
502
487
  pointerEvents: variant === 'temporary' && !open && !allowSwipeInChildren ? 'none' : ''
503
488
  },
504
- ref: handleRef
489
+ ref: paperRef
505
490
  })
506
491
  },
507
492
  ...other
@@ -576,11 +561,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
576
561
  /**
577
562
  * @ignore
578
563
  */
579
- ModalProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
580
- BackdropProps: PropTypes.shape({
581
- component: elementTypeAcceptingRef
582
- })
583
- }),
564
+ ModalProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({}),
584
565
  /**
585
566
  * Callback fired when the component requests to be closed.
586
567
  *
@@ -598,13 +579,6 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
598
579
  * @default false
599
580
  */
600
581
  open: PropTypes.bool,
601
- /**
602
- * @ignore
603
- */
604
- PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
605
- component: elementTypeAcceptingRef,
606
- style: PropTypes.object
607
- }),
608
582
  /**
609
583
  * The props used for each slot inside.
610
584
  * @default {}
@@ -629,11 +603,6 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
629
603
  swipeArea: PropTypes.elementType,
630
604
  transition: PropTypes.elementType
631
605
  }),
632
- /**
633
- * The element is used to intercept the touch events on the edge.
634
- * @deprecated use the `slotProps.swipeArea` 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.
635
- */
636
- SwipeAreaProps: PropTypes.object,
637
606
  /**
638
607
  * The width of the left most (or right most) area in `px` that
639
608
  * the drawer can be swiped open from.
package/Switch/Switch.js CHANGED
@@ -11,7 +11,6 @@ exports.default = void 0;
11
11
  var React = _interopRequireWildcard(require("react"));
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
  var _clsx = _interopRequireDefault(require("clsx"));
14
- var _refType = _interopRequireDefault(require("@mui/utils/refType"));
15
14
  var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
16
15
  var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
17
16
  var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
@@ -350,16 +349,6 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
350
349
  * The id of the `input` element.
351
350
  */
352
351
  id: _propTypes.default.string,
353
- /**
354
- * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
355
- * @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.
356
- */
357
- inputProps: _propTypes.default.object,
358
- /**
359
- * Pass a ref to the `input` element.
360
- * @deprecated Use `slotProps.input.ref` 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.
361
- */
362
- inputRef: _refType.default,
363
352
  /**
364
353
  * Callback fired when the state is changed.
365
354
  *
package/Switch/Switch.mjs CHANGED
@@ -4,7 +4,6 @@
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
- import refType from '@mui/utils/refType';
8
7
  import composeClasses from '@mui/utils/composeClasses';
9
8
  import capitalize from "../utils/capitalize.mjs";
10
9
  import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.mjs";
@@ -343,16 +342,6 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
343
342
  * The id of the `input` element.
344
343
  */
345
344
  id: PropTypes.string,
346
- /**
347
- * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
348
- * @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.
349
- */
350
- inputProps: PropTypes.object,
351
- /**
352
- * Pass a ref to the `input` element.
353
- * @deprecated Use `slotProps.input.ref` 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.
354
- */
355
- inputRef: refType,
356
345
  /**
357
346
  * Callback fired when the state is changed.
358
347
  *
package/Tab/Tab.js CHANGED
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
32
32
  } = ownerState;
33
33
  const slots = {
34
34
  root: ['root', icon && label && 'labelIcon', `textColor${(0, _capitalize.default)(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
35
- icon: ['iconWrapper', 'icon']
35
+ icon: ['icon']
36
36
  };
37
37
  return (0, _composeClasses.default)(slots, _tabClasses.getTabUtilityClass, classes);
38
38
  };
@@ -44,8 +44,6 @@ const TabRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
44
44
  ownerState
45
45
  } = props;
46
46
  return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${(0, _capitalize.default)(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, {
47
- [`& .${_tabClasses.default.iconWrapper}`]: styles.iconWrapper
48
- }, {
49
47
  [`& .${_tabClasses.default.icon}`]: styles.icon
50
48
  }];
51
49
  }
package/Tab/Tab.mjs CHANGED
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
25
25
  } = ownerState;
26
26
  const slots = {
27
27
  root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
28
- icon: ['iconWrapper', 'icon']
28
+ icon: ['icon']
29
29
  };
30
30
  return composeClasses(slots, getTabUtilityClass, classes);
31
31
  };
@@ -37,8 +37,6 @@ const TabRoot = styled(ButtonBase, {
37
37
  ownerState
38
38
  } = props;
39
39
  return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, {
40
- [`& .${tabClasses.iconWrapper}`]: styles.iconWrapper
41
- }, {
42
40
  [`& .${tabClasses.icon}`]: styles.icon
43
41
  }];
44
42
  }
@@ -17,10 +17,6 @@ export interface TabClasses {
17
17
  fullWidth: string;
18
18
  /** Styles applied to the root element if `wrapped={true}`. */
19
19
  wrapped: string;
20
- /** Styles applied to the `icon` HTML element if both `icon` and `label` are provided.
21
- * @deprecated Use `icon` class instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details
22
- */
23
- iconWrapper: string;
24
20
  /** Styles applied to the `icon` HTML element if both `icon` and `label` are provided. */
25
21
  icon: string;
26
22
  }
@@ -17,10 +17,6 @@ export interface TabClasses {
17
17
  fullWidth: string;
18
18
  /** Styles applied to the root element if `wrapped={true}`. */
19
19
  wrapped: string;
20
- /** Styles applied to the `icon` HTML element if both `icon` and `label` are provided.
21
- * @deprecated Use `icon` class instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details
22
- */
23
- iconWrapper: string;
24
20
  /** Styles applied to the `icon` HTML element if both `icon` and `label` are provided. */
25
21
  icon: string;
26
22
  }
package/Tab/tabClasses.js CHANGED
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
11
11
  function getTabUtilityClass(slot) {
12
12
  return (0, _generateUtilityClass.default)('MuiTab', slot);
13
13
  }
14
- const tabClasses = (0, _generateUtilityClasses.default)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper', 'icon']);
14
+ const tabClasses = (0, _generateUtilityClasses.default)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'icon']);
15
15
  var _default = exports.default = tabClasses;
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
3
  export function getTabUtilityClass(slot) {
4
4
  return generateUtilityClass('MuiTab', slot);
5
5
  }
6
- const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper', 'icon']);
6
+ const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'icon']);
7
7
  export default tabClasses;
@@ -4,7 +4,6 @@ import { Theme } from "../styles/index.mjs";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.mjs";
5
5
  import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.mjs";
6
6
  import { TableCellProps } from "../TableCell/index.mjs";
7
- import { IconButtonProps } from "../IconButton/index.mjs";
8
7
  import { SelectProps } from "../Select/index.mjs";
9
8
  import { TablePaginationClasses } from "./tablePaginationClasses.mjs";
10
9
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
@@ -122,13 +121,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
122
121
  * @default TablePaginationActions
123
122
  */
124
123
  ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
125
- /**
126
- * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
127
- *
128
- * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
129
- * @deprecated Use `slotProps.actions.previousButton` instead.
130
- */
131
- backIconButtonProps?: Partial<IconButtonProps> | undefined;
132
124
  /**
133
125
  * Override or extend the styles applied to the component.
134
126
  */
@@ -173,13 +165,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
173
165
  * @default 'Rows per page:'
174
166
  */
175
167
  labelRowsPerPage?: React.ReactNode;
176
- /**
177
- * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
178
- *
179
- * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
180
- * @deprecated Use `slotProps.actions.nextButton` instead.
181
- */
182
- nextIconButtonProps?: Partial<IconButtonProps> | undefined;
183
168
  /**
184
169
  * Callback fired when the page is changed.
185
170
  *
@@ -213,15 +198,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
213
198
  value: number;
214
199
  label: string;
215
200
  }> | undefined;
216
- /**
217
- * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
218
- *
219
- * This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
220
- * @deprecated Use `slotProps.select` instead.
221
- *
222
- * @default {}
223
- */
224
- SelectProps?: Partial<SelectProps> | undefined;
225
201
  /**
226
202
  * If `true`, show the first-page button.
227
203
  * @default false
@@ -4,7 +4,6 @@ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.js";
6
6
  import { TableCellProps } from "../TableCell/index.js";
7
- import { IconButtonProps } from "../IconButton/index.js";
8
7
  import { SelectProps } from "../Select/index.js";
9
8
  import { TablePaginationClasses } from "./tablePaginationClasses.js";
10
9
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
@@ -122,13 +121,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
122
121
  * @default TablePaginationActions
123
122
  */
124
123
  ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
125
- /**
126
- * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
127
- *
128
- * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
129
- * @deprecated Use `slotProps.actions.previousButton` instead.
130
- */
131
- backIconButtonProps?: Partial<IconButtonProps> | undefined;
132
124
  /**
133
125
  * Override or extend the styles applied to the component.
134
126
  */
@@ -173,13 +165,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
173
165
  * @default 'Rows per page:'
174
166
  */
175
167
  labelRowsPerPage?: React.ReactNode;
176
- /**
177
- * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
178
- *
179
- * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
180
- * @deprecated Use `slotProps.actions.nextButton` instead.
181
- */
182
- nextIconButtonProps?: Partial<IconButtonProps> | undefined;
183
168
  /**
184
169
  * Callback fired when the page is changed.
185
170
  *
@@ -213,15 +198,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
213
198
  value: number;
214
199
  label: string;
215
200
  }> | undefined;
216
- /**
217
- * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
218
- *
219
- * This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
220
- * @deprecated Use `slotProps.select` instead.
221
- *
222
- * @default {}
223
- */
224
- SelectProps?: Partial<SelectProps> | undefined;
225
201
  /**
226
202
  * If `true`, show the first-page button.
227
203
  * @default false
@@ -157,7 +157,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
157
157
  });
158
158
  const {
159
159
  ActionsComponent = _TablePaginationActions.default,
160
- backIconButtonProps,
161
160
  colSpan: colSpanProp,
162
161
  component = _TableCell.default,
163
162
  count,
@@ -165,13 +164,11 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
165
164
  getItemAriaLabel = defaultGetAriaLabel,
166
165
  labelDisplayedRows = defaultLabelDisplayedRows,
167
166
  labelRowsPerPage = 'Rows per page:',
168
- nextIconButtonProps,
169
167
  onPageChange,
170
168
  onRowsPerPageChange,
171
169
  page,
172
170
  rowsPerPage,
173
171
  rowsPerPageOptions = [10, 25, 50, 100],
174
- SelectProps = {},
175
172
  showFirstButton = false,
176
173
  showLastButton = false,
177
174
  slotProps = {},
@@ -180,7 +177,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
180
177
  } = props;
181
178
  const ownerState = props;
182
179
  const classes = useUtilityClasses(ownerState);
183
- const selectProps = slotProps?.select ?? SelectProps;
180
+ const selectProps = typeof slotProps?.select === 'function' ? slotProps.select(ownerState) : slotProps?.select ?? {};
184
181
  const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
185
182
  let colSpan;
186
183
  if (component === _TableCell.default || component === 'td') {
@@ -295,9 +292,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
295
292
  })
296
293
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionsComponent, {
297
294
  className: classes.actions,
298
- backIconButtonProps: backIconButtonProps,
299
295
  count: count,
300
- nextIconButtonProps: nextIconButtonProps,
301
296
  onPageChange: onPageChange,
302
297
  page: page,
303
298
  rowsPerPage: rowsPerPage,
@@ -322,13 +317,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
322
317
  * @default TablePaginationActions
323
318
  */
324
319
  ActionsComponent: _propTypes.default.elementType,
325
- /**
326
- * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
327
- *
328
- * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
329
- * @deprecated Use `slotProps.actions.previousButton` instead.
330
- */
331
- backIconButtonProps: _propTypes.default.object,
332
320
  /**
333
321
  * Override or extend the styles applied to the component.
334
322
  */
@@ -382,13 +370,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
382
370
  * @default 'Rows per page:'
383
371
  */
384
372
  labelRowsPerPage: _propTypes.default.node,
385
- /**
386
- * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
387
- *
388
- * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
389
- * @deprecated Use `slotProps.actions.nextButton` instead.
390
- */
391
- nextIconButtonProps: _propTypes.default.object,
392
373
  /**
393
374
  * Callback fired when the page is changed.
394
375
  *
@@ -436,15 +417,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
436
417
  label: _propTypes.default.string.isRequired,
437
418
  value: _propTypes.default.number.isRequired
438
419
  })]).isRequired),
439
- /**
440
- * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
441
- *
442
- * This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
443
- * @deprecated Use `slotProps.select` instead.
444
- *
445
- * @default {}
446
- */
447
- SelectProps: _propTypes.default.object,
448
420
  /**
449
421
  * If `true`, show the first-page button.
450
422
  * @default false
@@ -150,7 +150,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
150
150
  });
151
151
  const {
152
152
  ActionsComponent = TablePaginationActions,
153
- backIconButtonProps,
154
153
  colSpan: colSpanProp,
155
154
  component = TableCell,
156
155
  count,
@@ -158,13 +157,11 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
158
157
  getItemAriaLabel = defaultGetAriaLabel,
159
158
  labelDisplayedRows = defaultLabelDisplayedRows,
160
159
  labelRowsPerPage = 'Rows per page:',
161
- nextIconButtonProps,
162
160
  onPageChange,
163
161
  onRowsPerPageChange,
164
162
  page,
165
163
  rowsPerPage,
166
164
  rowsPerPageOptions = [10, 25, 50, 100],
167
- SelectProps = {},
168
165
  showFirstButton = false,
169
166
  showLastButton = false,
170
167
  slotProps = {},
@@ -173,7 +170,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
173
170
  } = props;
174
171
  const ownerState = props;
175
172
  const classes = useUtilityClasses(ownerState);
176
- const selectProps = slotProps?.select ?? SelectProps;
173
+ const selectProps = typeof slotProps?.select === 'function' ? slotProps.select(ownerState) : slotProps?.select ?? {};
177
174
  const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
178
175
  let colSpan;
179
176
  if (component === TableCell || component === 'td') {
@@ -288,9 +285,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
288
285
  })
289
286
  }), /*#__PURE__*/_jsx(ActionsComponent, {
290
287
  className: classes.actions,
291
- backIconButtonProps: backIconButtonProps,
292
288
  count: count,
293
- nextIconButtonProps: nextIconButtonProps,
294
289
  onPageChange: onPageChange,
295
290
  page: page,
296
291
  rowsPerPage: rowsPerPage,
@@ -315,13 +310,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
315
310
  * @default TablePaginationActions
316
311
  */
317
312
  ActionsComponent: PropTypes.elementType,
318
- /**
319
- * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
320
- *
321
- * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
322
- * @deprecated Use `slotProps.actions.previousButton` instead.
323
- */
324
- backIconButtonProps: PropTypes.object,
325
313
  /**
326
314
  * Override or extend the styles applied to the component.
327
315
  */
@@ -375,13 +363,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
375
363
  * @default 'Rows per page:'
376
364
  */
377
365
  labelRowsPerPage: PropTypes.node,
378
- /**
379
- * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
380
- *
381
- * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
382
- * @deprecated Use `slotProps.actions.nextButton` instead.
383
- */
384
- nextIconButtonProps: PropTypes.object,
385
366
  /**
386
367
  * Callback fired when the page is changed.
387
368
  *
@@ -429,15 +410,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
429
410
  label: PropTypes.string.isRequired,
430
411
  value: PropTypes.number.isRequired
431
412
  })]).isRequired),
432
- /**
433
- * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
434
- *
435
- * This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
436
- * @deprecated Use `slotProps.select` instead.
437
- *
438
- * @default {}
439
- */
440
- SelectProps: PropTypes.object,
441
413
  /**
442
414
  * If `true`, show the first-page button.
443
415
  * @default false
@@ -2,11 +2,6 @@ import * as React from 'react';
2
2
  import { IconButtonProps } from "../IconButton/IconButton.mjs";
3
3
  import { SvgIconProps } from "../SvgIcon/index.mjs";
4
4
  export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
5
- /**
6
- * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
7
- * @deprecated Use `slotProps.previousButton` instead.
8
- */
9
- backIconButtonProps?: Partial<IconButtonProps> | undefined;
10
5
  /**
11
6
  * Override or extend the styles applied to the component.
12
7
  */
@@ -27,11 +22,6 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
27
22
  * @returns {string}
28
23
  */
29
24
  getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
30
- /**
31
- * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
32
- * @deprecated Use `slotProps.nextButton` instead.
33
- */
34
- nextIconButtonProps?: Partial<IconButtonProps> | undefined;
35
25
  onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
36
26
  page: number;
37
27
  rowsPerPage: number;
@@ -2,11 +2,6 @@ import * as React from 'react';
2
2
  import { IconButtonProps } from "../IconButton/IconButton.js";
3
3
  import { SvgIconProps } from "../SvgIcon/index.js";
4
4
  export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
5
- /**
6
- * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
7
- * @deprecated Use `slotProps.previousButton` instead.
8
- */
9
- backIconButtonProps?: Partial<IconButtonProps> | undefined;
10
5
  /**
11
6
  * Override or extend the styles applied to the component.
12
7
  */
@@ -27,11 +22,6 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
27
22
  * @returns {string}
28
23
  */
29
24
  getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
30
- /**
31
- * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
32
- * @deprecated Use `slotProps.nextButton` instead.
33
- */
34
- nextIconButtonProps?: Partial<IconButtonProps> | undefined;
35
25
  onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
36
26
  page: number;
37
27
  rowsPerPage: number;
@@ -40,12 +40,10 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
40
40
  name: 'MuiTablePaginationActions'
41
41
  });
42
42
  const {
43
- backIconButtonProps,
44
43
  className,
45
44
  count,
46
45
  disabled = false,
47
46
  getItemAriaLabel,
48
- nextIconButtonProps,
49
47
  onPageChange,
50
48
  page,
51
49
  rowsPerPage,
@@ -107,7 +105,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
107
105
  color: "inherit",
108
106
  "aria-label": getItemAriaLabel('previous', page),
109
107
  title: getItemAriaLabel('previous', page),
110
- ...(previousButtonSlotProps ?? backIconButtonProps),
108
+ ...previousButtonSlotProps,
111
109
  children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
112
110
  ...slotProps.nextButtonIcon
113
111
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
@@ -119,7 +117,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
119
117
  color: "inherit",
120
118
  "aria-label": getItemAriaLabel('next', page),
121
119
  title: getItemAriaLabel('next', page),
122
- ...(nextButtonSlotProps ?? nextIconButtonProps),
120
+ ...nextButtonSlotProps,
123
121
  children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
124
122
  ...slotProps.previousButtonIcon
125
123
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
@@ -144,11 +142,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
144
142
  // │ These PropTypes are generated from the TypeScript type definitions. │
145
143
  // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
146
144
  // └─────────────────────────────────────────────────────────────────────┘
147
- /**
148
- * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
149
- * @deprecated Use `slotProps.previousButton` instead.
150
- */
151
- backIconButtonProps: _propTypes.default.object,
152
145
  /**
153
146
  * @ignore
154
147
  */
@@ -179,11 +172,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
179
172
  * @returns {string}
180
173
  */
181
174
  getItemAriaLabel: _propTypes.default.func.isRequired,
182
- /**
183
- * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
184
- * @deprecated Use `slotProps.nextButton` instead.
185
- */
186
- nextIconButtonProps: _propTypes.default.object,
187
175
  /**
188
176
  * @ignore
189
177
  */