@mui/material 5.13.2 → 5.13.4

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 (198) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/Autocomplete.d.ts +1 -0
  9. package/Autocomplete/Autocomplete.js +14 -2
  10. package/Autocomplete/autocompleteClasses.d.ts +58 -56
  11. package/Avatar/avatarClasses.d.ts +20 -20
  12. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  13. package/Backdrop/backdropClasses.d.ts +10 -10
  14. package/Badge/badgeClasses.d.ts +56 -56
  15. package/BottomNavigation/BottomNavigation.js +0 -0
  16. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  17. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  18. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  19. package/Button/buttonClasses.d.ts +100 -100
  20. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  21. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  22. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  23. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  24. package/CHANGELOG.md +97 -0
  25. package/Card/cardClasses.d.ts +8 -8
  26. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  27. package/CardActions/cardActionsClasses.d.ts +10 -10
  28. package/CardContent/cardContentClasses.d.ts +8 -8
  29. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  30. package/CardMedia/cardMediaClasses.d.ts +12 -12
  31. package/Checkbox/checkboxClasses.d.ts +18 -18
  32. package/Chip/chipClasses.d.ts +96 -96
  33. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  34. package/ClickAwayListener/index.d.ts +2 -2
  35. package/Collapse/collapseClasses.d.ts +18 -18
  36. package/Container/containerClasses.d.ts +6 -6
  37. package/Dialog/DialogContext.d.ts +6 -6
  38. package/Dialog/dialogClasses.d.ts +36 -36
  39. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  40. package/DialogContent/dialogContentClasses.d.ts +10 -10
  41. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  42. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  43. package/Divider/dividerClasses.d.ts +34 -34
  44. package/Drawer/drawerClasses.d.ts +30 -30
  45. package/Fab/fabClasses.d.ts +26 -26
  46. package/FilledInput/filledInputClasses.d.ts +42 -42
  47. package/FormControl/FormControlContext.d.ts +17 -17
  48. package/FormControl/formControlClasses.d.ts +14 -14
  49. package/FormControl/useFormControl.d.ts +2 -2
  50. package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
  51. package/FormGroup/formGroupClasses.d.ts +12 -12
  52. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  53. package/FormLabel/formLabelClasses.d.ts +22 -22
  54. package/Grid/gridClasses.d.ts +48 -48
  55. package/Hidden/Hidden.js +10 -10
  56. package/Hidden/withWidth.js +1 -1
  57. package/Icon/iconClasses.d.ts +24 -24
  58. package/IconButton/iconButtonClasses.d.ts +34 -34
  59. package/ImageList/imageListClasses.d.ts +16 -16
  60. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  61. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  62. package/Input/inputClasses.d.ts +38 -38
  63. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  64. package/InputBase/inputBaseClasses.d.ts +46 -46
  65. package/InputLabel/inputLabelClasses.d.ts +32 -32
  66. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  67. package/Link/getTextDecoration.d.ts +15 -15
  68. package/Link/linkClasses.d.ts +18 -18
  69. package/List/listClasses.d.ts +14 -14
  70. package/ListItem/listItemClasses.d.ts +30 -30
  71. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  72. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  73. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  74. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  75. package/ListItemText/listItemTextClasses.d.ts +18 -18
  76. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  77. package/Menu/Menu.d.ts +3 -0
  78. package/Menu/Menu.js +11 -9
  79. package/Menu/menuClasses.d.ts +12 -12
  80. package/MenuItem/menuItemClasses.d.ts +20 -20
  81. package/MenuList/MenuList.js +7 -0
  82. package/MobileStepper/MobileStepper.js +9 -1
  83. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  84. package/Modal/Modal.js +1 -1
  85. package/NativeSelect/nativeSelectClasses.d.ts +34 -34
  86. package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
  87. package/Pagination/paginationClasses.d.ts +14 -14
  88. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  89. package/Paper/paperClasses.d.ts +39 -39
  90. package/Popover/Popover.d.ts +34 -3
  91. package/Popover/Popover.js +76 -28
  92. package/Popover/popoverClasses.d.ts +10 -10
  93. package/Popper/Popper.d.ts +65 -65
  94. package/Radio/radioClasses.d.ts +16 -16
  95. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  96. package/RadioGroup/useRadioGroup.d.ts +4 -4
  97. package/Rating/ratingClasses.d.ts +40 -40
  98. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  99. package/Select/selectClasses.d.ts +32 -32
  100. package/Skeleton/skeletonClasses.d.ts +26 -26
  101. package/Slider/SliderValueLabel.d.ts +15 -15
  102. package/Slider/SliderValueLabel.types.d.ts +24 -24
  103. package/Slider/sliderClasses.d.ts +58 -58
  104. package/Snackbar/snackbarClasses.d.ts +20 -20
  105. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  106. package/SpeedDial/speedDialClasses.d.ts +22 -22
  107. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  108. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  109. package/Stack/stackClasses.d.ts +6 -6
  110. package/Step/StepContext.d.ts +20 -20
  111. package/Step/stepClasses.d.ts +16 -16
  112. package/StepButton/stepButtonClasses.d.ts +14 -14
  113. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  114. package/StepContent/stepContentClasses.d.ts +12 -12
  115. package/StepIcon/stepIconClasses.d.ts +16 -16
  116. package/StepLabel/stepLabelClasses.d.ts +28 -28
  117. package/Stepper/StepperContext.d.ts +18 -18
  118. package/Stepper/stepperClasses.d.ts +14 -14
  119. package/SvgIcon/svgIconClasses.d.ts +26 -26
  120. package/Switch/switchClasses.d.ts +32 -32
  121. package/Tab/tabClasses.d.ts +26 -26
  122. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  123. package/Table/tableClasses.d.ts +10 -10
  124. package/TableBody/tableBodyClasses.d.ts +8 -8
  125. package/TableCell/tableCellClasses.d.ts +32 -32
  126. package/TableContainer/tableContainerClasses.d.ts +8 -8
  127. package/TableFooter/tableFooterClasses.d.ts +8 -8
  128. package/TableHead/tableHeadClasses.d.ts +8 -8
  129. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  130. package/TableRow/tableRowClasses.d.ts +16 -16
  131. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  132. package/Tabs/tabsClasses.d.ts +32 -32
  133. package/TextField/textFieldClasses.d.ts +8 -8
  134. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  135. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  136. package/Toolbar/toolbarClasses.d.ts +14 -14
  137. package/Tooltip/tooltipClasses.d.ts +30 -30
  138. package/Typography/typographyClasses.d.ts +50 -50
  139. package/Unstable_Grid2/Grid2.d.ts +4 -4
  140. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  141. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  142. package/Unstable_Grid2/index.d.ts +4 -4
  143. package/className/index.d.ts +1 -1
  144. package/darkScrollbar/index.d.ts +28 -28
  145. package/generateUtilityClass/index.d.ts +2 -2
  146. package/generateUtilityClasses/index.d.ts +1 -1
  147. package/index.js +1 -1
  148. package/internal/switchBaseClasses.d.ts +12 -12
  149. package/legacy/Autocomplete/Autocomplete.js +12 -2
  150. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  151. package/legacy/Hidden/Hidden.js +10 -10
  152. package/legacy/Hidden/withWidth.js +1 -1
  153. package/legacy/Menu/Menu.js +11 -9
  154. package/legacy/MenuList/MenuList.js +7 -0
  155. package/legacy/MobileStepper/MobileStepper.js +9 -1
  156. package/legacy/Modal/Modal.js +1 -1
  157. package/legacy/Popover/Popover.js +73 -28
  158. package/legacy/index.js +1 -1
  159. package/locale/index.d.ts +80 -80
  160. package/modern/Autocomplete/Autocomplete.js +14 -2
  161. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  162. package/modern/Hidden/Hidden.js +10 -10
  163. package/modern/Hidden/withWidth.js +1 -1
  164. package/modern/Menu/Menu.js +11 -9
  165. package/modern/MenuList/MenuList.js +7 -0
  166. package/modern/MobileStepper/MobileStepper.js +9 -1
  167. package/modern/Modal/Modal.js +1 -1
  168. package/modern/Popover/Popover.js +75 -28
  169. package/modern/index.js +1 -1
  170. package/node/Autocomplete/Autocomplete.js +14 -2
  171. package/node/BottomNavigation/BottomNavigation.js +0 -0
  172. package/node/Hidden/Hidden.js +10 -10
  173. package/node/Hidden/withWidth.js +1 -1
  174. package/node/Menu/Menu.js +13 -10
  175. package/node/MenuList/MenuList.js +7 -0
  176. package/node/MobileStepper/MobileStepper.js +9 -1
  177. package/node/Modal/Modal.js +1 -1
  178. package/node/Popover/Popover.js +75 -25
  179. package/node/index.js +1 -1
  180. package/package.json +3 -3
  181. package/styles/CssVarsProvider.d.ts +20 -20
  182. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  183. package/styles/getOverlayAlpha.d.ts +2 -2
  184. package/styles/identifier.d.ts +2 -2
  185. package/styles/shouldSkipGeneratingVar.d.ts +1 -1
  186. package/transitions/index.d.ts +1 -1
  187. package/transitions/transition.d.ts +13 -13
  188. package/transitions/utils.d.ts +23 -23
  189. package/types/OverridableComponentAugmentation.d.ts +31 -31
  190. package/umd/material-ui.development.js +140 -243
  191. package/umd/material-ui.production.min.js +16 -16
  192. package/useMediaQuery/useMediaQuery.d.ts +46 -46
  193. package/useTouchRipple/index.d.ts +1 -1
  194. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  195. package/utils/getScrollbarSize.d.ts +2 -2
  196. package/utils/ownerDocument.d.ts +2 -2
  197. package/utils/ownerWindow.d.ts +2 -2
  198. package/utils/setRef.d.ts +2 -2
@@ -1,11 +1,12 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
3
  const _excluded = ["onEntering"],
4
- _excluded2 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"];
4
+ _excluded2 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"],
5
+ _excluded3 = ["slotProps"];
5
6
  import * as React from 'react';
6
7
  import PropTypes from 'prop-types';
7
8
  import clsx from 'clsx';
8
- import { unstable_composeClasses as composeClasses } from '@mui/base';
9
+ import { unstable_composeClasses as composeClasses, useSlotProps, isHostComponent } from '@mui/base';
9
10
  import { chainPropTypes, integerPropType, elementTypeAcceptingRef, refType, HTMLElementType } from '@mui/utils';
10
11
  import styled from '../styles/styled';
11
12
  import useThemeProps from '../styles/useThemeProps';
@@ -15,7 +16,7 @@ import ownerWindow from '../utils/ownerWindow';
15
16
  import useForkRef from '../utils/useForkRef';
16
17
  import Grow from '../Grow';
17
18
  import Modal from '../Modal';
18
- import Paper from '../Paper';
19
+ import PaperBase from '../Paper';
19
20
  import { getPopoverUtilityClass } from './popoverClasses';
20
21
  import { jsx as _jsx } from "react/jsx-runtime";
21
22
  export function getOffsetTop(rect, vertical) {
@@ -56,12 +57,12 @@ const useUtilityClasses = ownerState => {
56
57
  };
57
58
  return composeClasses(slots, getPopoverUtilityClass, classes);
58
59
  };
59
- const PopoverRoot = styled(Modal, {
60
+ export const PopoverRoot = styled(Modal, {
60
61
  name: 'MuiPopover',
61
62
  slot: 'Root',
62
63
  overridesResolver: (props, styles) => styles.root
63
64
  })({});
64
- const PopoverPaper = styled(Paper, {
65
+ export const PopoverPaper = styled(PaperBase, {
65
66
  name: 'MuiPopover',
66
67
  slot: 'Paper',
67
68
  overridesResolver: (props, styles) => styles.paper
@@ -79,6 +80,7 @@ const PopoverPaper = styled(Paper, {
79
80
  outline: 0
80
81
  });
81
82
  const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
83
+ var _slotProps$paper, _slots$root, _slots$paper;
82
84
  const props = useThemeProps({
83
85
  props: inProps,
84
86
  name: 'MuiPopover'
@@ -98,7 +100,9 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
98
100
  elevation = 8,
99
101
  marginThreshold = 16,
100
102
  open,
101
- PaperProps = {},
103
+ PaperProps: PaperPropsProp = {},
104
+ slots,
105
+ slotProps,
102
106
  transformOrigin = {
103
107
  vertical: 'top',
104
108
  horizontal: 'left'
@@ -111,14 +115,15 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
111
115
  } = props,
112
116
  TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
113
117
  other = _objectWithoutPropertiesLoose(props, _excluded2);
118
+ const externalPaperSlotProps = (_slotProps$paper = slotProps == null ? void 0 : slotProps.paper) != null ? _slotProps$paper : PaperPropsProp;
114
119
  const paperRef = React.useRef();
115
- const handlePaperRef = useForkRef(paperRef, PaperProps.ref);
120
+ const handlePaperRef = useForkRef(paperRef, externalPaperSlotProps.ref);
116
121
  const ownerState = _extends({}, props, {
117
122
  anchorOrigin,
118
123
  anchorReference,
119
124
  elevation,
120
125
  marginThreshold,
121
- PaperProps,
126
+ externalPaperSlotProps,
122
127
  transformOrigin,
123
128
  TransitionComponent,
124
129
  transitionDuration: transitionDurationProp,
@@ -283,16 +288,46 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
283
288
  // If the anchorEl prop is provided, use its parent body element as the container
284
289
  // If neither are provided let the Modal take care of choosing the container
285
290
  const container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl(anchorEl)).body : undefined);
286
- return /*#__PURE__*/_jsx(PopoverRoot, _extends({
287
- BackdropProps: {
288
- invisible: true
291
+ const RootSlot = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : PopoverRoot;
292
+ const PaperSlot = (_slots$paper = slots == null ? void 0 : slots.paper) != null ? _slots$paper : PopoverPaper;
293
+ const paperProps = useSlotProps({
294
+ elementType: PaperSlot,
295
+ externalSlotProps: _extends({}, externalPaperSlotProps, {
296
+ style: isPositioned ? externalPaperSlotProps.style : _extends({}, externalPaperSlotProps.style, {
297
+ opacity: 0
298
+ })
299
+ }),
300
+ additionalProps: {
301
+ elevation,
302
+ ref: handlePaperRef
289
303
  },
290
- className: clsx(classes.root, className),
291
- container: container,
292
- open: open,
293
- ref: ref,
294
- ownerState: ownerState
295
- }, other, {
304
+ ownerState,
305
+ className: clsx(classes.paper, externalPaperSlotProps == null ? void 0 : externalPaperSlotProps.className)
306
+ });
307
+ const _useSlotProps = useSlotProps({
308
+ elementType: RootSlot,
309
+ externalSlotProps: (slotProps == null ? void 0 : slotProps.root) || {},
310
+ externalForwardedProps: other,
311
+ additionalProps: {
312
+ ref,
313
+ slotProps: {
314
+ backdrop: {
315
+ invisible: true
316
+ }
317
+ },
318
+ container,
319
+ open
320
+ },
321
+ ownerState,
322
+ className: clsx(classes.root, className)
323
+ }),
324
+ {
325
+ slotProps: rootSlotPropsProp
326
+ } = _useSlotProps,
327
+ rootProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded3);
328
+ return /*#__PURE__*/_jsx(RootSlot, _extends({}, rootProps, !isHostComponent(RootSlot) && {
329
+ slotProps: rootSlotPropsProp
330
+ }, {
296
331
  children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
297
332
  appear: true,
298
333
  in: open,
@@ -300,17 +335,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
300
335
  onExited: handleExited,
301
336
  timeout: transitionDuration
302
337
  }, TransitionProps, {
303
- children: /*#__PURE__*/_jsx(PopoverPaper, _extends({
304
- elevation: elevation
305
- }, PaperProps, {
306
- ref: handlePaperRef,
307
- className: clsx(classes.paper, PaperProps.className)
308
- }, isPositioned ? undefined : {
309
- style: _extends({}, PaperProps.style, {
310
- opacity: 0
311
- })
312
- }, {
313
- ownerState: ownerState,
338
+ children: /*#__PURE__*/_jsx(PaperSlot, _extends({}, paperProps, {
314
339
  children: children
315
340
  }))
316
341
  }))
@@ -416,11 +441,34 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
416
441
  open: PropTypes.bool.isRequired,
417
442
  /**
418
443
  * Props applied to the [`Paper`](/material-ui/api/paper/) element.
444
+ *
445
+ * This prop is an alias for `slotProps.paper` and will be overriden by it if both are used.
446
+ * @deprecated Use `slotProps.paper` instead.
447
+ *
419
448
  * @default {}
420
449
  */
421
450
  PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
422
451
  component: elementTypeAcceptingRef
423
452
  }),
453
+ /**
454
+ * The extra props for the slot components.
455
+ * You can override the existing props or add new ones.
456
+ *
457
+ * @default {}
458
+ */
459
+ slotProps: PropTypes.shape({
460
+ paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
461
+ root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
462
+ }),
463
+ /**
464
+ * The components used for each slot inside.
465
+ *
466
+ * @default {}
467
+ */
468
+ slots: PropTypes.shape({
469
+ paper: PropTypes.elementType,
470
+ root: PropTypes.elementType
471
+ }),
424
472
  /**
425
473
  * The system prop that allows defining system overrides as well as additional CSS styles.
426
474
  */
@@ -1,10 +1,10 @@
1
- export interface PopoverClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the Paper component. */
5
- paper: string;
6
- }
7
- export type PopoverClassKey = keyof PopoverClasses;
8
- export declare function getPopoverUtilityClass(slot: string): string;
9
- declare const popoverClasses: PopoverClasses;
10
- export default popoverClasses;
1
+ export interface PopoverClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the Paper component. */
5
+ paper: string;
6
+ }
7
+ export type PopoverClassKey = keyof PopoverClasses;
8
+ export declare function getPopoverUtilityClass(slot: string): string;
9
+ declare const popoverClasses: PopoverClasses;
10
+ export default popoverClasses;
@@ -1,65 +1,65 @@
1
- import { PopperProps as BasePopperProps } from '@mui/base/Popper';
2
- import { SxProps } from '@mui/system';
3
- import * as React from 'react';
4
- import { Theme } from '../styles';
5
- export type PopperProps = Omit<BasePopperProps, 'direction'> & {
6
- /**
7
- * The component used for the root node.
8
- * Either a string to use a HTML element or a component.
9
- */
10
- component?: React.ElementType;
11
- /**
12
- * The components used for each slot inside the Popper.
13
- * Either a string to use a HTML element or a component.
14
- * @default {}
15
- */
16
- components?: {
17
- Root?: React.ElementType;
18
- };
19
- /**
20
- * The props used for each slot inside the Popper.
21
- * @default {}
22
- */
23
- componentsProps?: BasePopperProps['slotProps'];
24
- /**
25
- * The system prop that allows defining system overrides as well as additional CSS styles.
26
- */
27
- sx?: SxProps<Theme>;
28
- };
29
- /**
30
- *
31
- * Demos:
32
- *
33
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
34
- * - [Menu](https://mui.com/material-ui/react-menu/)
35
- * - [Popper](https://mui.com/material-ui/react-popper/)
36
- *
37
- * API:
38
- *
39
- * - [Popper API](https://mui.com/material-ui/api/popper/)
40
- */
41
- declare const Popper: React.ForwardRefExoticComponent<Omit<BasePopperProps<"div">, "direction"> & {
42
- /**
43
- * The component used for the root node.
44
- * Either a string to use a HTML element or a component.
45
- */
46
- component?: React.ElementType<any> | undefined;
47
- /**
48
- * The components used for each slot inside the Popper.
49
- * Either a string to use a HTML element or a component.
50
- * @default {}
51
- */
52
- components?: {
53
- Root?: React.ElementType<any> | undefined;
54
- } | undefined;
55
- /**
56
- * The props used for each slot inside the Popper.
57
- * @default {}
58
- */
59
- componentsProps?: BasePopperProps['slotProps'];
60
- /**
61
- * The system prop that allows defining system overrides as well as additional CSS styles.
62
- */
63
- sx?: SxProps<Theme> | undefined;
64
- } & React.RefAttributes<HTMLDivElement>>;
65
- export default Popper;
1
+ import { PopperProps as BasePopperProps } from '@mui/base/Popper';
2
+ import { SxProps } from '@mui/system';
3
+ import * as React from 'react';
4
+ import { Theme } from '../styles';
5
+ export type PopperProps = Omit<BasePopperProps, 'direction'> & {
6
+ /**
7
+ * The component used for the root node.
8
+ * Either a string to use a HTML element or a component.
9
+ */
10
+ component?: React.ElementType;
11
+ /**
12
+ * The components used for each slot inside the Popper.
13
+ * Either a string to use a HTML element or a component.
14
+ * @default {}
15
+ */
16
+ components?: {
17
+ Root?: React.ElementType;
18
+ };
19
+ /**
20
+ * The props used for each slot inside the Popper.
21
+ * @default {}
22
+ */
23
+ componentsProps?: BasePopperProps['slotProps'];
24
+ /**
25
+ * The system prop that allows defining system overrides as well as additional CSS styles.
26
+ */
27
+ sx?: SxProps<Theme>;
28
+ };
29
+ /**
30
+ *
31
+ * Demos:
32
+ *
33
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
34
+ * - [Menu](https://mui.com/material-ui/react-menu/)
35
+ * - [Popper](https://mui.com/material-ui/react-popper/)
36
+ *
37
+ * API:
38
+ *
39
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
40
+ */
41
+ declare const Popper: React.ForwardRefExoticComponent<Omit<BasePopperProps<"div">, "direction"> & {
42
+ /**
43
+ * The component used for the root node.
44
+ * Either a string to use a HTML element or a component.
45
+ */
46
+ component?: React.ElementType<any> | undefined;
47
+ /**
48
+ * The components used for each slot inside the Popper.
49
+ * Either a string to use a HTML element or a component.
50
+ * @default {}
51
+ */
52
+ components?: {
53
+ Root?: React.ElementType<any> | undefined;
54
+ } | undefined;
55
+ /**
56
+ * The props used for each slot inside the Popper.
57
+ * @default {}
58
+ */
59
+ componentsProps?: BasePopperProps['slotProps'];
60
+ /**
61
+ * The system prop that allows defining system overrides as well as additional CSS styles.
62
+ */
63
+ sx?: SxProps<Theme> | undefined;
64
+ } & React.RefAttributes<HTMLDivElement>>;
65
+ export default Popper;
@@ -1,16 +1,16 @@
1
- export interface RadioClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** Styles applied to the root element if `color="primary"`. */
9
- colorPrimary: string;
10
- /** Styles applied to the root element if `color="secondary"`. */
11
- colorSecondary: string;
12
- }
13
- export type RadioClassKey = keyof RadioClasses;
14
- export declare function getRadioUtilityClass(slot: string): string;
15
- declare const radioClasses: RadioClasses;
16
- export default radioClasses;
1
+ export interface RadioClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** Styles applied to the root element if `color="primary"`. */
9
+ colorPrimary: string;
10
+ /** Styles applied to the root element if `color="secondary"`. */
11
+ colorSecondary: string;
12
+ }
13
+ export type RadioClassKey = keyof RadioClasses;
14
+ export declare function getRadioUtilityClass(slot: string): string;
15
+ declare const radioClasses: RadioClasses;
16
+ export default radioClasses;
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- export interface RadioGroupContextValue {
3
- name: string | undefined;
4
- onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
- value: any;
6
- }
7
- /**
8
- * @ignore - internal component.
9
- */
10
- declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
- export default RadioGroupContext;
1
+ import * as React from 'react';
2
+ export interface RadioGroupContextValue {
3
+ name: string | undefined;
4
+ onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
+ value: any;
6
+ }
7
+ /**
8
+ * @ignore - internal component.
9
+ */
10
+ declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
+ export default RadioGroupContext;
@@ -1,4 +1,4 @@
1
- import { RadioGroupContextValue } from './RadioGroupContext';
2
- export interface RadioGroupState extends RadioGroupContextValue {
3
- }
4
- export default function useRadioGroup(): RadioGroupState | undefined;
1
+ import { RadioGroupContextValue } from './RadioGroupContext';
2
+ export interface RadioGroupState extends RadioGroupContextValue {
3
+ }
4
+ export default function useRadioGroup(): RadioGroupState | undefined;
@@ -1,40 +1,40 @@
1
- export interface RatingClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `size="small"`. */
5
- sizeSmall: string;
6
- /** Styles applied to the root element if `size="medium"`. */
7
- sizeMedium: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `readOnly={true}`. */
11
- readOnly: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** State class applied to the root element if keyboard focused. */
15
- focusVisible: string;
16
- /** Visually hide an element. */
17
- visuallyHidden: string;
18
- /** Styles applied to the label elements. */
19
- label: string;
20
- /** Styles applied to the label of the "no value" input when it is active. */
21
- labelEmptyValueActive: string;
22
- /** Styles applied to the icon wrapping elements. */
23
- icon: string;
24
- /** Styles applied to the icon wrapping elements when empty. */
25
- iconEmpty: string;
26
- /** Styles applied to the icon wrapping elements when filled. */
27
- iconFilled: string;
28
- /** Styles applied to the icon wrapping elements when hover. */
29
- iconHover: string;
30
- /** Styles applied to the icon wrapping elements when focus. */
31
- iconFocus: string;
32
- /** Styles applied to the icon wrapping elements when active. */
33
- iconActive: string;
34
- /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
- decimal: string;
36
- }
37
- export type RatingClassKey = keyof RatingClasses;
38
- export declare function getRatingUtilityClass(slot: string): string;
39
- declare const ratingClasses: RatingClasses;
40
- export default ratingClasses;
1
+ export interface RatingClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `size="small"`. */
5
+ sizeSmall: string;
6
+ /** Styles applied to the root element if `size="medium"`. */
7
+ sizeMedium: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `readOnly={true}`. */
11
+ readOnly: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** State class applied to the root element if keyboard focused. */
15
+ focusVisible: string;
16
+ /** Visually hide an element. */
17
+ visuallyHidden: string;
18
+ /** Styles applied to the label elements. */
19
+ label: string;
20
+ /** Styles applied to the label of the "no value" input when it is active. */
21
+ labelEmptyValueActive: string;
22
+ /** Styles applied to the icon wrapping elements. */
23
+ icon: string;
24
+ /** Styles applied to the icon wrapping elements when empty. */
25
+ iconEmpty: string;
26
+ /** Styles applied to the icon wrapping elements when filled. */
27
+ iconFilled: string;
28
+ /** Styles applied to the icon wrapping elements when hover. */
29
+ iconHover: string;
30
+ /** Styles applied to the icon wrapping elements when focus. */
31
+ iconFocus: string;
32
+ /** Styles applied to the icon wrapping elements when active. */
33
+ iconActive: string;
34
+ /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
+ decimal: string;
36
+ }
37
+ export type RatingClassKey = keyof RatingClasses;
38
+ export declare function getRatingUtilityClass(slot: string): string;
39
+ declare const ratingClasses: RatingClasses;
40
+ export default ratingClasses;
@@ -1,8 +1,8 @@
1
- export interface ScopedCssBaselineClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
- export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
- declare const scopedCssBaselineClasses: Record<"root", string>;
8
- export default scopedCssBaselineClasses;
1
+ export interface ScopedCssBaselineClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
+ export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
+ declare const scopedCssBaselineClasses: Record<"root", string>;
8
+ export default scopedCssBaselineClasses;
@@ -1,32 +1,32 @@
1
- export interface SelectClasses {
2
- /** Styles applied to the select component `select` class. */
3
- select: string;
4
- /** Styles applied to the select component if `multiple={true}`. */
5
- multiple: string;
6
- /** Styles applied to the select component if `variant="filled"`. */
7
- filled: string;
8
- /** Styles applied to the select component if `variant="outlined"`. */
9
- outlined: string;
10
- /** Styles applied to the select component if `variant="standard"`. */
11
- standard: string;
12
- /** State class applied to the select component `disabled` class. */
13
- disabled: string;
14
- /** Styles applied to the icon component. */
15
- icon: string;
16
- /** Styles applied to the icon component if the popup is open. */
17
- iconOpen: string;
18
- /** Styles applied to the icon component if `variant="filled"`. */
19
- iconFilled: string;
20
- /** Styles applied to the icon component if `variant="outlined"`. */
21
- iconOutlined: string;
22
- /** Styles applied to the icon component if `variant="standard"`. */
23
- iconStandard: string;
24
- /** Styles applied to the underlying native input component. */
25
- nativeInput: string;
26
- /** State class applied to the root element if `error={true}`. */
27
- error: string;
28
- }
29
- export type SelectClassKey = keyof SelectClasses;
30
- export declare function getSelectUtilityClasses(slot: string): string;
31
- declare const selectClasses: SelectClasses;
32
- export default selectClasses;
1
+ export interface SelectClasses {
2
+ /** Styles applied to the select component `select` class. */
3
+ select: string;
4
+ /** Styles applied to the select component if `multiple={true}`. */
5
+ multiple: string;
6
+ /** Styles applied to the select component if `variant="filled"`. */
7
+ filled: string;
8
+ /** Styles applied to the select component if `variant="outlined"`. */
9
+ outlined: string;
10
+ /** Styles applied to the select component if `variant="standard"`. */
11
+ standard: string;
12
+ /** State class applied to the select component `disabled` class. */
13
+ disabled: string;
14
+ /** Styles applied to the icon component. */
15
+ icon: string;
16
+ /** Styles applied to the icon component if the popup is open. */
17
+ iconOpen: string;
18
+ /** Styles applied to the icon component if `variant="filled"`. */
19
+ iconFilled: string;
20
+ /** Styles applied to the icon component if `variant="outlined"`. */
21
+ iconOutlined: string;
22
+ /** Styles applied to the icon component if `variant="standard"`. */
23
+ iconStandard: string;
24
+ /** Styles applied to the underlying native input component. */
25
+ nativeInput: string;
26
+ /** State class applied to the root element if `error={true}`. */
27
+ error: string;
28
+ }
29
+ export type SelectClassKey = keyof SelectClasses;
30
+ export declare function getSelectUtilityClasses(slot: string): string;
31
+ declare const selectClasses: SelectClasses;
32
+ export default selectClasses;
@@ -1,26 +1,26 @@
1
- export interface SkeletonClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="text"`. */
5
- text: string;
6
- /** Styles applied to the root element if `variant="rectangular"`. */
7
- rectangular: string;
8
- /** Styles applied to the root element if `variant="rounded"`. */
9
- rounded: string;
10
- /** Styles applied to the root element if `variant="circular"`. */
11
- circular: string;
12
- /** Styles applied to the root element if `animation="pulse"`. */
13
- pulse: string;
14
- /** Styles applied to the root element if `animation="wave"`. */
15
- wave: string;
16
- /** Styles applied when the component is passed children. */
17
- withChildren: string;
18
- /** Styles applied when the component is passed children and no width. */
19
- fitContent: string;
20
- /** Styles applied when the component is passed children and no height. */
21
- heightAuto: string;
22
- }
23
- export type SkeletonClassKey = keyof SkeletonClasses;
24
- export declare function getSkeletonUtilityClass(slot: string): string;
25
- declare const skeletonClasses: SkeletonClasses;
26
- export default skeletonClasses;
1
+ export interface SkeletonClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `variant="text"`. */
5
+ text: string;
6
+ /** Styles applied to the root element if `variant="rectangular"`. */
7
+ rectangular: string;
8
+ /** Styles applied to the root element if `variant="rounded"`. */
9
+ rounded: string;
10
+ /** Styles applied to the root element if `variant="circular"`. */
11
+ circular: string;
12
+ /** Styles applied to the root element if `animation="pulse"`. */
13
+ pulse: string;
14
+ /** Styles applied to the root element if `animation="wave"`. */
15
+ wave: string;
16
+ /** Styles applied when the component is passed children. */
17
+ withChildren: string;
18
+ /** Styles applied when the component is passed children and no width. */
19
+ fitContent: string;
20
+ /** Styles applied when the component is passed children and no height. */
21
+ heightAuto: string;
22
+ }
23
+ export type SkeletonClassKey = keyof SkeletonClasses;
24
+ export declare function getSkeletonUtilityClass(slot: string): string;
25
+ declare const skeletonClasses: SkeletonClasses;
26
+ export default skeletonClasses;
@@ -1,15 +1,15 @@
1
- import * as React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { SliderValueLabelProps } from './SliderValueLabel.types';
4
- /**
5
- * @ignore - internal component.
6
- */
7
- declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
8
- declare namespace SliderValueLabel {
9
- var propTypes: {
10
- children: PropTypes.Validator<PropTypes.ReactElementLike>;
11
- className: PropTypes.Requireable<string>;
12
- value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
13
- };
14
- }
15
- export default SliderValueLabel;
1
+ import * as React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { SliderValueLabelProps } from './SliderValueLabel.types';
4
+ /**
5
+ * @ignore - internal component.
6
+ */
7
+ declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
8
+ declare namespace SliderValueLabel {
9
+ var propTypes: {
10
+ children: PropTypes.Validator<PropTypes.ReactElementLike>;
11
+ className: PropTypes.Requireable<string>;
12
+ value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
13
+ };
14
+ }
15
+ export default SliderValueLabel;