@mui/material 5.9.0 → 5.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) 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/autocompleteClasses.d.ts +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +100 -100
  18. package/ButtonBase/TouchRipple.js +1 -1
  19. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  20. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  21. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  22. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  23. package/CHANGELOG.md +61 -1
  24. package/Card/cardClasses.d.ts +8 -8
  25. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  26. package/CardActions/cardActionsClasses.d.ts +10 -10
  27. package/CardContent/cardContentClasses.d.ts +8 -8
  28. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  29. package/CardMedia/cardMediaClasses.d.ts +12 -12
  30. package/Checkbox/checkboxClasses.d.ts +18 -18
  31. package/Chip/chipClasses.d.ts +80 -80
  32. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  33. package/ClickAwayListener/index.d.ts +2 -2
  34. package/Collapse/collapseClasses.d.ts +18 -18
  35. package/Container/containerClasses.d.ts +6 -6
  36. package/Dialog/DialogContext.d.ts +6 -6
  37. package/Dialog/dialogClasses.d.ts +36 -36
  38. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  39. package/DialogContent/dialogContentClasses.d.ts +10 -10
  40. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  41. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  42. package/Divider/dividerClasses.d.ts +34 -34
  43. package/Drawer/drawerClasses.d.ts +30 -30
  44. package/Fab/fabClasses.d.ts +26 -26
  45. package/FilledInput/filledInputClasses.d.ts +40 -40
  46. package/FormControl/formControlClasses.d.ts +14 -14
  47. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  48. package/FormGroup/formGroupClasses.d.ts +12 -12
  49. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  50. package/FormLabel/formLabelClasses.d.ts +22 -22
  51. package/Grid/gridClasses.d.ts +48 -48
  52. package/Icon/iconClasses.d.ts +24 -24
  53. package/IconButton/iconButtonClasses.d.ts +26 -26
  54. package/ImageList/imageListClasses.d.ts +16 -16
  55. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  56. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  57. package/Input/inputClasses.d.ts +34 -34
  58. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  59. package/InputBase/inputBaseClasses.d.ts +44 -44
  60. package/InputLabel/inputLabelClasses.d.ts +32 -32
  61. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  62. package/Link/getTextDecoration.d.ts +15 -15
  63. package/Link/linkClasses.d.ts +18 -18
  64. package/List/listClasses.d.ts +14 -14
  65. package/ListItem/listItemClasses.d.ts +30 -30
  66. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  67. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  68. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  69. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  70. package/ListItemText/listItemTextClasses.d.ts +18 -18
  71. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  72. package/Menu/menuClasses.d.ts +12 -12
  73. package/MenuItem/menuItemClasses.d.ts +20 -20
  74. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  75. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  76. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  77. package/Pagination/paginationClasses.d.ts +14 -14
  78. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  79. package/Paper/paperClasses.d.ts +39 -39
  80. package/Popover/popoverClasses.d.ts +10 -10
  81. package/Popper/Popper.d.ts +24 -24
  82. package/README.md +2 -6
  83. package/Radio/radioClasses.d.ts +16 -16
  84. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  85. package/RadioGroup/useRadioGroup.d.ts +4 -4
  86. package/Rating/ratingClasses.d.ts +40 -40
  87. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  88. package/Select/selectClasses.d.ts +30 -30
  89. package/Skeleton/skeletonClasses.d.ts +24 -24
  90. package/Slider/Slider.js +3 -2
  91. package/Snackbar/snackbarClasses.d.ts +20 -20
  92. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  93. package/SpeedDial/speedDialClasses.d.ts +22 -22
  94. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  95. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  96. package/Step/StepContext.d.ts +20 -20
  97. package/Step/stepClasses.d.ts +16 -16
  98. package/StepButton/stepButtonClasses.d.ts +14 -14
  99. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  100. package/StepContent/stepContentClasses.d.ts +12 -12
  101. package/StepIcon/stepIconClasses.d.ts +16 -16
  102. package/StepLabel/stepLabelClasses.d.ts +28 -28
  103. package/Stepper/StepperContext.d.ts +18 -18
  104. package/Stepper/stepperClasses.d.ts +14 -14
  105. package/SvgIcon/svgIconClasses.d.ts +24 -24
  106. package/Switch/switchClasses.d.ts +32 -32
  107. package/Tab/tabClasses.d.ts +26 -26
  108. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  109. package/Table/tableClasses.d.ts +10 -10
  110. package/TableBody/tableBodyClasses.d.ts +8 -8
  111. package/TableCell/tableCellClasses.d.ts +32 -32
  112. package/TableContainer/tableContainerClasses.d.ts +8 -8
  113. package/TableFooter/tableFooterClasses.d.ts +8 -8
  114. package/TableHead/tableHeadClasses.d.ts +8 -8
  115. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  116. package/TableRow/tableRowClasses.d.ts +16 -16
  117. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  118. package/Tabs/tabsClasses.d.ts +32 -32
  119. package/TextField/textFieldClasses.d.ts +8 -8
  120. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  121. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  122. package/Toolbar/toolbarClasses.d.ts +14 -14
  123. package/Tooltip/tooltipClasses.d.ts +30 -30
  124. package/Typography/typographyClasses.d.ts +50 -50
  125. package/Unstable_Grid2/Grid2.d.ts +4 -4
  126. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  127. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  128. package/Unstable_Grid2/index.d.ts +4 -4
  129. package/className/index.d.ts +1 -1
  130. package/darkScrollbar/index.d.ts +28 -28
  131. package/index.js +1 -1
  132. package/internal/switchBaseClasses.d.ts +12 -12
  133. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  134. package/legacy/ButtonBase/TouchRipple.js +1 -1
  135. package/legacy/Slider/Slider.js +3 -2
  136. package/legacy/index.js +1 -1
  137. package/locale/index.d.ts +71 -71
  138. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  139. package/modern/ButtonBase/TouchRipple.js +1 -1
  140. package/modern/Slider/Slider.js +3 -2
  141. package/modern/index.js +1 -1
  142. package/node/BottomNavigation/BottomNavigation.js +0 -0
  143. package/node/ButtonBase/TouchRipple.js +1 -1
  144. package/node/Slider/Slider.js +3 -2
  145. package/node/index.js +1 -1
  146. package/package.json +4 -4
  147. package/styles/CssVarsProvider.d.ts +14 -14
  148. package/transitions/index.d.ts +1 -1
  149. package/transitions/transition.d.ts +13 -13
  150. package/transitions/utils.d.ts +23 -23
  151. package/umd/material-ui.development.js +47 -15
  152. package/umd/material-ui.production.min.js +5 -5
  153. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  154. package/useTouchRipple/index.d.ts +1 -1
  155. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  156. package/utils/getScrollbarSize.d.ts +2 -2
  157. package/utils/ownerDocument.d.ts +2 -2
  158. package/utils/ownerWindow.d.ts +2 -2
  159. package/utils/setRef.d.ts +2 -2
@@ -1,42 +1,42 @@
1
- export interface PaginationItemClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `type="page"`. */
5
- page: string;
6
- /** Styles applied to the root element if `size="small"`. */
7
- sizeSmall: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `variant="text"`. */
11
- text: string;
12
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
13
- textPrimary: string;
14
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
15
- textSecondary: string;
16
- /** Styles applied to the root element if `variant="outlined"`. */
17
- outlined: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
19
- outlinedPrimary: string;
20
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
21
- outlinedSecondary: string;
22
- /** Styles applied to the root element if `rounded="true"`. */
23
- rounded: string;
24
- /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
25
- ellipsis: string;
26
- /** Styles applyed to the root element if `type="first"` or type="last". */
27
- firstLast: string;
28
- /** Styles applyed to the root element if `type="previous"` or type="next". */
29
- previousNext: string;
30
- /** State class applied to the root element if keyboard focused. */
31
- focusVisible: string;
32
- /** State class applied to the root element if `disabled={true}`. */
33
- disabled: string;
34
- /** State class applied to the root element if `selected={true}`. */
35
- selected: string;
36
- /** Styles applied to the icon to display. */
37
- icon: string;
38
- }
39
- export declare type PaginationItemClassKey = keyof PaginationItemClasses;
40
- export declare function getPaginationItemUtilityClass(slot: string): string;
41
- declare const paginationItemClasses: PaginationItemClasses;
42
- export default paginationItemClasses;
1
+ export interface PaginationItemClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `type="page"`. */
5
+ page: string;
6
+ /** Styles applied to the root element if `size="small"`. */
7
+ sizeSmall: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `variant="text"`. */
11
+ text: string;
12
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
13
+ textPrimary: string;
14
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
15
+ textSecondary: string;
16
+ /** Styles applied to the root element if `variant="outlined"`. */
17
+ outlined: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
19
+ outlinedPrimary: string;
20
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
21
+ outlinedSecondary: string;
22
+ /** Styles applied to the root element if `rounded="true"`. */
23
+ rounded: string;
24
+ /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
25
+ ellipsis: string;
26
+ /** Styles applyed to the root element if `type="first"` or type="last". */
27
+ firstLast: string;
28
+ /** Styles applyed to the root element if `type="previous"` or type="next". */
29
+ previousNext: string;
30
+ /** State class applied to the root element if keyboard focused. */
31
+ focusVisible: string;
32
+ /** State class applied to the root element if `disabled={true}`. */
33
+ disabled: string;
34
+ /** State class applied to the root element if `selected={true}`. */
35
+ selected: string;
36
+ /** Styles applied to the icon to display. */
37
+ icon: string;
38
+ }
39
+ export declare type PaginationItemClassKey = keyof PaginationItemClasses;
40
+ export declare function getPaginationItemUtilityClass(slot: string): string;
41
+ declare const paginationItemClasses: PaginationItemClasses;
42
+ export default paginationItemClasses;
@@ -1,39 +1,39 @@
1
- export interface PaperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `square={true}`. */
5
- rounded: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="elevation"`. */
9
- elevation: string;
10
- elevation0: string;
11
- elevation1: string;
12
- elevation2: string;
13
- elevation3: string;
14
- elevation4: string;
15
- elevation5: string;
16
- elevation6: string;
17
- elevation7: string;
18
- elevation8: string;
19
- elevation9: string;
20
- elevation10: string;
21
- elevation11: string;
22
- elevation12: string;
23
- elevation13: string;
24
- elevation14: string;
25
- elevation15: string;
26
- elevation16: string;
27
- elevation17: string;
28
- elevation18: string;
29
- elevation19: string;
30
- elevation20: string;
31
- elevation21: string;
32
- elevation22: string;
33
- elevation23: string;
34
- elevation24: string;
35
- }
36
- export declare type PaperClassKey = keyof PaperClasses;
37
- export declare function getPaperUtilityClass(slot: string): string;
38
- declare const paperClasses: PaperClasses;
39
- export default paperClasses;
1
+ export interface PaperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `square={true}`. */
5
+ rounded: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="elevation"`. */
9
+ elevation: string;
10
+ elevation0: string;
11
+ elevation1: string;
12
+ elevation2: string;
13
+ elevation3: string;
14
+ elevation4: string;
15
+ elevation5: string;
16
+ elevation6: string;
17
+ elevation7: string;
18
+ elevation8: string;
19
+ elevation9: string;
20
+ elevation10: string;
21
+ elevation11: string;
22
+ elevation12: string;
23
+ elevation13: string;
24
+ elevation14: string;
25
+ elevation15: string;
26
+ elevation16: string;
27
+ elevation17: string;
28
+ elevation18: string;
29
+ elevation19: string;
30
+ elevation20: string;
31
+ elevation21: string;
32
+ elevation22: string;
33
+ elevation23: string;
34
+ elevation24: string;
35
+ }
36
+ export declare type PaperClassKey = keyof PaperClasses;
37
+ export declare function getPaperUtilityClass(slot: string): string;
38
+ declare const paperClasses: PaperClasses;
39
+ export default paperClasses;
@@ -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 declare 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 declare type PopoverClassKey = keyof PopoverClasses;
8
+ export declare function getPopoverUtilityClass(slot: string): string;
9
+ declare const popoverClasses: PopoverClasses;
10
+ export default popoverClasses;
@@ -1,24 +1,24 @@
1
- import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
2
- import { SxProps } from '@mui/system';
3
- import * as React from 'react';
4
- import { Theme } from '../styles';
5
- export declare type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
6
- /**
7
- * The system prop that allows defining system overrides as well as additional CSS styles.
8
- */
9
- sx?: SxProps<Theme>;
10
- };
11
- /**
12
- *
13
- * Demos:
14
- *
15
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
16
- * - [Menus](https://mui.com/material-ui/react-menu/)
17
- * - [Popper](https://mui.com/material-ui/react-popper/)
18
- *
19
- * API:
20
- *
21
- * - [Popper API](https://mui.com/material-ui/api/popper/)
22
- */
23
- declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "container" | "placement" | "anchorEl" | "disablePortal" | "keepMounted" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
24
- export default Popper;
1
+ import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
2
+ import { SxProps } from '@mui/system';
3
+ import * as React from 'react';
4
+ import { Theme } from '../styles';
5
+ export declare type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
6
+ /**
7
+ * The system prop that allows defining system overrides as well as additional CSS styles.
8
+ */
9
+ sx?: SxProps<Theme>;
10
+ };
11
+ /**
12
+ *
13
+ * Demos:
14
+ *
15
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
16
+ * - [Menus](https://mui.com/material-ui/react-menu/)
17
+ * - [Popper](https://mui.com/material-ui/react-popper/)
18
+ *
19
+ * API:
20
+ *
21
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
22
+ */
23
+ declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "container" | "placement" | "anchorEl" | "disablePortal" | "keepMounted" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
24
+ export default Popper;
package/README.md CHANGED
@@ -163,7 +163,7 @@ In the interactive demo below, try changing the code and see how it affects the
163
163
  (Hint: change `variant` to `"outlined"` and `color` to `"secondary"`.
164
164
  For more options, see the [`Button` component page](https://mui.com/material-ui/react-button/) in our docs.)
165
165
 
166
- [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/4j7m47vlm4)
166
+ [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/material-ui-u9sy1h)
167
167
 
168
168
  ## Questions
169
169
 
@@ -214,7 +214,6 @@ For details of supported versions and contact details for reporting security iss
214
214
  These great services sponsor MUI's core infrastructure:
215
215
 
216
216
  <picture>
217
-
218
217
  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/github-darkmode.svg">
219
218
  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/github-lightmode.svg">
220
219
  <img alt="GitHub logo" src="/docs/public/static/readme/github-darkmode.svg">
@@ -223,7 +222,6 @@ These great services sponsor MUI's core infrastructure:
223
222
  [GitHub](https://github.com/) lets us host the Git repository and coordinate contributions.
224
223
 
225
224
  <picture>
226
-
227
225
  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/netlify-darkmode.svg">
228
226
  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/netlify-lightmode.svg">
229
227
  <img alt="Netlify logo" src="/docs/public/static/readme/netlify-darkmode.svg">
@@ -232,7 +230,6 @@ These great services sponsor MUI's core infrastructure:
232
230
  [Netlify](https://www.netlify.com/) lets us distribute the documentation.
233
231
 
234
232
  <picture>
235
-
236
233
  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/crowdin-darkmode.svg">
237
234
  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/crowdin-lightmode.svg">
238
235
  <img alt="Crowdin logo" src="/docs/public/static/readme/crowdin-darkmode.svg">
@@ -241,7 +238,6 @@ These great services sponsor MUI's core infrastructure:
241
238
  [Crowdin](https://crowdin.com/) lets us translate the documentation.
242
239
 
243
240
  <picture>
244
-
245
241
  <source media="(prefers-color-scheme: dark)" srcset="/docs/public/static/readme/browserstack-darkmode.svg">
246
242
  <source media="(prefers-color-scheme: light)" srcset="/docs/public/static/readme/browserstack-lightmode.svg">
247
243
  <img alt="GitHub logo" src="/docs/public/static/readme/browserstack-darkmode.svg">
@@ -251,4 +247,4 @@ These great services sponsor MUI's core infrastructure:
251
247
 
252
248
  <img loading="lazy" alt="CodeCov logo" src="https://github.com/codecov.png?size=70" width="35" height="35">
253
249
 
254
- [CodeCov](https://codecov.io/) lets us monitor test coverage.
250
+ [CodeCov](https://about.codecov.io/) lets us monitor test coverage.
@@ -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 declare 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 declare 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 declare 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 declare 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 declare 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 declare type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
+ export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
+ declare const scopedCssBaselineClasses: Record<"root", string>;
8
+ export default scopedCssBaselineClasses;
@@ -1,30 +1,30 @@
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
- }
27
- export declare type SelectClassKey = keyof SelectClasses;
28
- export declare function getSelectUtilityClasses(slot: string): string;
29
- declare const selectClasses: SelectClasses;
30
- 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
+ }
27
+ export declare type SelectClassKey = keyof SelectClasses;
28
+ export declare function getSelectUtilityClasses(slot: string): string;
29
+ declare const selectClasses: SelectClasses;
30
+ export default selectClasses;
@@ -1,24 +1,24 @@
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="circular"`. */
9
- circular: string;
10
- /** Styles applied to the root element if `animation="pulse"`. */
11
- pulse: string;
12
- /** Styles applied to the root element if `animation="wave"`. */
13
- wave: string;
14
- /** Styles applied when the component is passed children. */
15
- withChildren: string;
16
- /** Styles applied when the component is passed children and no width. */
17
- fitContent: string;
18
- /** Styles applied when the component is passed children and no height. */
19
- heightAuto: string;
20
- }
21
- export declare type SkeletonClassKey = keyof SkeletonClasses;
22
- export declare function getSkeletonUtilityClass(slot: string): string;
23
- declare const skeletonClasses: SkeletonClasses;
24
- 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="circular"`. */
9
+ circular: string;
10
+ /** Styles applied to the root element if `animation="pulse"`. */
11
+ pulse: string;
12
+ /** Styles applied to the root element if `animation="wave"`. */
13
+ wave: string;
14
+ /** Styles applied when the component is passed children. */
15
+ withChildren: string;
16
+ /** Styles applied when the component is passed children and no width. */
17
+ fitContent: string;
18
+ /** Styles applied when the component is passed children and no height. */
19
+ heightAuto: string;
20
+ }
21
+ export declare type SkeletonClassKey = keyof SkeletonClasses;
22
+ export declare function getSkeletonUtilityClass(slot: string): string;
23
+ declare const skeletonClasses: SkeletonClasses;
24
+ export default skeletonClasses;
package/Slider/Slider.js CHANGED
@@ -284,7 +284,6 @@ const SliderValueLabel = styled(SliderValueLabelUnstyled, {
284
284
  transition: theme.transitions.create(['transform'], {
285
285
  duration: theme.transitions.duration.shortest
286
286
  }),
287
- transformOrigin: 'bottom center',
288
287
  transform: 'translateY(-100%) scale(0)',
289
288
  position: 'absolute',
290
289
  backgroundColor: (theme.vars || theme).palette.grey[600],
@@ -296,6 +295,7 @@ const SliderValueLabel = styled(SliderValueLabelUnstyled, {
296
295
  padding: '0.25rem 0.75rem'
297
296
  }, ownerState.orientation === 'horizontal' && {
298
297
  top: '-10px',
298
+ transformOrigin: 'bottom center',
299
299
  '&:before': {
300
300
  position: 'absolute',
301
301
  content: '""',
@@ -308,7 +308,8 @@ const SliderValueLabel = styled(SliderValueLabelUnstyled, {
308
308
  }
309
309
  }, ownerState.orientation === 'vertical' && {
310
310
  right: '30px',
311
- top: '25px',
311
+ top: '24px',
312
+ transformOrigin: 'right center',
312
313
  '&:before': {
313
314
  position: 'absolute',
314
315
  content: '""',