@mui/material 5.6.0 → 5.6.3
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.
- package/Accordion/Accordion.d.ts +4 -4
- package/Accordion/Accordion.js +1 -1
- package/Accordion/accordionClasses.d.ts +18 -18
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/Alert.d.ts +5 -5
- package/Alert/Alert.js +2 -2
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/AlertTitle.d.ts +2 -2
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/AppBar.d.ts +4 -4
- package/AppBar/AppBar.js +1 -1
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.d.ts +8 -8
- package/Autocomplete/Autocomplete.js +8 -6
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/Avatar.d.ts +2 -2
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/Backdrop.d.ts +3 -3
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.d.ts +5 -5
- package/Badge/Badge.js +8 -6
- package/Badge/badgeClasses.d.ts +24 -24
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigation/BottomNavigation.js +0 -0
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/BottomNavigationAction/BottomNavigationAction.js +4 -3
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Box/Box.d.ts +9 -28
- package/Box/Box.js +25 -4
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/Button.d.ts +5 -5
- package/Button/Button.js +1 -1
- package/Button/buttonClasses.d.ts +76 -76
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/ButtonGroup/ButtonGroup.js +1 -1
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +195 -32
- package/Card/Card.d.ts +3 -3
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/CardActions.d.ts +2 -2
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/CardContent.d.ts +2 -2
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/CardMedia.d.ts +2 -2
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/Checkbox.d.ts +5 -5
- package/Checkbox/Checkbox.js +1 -1
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/Chip.d.ts +3 -3
- package/Chip/Chip.js +1 -1
- package/Chip/chipClasses.d.ts +80 -80
- package/CircularProgress/CircularProgress.d.ts +3 -3
- package/CircularProgress/CircularProgress.js +1 -1
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +1 -1
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/Container.d.ts +2 -2
- package/Container/containerClasses.d.ts +22 -22
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.ts +6 -5
- package/Dialog/Dialog.js +3 -2
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/DialogTitle.d.ts +32 -17
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/Divider.d.ts +3 -3
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/Drawer.d.ts +6 -6
- package/Drawer/Drawer.js +4 -4
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/Fab.d.ts +4 -4
- package/Fab/Fab.js +1 -1
- package/Fab/fabClasses.d.ts +26 -26
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +1 -1
- package/FilledInput/FilledInput.d.ts +3 -3
- package/FilledInput/FilledInput.js +5 -3
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControl/FormControl.js +2 -2
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/FormHelperText.d.ts +2 -2
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/FormLabel.d.ts +5 -5
- package/FormLabel/FormLabel.js +1 -1
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.ts +2 -2
- package/Grid/gridClasses.d.ts +48 -48
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +8 -8
- package/Hidden/Hidden.d.ts +2 -2
- package/Icon/Icon.d.ts +4 -4
- package/Icon/Icon.js +1 -1
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/IconButton.d.ts +5 -5
- package/IconButton/IconButton.js +2 -2
- package/IconButton/iconButtonClasses.d.ts +26 -26
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/Input.d.ts +3 -3
- package/Input/Input.js +5 -3
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/InputBase.d.ts +4 -4
- package/InputBase/InputBase.js +2 -2
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/InputLabel.d.ts +3 -3
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.d.ts +3 -3
- package/LinearProgress/LinearProgress.js +1 -1
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/Link.d.ts +5 -5
- package/Link/Link.js +6 -4
- package/Link/linkClasses.d.ts +18 -18
- package/List/List.d.ts +3 -3
- package/List/listClasses.d.ts +14 -14
- package/ListItem/ListItem.d.ts +8 -8
- package/ListItem/ListItem.js +4 -4
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/ListItemButton.d.ts +3 -3
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/ListItemIcon.d.ts +2 -2
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/ListItemText.d.ts +2 -2
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/ListSubheader.d.ts +2 -2
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/Menu.d.ts +6 -6
- package/Menu/Menu.js +2 -2
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MenuList/MenuList.d.ts +4 -4
- package/MenuList/MenuList.js +1 -1
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/Modal/Modal.d.ts +8 -8
- package/Modal/Modal.js +7 -6
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/OutlinedInput.d.ts +3 -3
- package/OutlinedInput/OutlinedInput.js +2 -2
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/Pagination/Pagination.d.ts +4 -4
- package/Pagination/Pagination.js +2 -2
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.d.ts +3 -3
- package/PaginationItem/PaginationItem.js +1 -1
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/Paper.d.ts +3 -3
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/Popover.d.ts +6 -6
- package/Popover/Popover.js +2 -2
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +29 -29
- package/Popper/Popper.js +4 -4
- package/README.md +84 -36
- package/Radio/Radio.d.ts +4 -4
- package/Radio/Radio.js +1 -1
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/Rating.d.ts +3 -3
- package/Rating/Rating.js +1 -1
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/Select.d.ts +5 -5
- package/Select/Select.js +2 -2
- package/Select/SelectInput.js +24 -3
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Skeleton/skeletonClasses.d.ts +24 -24
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +1 -1
- package/Slider/Slider.d.ts +4 -4
- package/Slider/Slider.js +1 -1
- package/Snackbar/Snackbar.d.ts +4 -4
- package/Snackbar/Snackbar.js +2 -2
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/SpeedDial.d.ts +4 -4
- package/SpeedDial/SpeedDial.js +2 -2
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/SpeedDialAction.d.ts +5 -5
- package/SpeedDialAction/SpeedDialAction.js +2 -2
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.ts +2 -2
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/StepButton.d.ts +3 -3
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/StepConnector.d.ts +2 -2
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/StepContent.d.ts +6 -4
- package/StepContent/StepContent.js +1 -1
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/StepIcon.d.ts +2 -2
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/StepLabel.d.ts +4 -4
- package/StepLabel/StepLabel.js +2 -2
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/Stepper.d.ts +2 -2
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/SvgIcon.d.ts +4 -4
- package/SvgIcon/SvgIcon.js +1 -1
- package/SvgIcon/svgIconClasses.d.ts +24 -24
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/Switch/Switch.d.ts +5 -5
- package/Switch/Switch.js +1 -1
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/Tab.d.ts +3 -3
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/Table.d.ts +2 -2
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/TableBody.d.ts +2 -2
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/TableCell.d.ts +2 -2
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/TableHead.d.ts +2 -2
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/TablePagination.d.ts +9 -9
- package/TablePagination/TablePagination.js +6 -6
- package/TablePagination/TablePaginationActions.d.ts +1 -1
- package/TablePagination/TablePaginationActions.js +3 -3
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/TableRow.d.ts +2 -2
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/Tabs.d.ts +3 -3
- package/Tabs/Tabs.js +1 -1
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/TextField.d.ts +21 -21
- package/TextField/TextField.js +13 -13
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.d.ts +4 -4
- package/ToggleButton/ToggleButton.js +1 -1
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -3
- package/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/Tooltip.d.ts +4 -4
- package/Tooltip/Tooltip.js +2 -2
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/Typography.d.ts +3 -3
- package/Typography/typographyClasses.d.ts +50 -50
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +1 -1
- package/className/index.d.ts +8 -8
- package/darkScrollbar/index.d.ts +28 -28
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/Accordion/Accordion.js +1 -1
- package/legacy/Alert/Alert.js +2 -2
- package/legacy/AppBar/AppBar.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +8 -6
- package/legacy/Badge/Badge.js +8 -6
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +4 -3
- package/legacy/Box/Box.js +25 -4
- package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
- package/legacy/Button/Button.js +1 -1
- package/legacy/ButtonGroup/ButtonGroup.js +1 -1
- package/legacy/Checkbox/Checkbox.js +1 -1
- package/legacy/Chip/Chip.js +1 -1
- package/legacy/CircularProgress/CircularProgress.js +1 -1
- package/legacy/Collapse/Collapse.js +1 -1
- package/legacy/Dialog/Dialog.js +3 -2
- package/legacy/Drawer/Drawer.js +4 -4
- package/legacy/Fab/Fab.js +1 -1
- package/legacy/Fade/Fade.js +1 -1
- package/legacy/FilledInput/FilledInput.js +5 -3
- package/legacy/FormControl/FormControl.js +2 -2
- package/legacy/FormLabel/FormLabel.js +1 -1
- package/legacy/Grow/Grow.js +8 -8
- package/legacy/Icon/Icon.js +1 -1
- package/legacy/IconButton/IconButton.js +2 -2
- package/legacy/Input/Input.js +5 -3
- package/legacy/InputBase/InputBase.js +2 -2
- package/legacy/InputLabel/InputLabel.js +1 -1
- package/legacy/LinearProgress/LinearProgress.js +1 -1
- package/legacy/Link/Link.js +7 -4
- package/legacy/ListItem/ListItem.js +4 -4
- package/legacy/Menu/Menu.js +2 -2
- package/legacy/MenuList/MenuList.js +1 -1
- package/legacy/Modal/Modal.js +7 -6
- package/legacy/OutlinedInput/OutlinedInput.js +2 -2
- package/legacy/Pagination/Pagination.js +2 -2
- package/legacy/PaginationItem/PaginationItem.js +1 -1
- package/legacy/Popover/Popover.js +2 -2
- package/legacy/Popper/Popper.js +4 -4
- package/legacy/Radio/Radio.js +1 -1
- package/legacy/Rating/Rating.js +1 -1
- package/legacy/Select/Select.js +2 -2
- package/legacy/Select/SelectInput.js +26 -3
- package/legacy/Slide/Slide.js +1 -1
- package/legacy/Slider/Slider.js +1 -1
- package/legacy/Snackbar/Snackbar.js +2 -2
- package/legacy/SpeedDial/SpeedDial.js +2 -2
- package/legacy/SpeedDialAction/SpeedDialAction.js +2 -2
- package/legacy/StepContent/StepContent.js +1 -1
- package/legacy/StepLabel/StepLabel.js +2 -2
- package/legacy/SvgIcon/SvgIcon.js +1 -1
- package/legacy/Switch/Switch.js +1 -1
- package/legacy/TablePagination/TablePagination.js +6 -6
- package/legacy/TablePagination/TablePaginationActions.js +3 -3
- package/legacy/Tabs/Tabs.js +1 -1
- package/legacy/TextField/TextField.js +13 -13
- package/legacy/ToggleButton/ToggleButton.js +1 -1
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/legacy/Tooltip/Tooltip.js +2 -2
- package/legacy/Zoom/Zoom.js +1 -1
- package/legacy/index.js +1 -1
- package/locale/index.d.ts +71 -71
- package/modern/Accordion/Accordion.js +1 -1
- package/modern/Alert/Alert.js +2 -2
- package/modern/AppBar/AppBar.js +1 -1
- package/modern/Autocomplete/Autocomplete.js +8 -6
- package/modern/Badge/Badge.js +8 -6
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/BottomNavigationAction/BottomNavigationAction.js +4 -3
- package/modern/Box/Box.js +25 -4
- package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
- package/modern/Button/Button.js +1 -1
- package/modern/ButtonGroup/ButtonGroup.js +1 -1
- package/modern/Checkbox/Checkbox.js +1 -1
- package/modern/Chip/Chip.js +1 -1
- package/modern/CircularProgress/CircularProgress.js +1 -1
- package/modern/Collapse/Collapse.js +1 -1
- package/modern/Dialog/Dialog.js +3 -2
- package/modern/Drawer/Drawer.js +4 -4
- package/modern/Fab/Fab.js +1 -1
- package/modern/Fade/Fade.js +1 -1
- package/modern/FilledInput/FilledInput.js +5 -3
- package/modern/FormControl/FormControl.js +2 -2
- package/modern/FormLabel/FormLabel.js +1 -1
- package/modern/Grow/Grow.js +8 -8
- package/modern/Icon/Icon.js +1 -1
- package/modern/IconButton/IconButton.js +2 -2
- package/modern/Input/Input.js +5 -3
- package/modern/InputBase/InputBase.js +2 -2
- package/modern/InputLabel/InputLabel.js +1 -1
- package/modern/LinearProgress/LinearProgress.js +1 -1
- package/modern/Link/Link.js +6 -4
- package/modern/ListItem/ListItem.js +4 -4
- package/modern/Menu/Menu.js +2 -2
- package/modern/MenuList/MenuList.js +1 -1
- package/modern/Modal/Modal.js +7 -6
- package/modern/OutlinedInput/OutlinedInput.js +2 -2
- package/modern/Pagination/Pagination.js +2 -2
- package/modern/PaginationItem/PaginationItem.js +1 -1
- package/modern/Popover/Popover.js +2 -2
- package/modern/Popper/Popper.js +4 -4
- package/modern/Radio/Radio.js +1 -1
- package/modern/Rating/Rating.js +1 -1
- package/modern/Select/Select.js +2 -2
- package/modern/Select/SelectInput.js +24 -3
- package/modern/Slide/Slide.js +1 -1
- package/modern/Slider/Slider.js +1 -1
- package/modern/Snackbar/Snackbar.js +2 -2
- package/modern/SpeedDial/SpeedDial.js +2 -2
- package/modern/SpeedDialAction/SpeedDialAction.js +2 -2
- package/modern/StepContent/StepContent.js +1 -1
- package/modern/StepLabel/StepLabel.js +2 -2
- package/modern/SvgIcon/SvgIcon.js +1 -1
- package/modern/Switch/Switch.js +1 -1
- package/modern/TablePagination/TablePagination.js +6 -6
- package/modern/TablePagination/TablePaginationActions.js +3 -3
- package/modern/Tabs/Tabs.js +1 -1
- package/modern/TextField/TextField.js +13 -13
- package/modern/ToggleButton/ToggleButton.js +1 -1
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/modern/Tooltip/Tooltip.js +2 -2
- package/modern/Zoom/Zoom.js +1 -1
- package/modern/index.js +1 -1
- package/node/Accordion/Accordion.js +1 -1
- package/node/Alert/Alert.js +2 -2
- package/node/AppBar/AppBar.js +1 -1
- package/node/Autocomplete/Autocomplete.js +8 -6
- package/node/Badge/Badge.js +9 -6
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/BottomNavigationAction/BottomNavigationAction.js +4 -3
- package/node/Box/Box.js +28 -4
- package/node/Breadcrumbs/Breadcrumbs.js +1 -1
- package/node/Button/Button.js +1 -1
- package/node/ButtonGroup/ButtonGroup.js +1 -1
- package/node/Checkbox/Checkbox.js +1 -1
- package/node/Chip/Chip.js +1 -1
- package/node/CircularProgress/CircularProgress.js +1 -1
- package/node/Collapse/Collapse.js +1 -1
- package/node/Dialog/Dialog.js +3 -2
- package/node/Drawer/Drawer.js +4 -4
- package/node/Fab/Fab.js +1 -1
- package/node/Fade/Fade.js +1 -1
- package/node/FilledInput/FilledInput.js +5 -3
- package/node/FormControl/FormControl.js +2 -2
- package/node/FormLabel/FormLabel.js +1 -1
- package/node/Grow/Grow.js +8 -8
- package/node/Icon/Icon.js +1 -1
- package/node/IconButton/IconButton.js +2 -2
- package/node/Input/Input.js +5 -3
- package/node/InputBase/InputBase.js +2 -2
- package/node/InputLabel/InputLabel.js +1 -1
- package/node/LinearProgress/LinearProgress.js +1 -1
- package/node/Link/Link.js +6 -4
- package/node/ListItem/ListItem.js +4 -4
- package/node/Menu/Menu.js +2 -2
- package/node/MenuList/MenuList.js +1 -1
- package/node/Modal/Modal.js +7 -6
- package/node/OutlinedInput/OutlinedInput.js +2 -2
- package/node/Pagination/Pagination.js +2 -2
- package/node/PaginationItem/PaginationItem.js +1 -1
- package/node/Popover/Popover.js +2 -2
- package/node/Popper/Popper.js +4 -4
- package/node/Radio/Radio.js +1 -1
- package/node/Rating/Rating.js +1 -1
- package/node/Select/Select.js +2 -2
- package/node/Select/SelectInput.js +24 -3
- package/node/Slide/Slide.js +1 -1
- package/node/Slider/Slider.js +1 -1
- package/node/Snackbar/Snackbar.js +2 -2
- package/node/SpeedDial/SpeedDial.js +2 -2
- package/node/SpeedDialAction/SpeedDialAction.js +2 -2
- package/node/StepContent/StepContent.js +1 -1
- package/node/StepLabel/StepLabel.js +2 -2
- package/node/SvgIcon/SvgIcon.js +1 -1
- package/node/Switch/Switch.js +1 -1
- package/node/TablePagination/TablePagination.js +6 -6
- package/node/TablePagination/TablePaginationActions.js +3 -3
- package/node/Tabs/Tabs.js +1 -1
- package/node/TextField/TextField.js +13 -13
- package/node/ToggleButton/ToggleButton.js +1 -1
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/node/Tooltip/Tooltip.js +2 -2
- package/node/Zoom/Zoom.js +1 -1
- package/node/index.js +1 -1
- package/package.json +7 -7
- package/styles/ThemeProvider.d.ts +1 -1
- package/styles/createTheme.d.ts +1 -1
- package/styles/experimental_extendTheme.d.ts +1 -1
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/umd/material-ui.development.js +279 -225
- package/umd/material-ui.production.min.js +5 -5
- package/useMediaQuery/useMediaQuery.d.ts +31 -31
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/setRef.d.ts +2 -2
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
export interface AutocompleteClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
5
|
-
fullWidth: string;
|
|
6
|
-
/** State class applied to the root element if focused. */
|
|
7
|
-
focused: string;
|
|
8
|
-
/** Styles applied to the tag elements, e.g. the chips. */
|
|
9
|
-
tag: string;
|
|
10
|
-
/** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
|
|
11
|
-
tagSizeSmall: string;
|
|
12
|
-
/** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
|
|
13
|
-
tagSizeMedium: string;
|
|
14
|
-
/** Styles applied when the popup icon is rendered. */
|
|
15
|
-
hasPopupIcon: string;
|
|
16
|
-
/** Styles applied when the clear icon is rendered. */
|
|
17
|
-
hasClearIcon: string;
|
|
18
|
-
/** Styles applied to the Input element. */
|
|
19
|
-
inputRoot: string;
|
|
20
|
-
/** Styles applied to the input element. */
|
|
21
|
-
input: string;
|
|
22
|
-
/** Styles applied to the input element if tag focused. */
|
|
23
|
-
inputFocused: string;
|
|
24
|
-
/** Styles applied to the endAdornment element. */
|
|
25
|
-
endAdornment: string;
|
|
26
|
-
/** Styles applied to the clear indicator. */
|
|
27
|
-
clearIndicator: string;
|
|
28
|
-
/** Styles applied to the popup indicator. */
|
|
29
|
-
popupIndicator: string;
|
|
30
|
-
/** Styles applied to the popup indicator if the popup is open. */
|
|
31
|
-
popupIndicatorOpen: string;
|
|
32
|
-
/** Styles applied to the popper element. */
|
|
33
|
-
popper: string;
|
|
34
|
-
/** Styles applied to the popper element if `disablePortal={true}`. */
|
|
35
|
-
popperDisablePortal: string;
|
|
36
|
-
/** Styles applied to the Paper component. */
|
|
37
|
-
paper: string;
|
|
38
|
-
/** Styles applied to the listbox component. */
|
|
39
|
-
listbox: string;
|
|
40
|
-
/** Styles applied to the loading wrapper. */
|
|
41
|
-
loading: string;
|
|
42
|
-
/** Styles applied to the no option wrapper. */
|
|
43
|
-
noOptions: string;
|
|
44
|
-
/** Styles applied to the option elements. */
|
|
45
|
-
option: string;
|
|
46
|
-
/** Styles applied to the group's label elements. */
|
|
47
|
-
groupLabel: string;
|
|
48
|
-
/** Styles applied to the group's ul elements. */
|
|
49
|
-
groupUl: string;
|
|
50
|
-
}
|
|
51
|
-
export declare type AutocompleteClassKey = keyof AutocompleteClasses;
|
|
52
|
-
export declare function getAutocompleteUtilityClass(slot: string): string;
|
|
53
|
-
declare const autocompleteClasses: AutocompleteClasses;
|
|
54
|
-
export default autocompleteClasses;
|
|
1
|
+
export interface AutocompleteClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
5
|
+
fullWidth: string;
|
|
6
|
+
/** State class applied to the root element if focused. */
|
|
7
|
+
focused: string;
|
|
8
|
+
/** Styles applied to the tag elements, e.g. the chips. */
|
|
9
|
+
tag: string;
|
|
10
|
+
/** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
|
|
11
|
+
tagSizeSmall: string;
|
|
12
|
+
/** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
|
|
13
|
+
tagSizeMedium: string;
|
|
14
|
+
/** Styles applied when the popup icon is rendered. */
|
|
15
|
+
hasPopupIcon: string;
|
|
16
|
+
/** Styles applied when the clear icon is rendered. */
|
|
17
|
+
hasClearIcon: string;
|
|
18
|
+
/** Styles applied to the Input element. */
|
|
19
|
+
inputRoot: string;
|
|
20
|
+
/** Styles applied to the input element. */
|
|
21
|
+
input: string;
|
|
22
|
+
/** Styles applied to the input element if tag focused. */
|
|
23
|
+
inputFocused: string;
|
|
24
|
+
/** Styles applied to the endAdornment element. */
|
|
25
|
+
endAdornment: string;
|
|
26
|
+
/** Styles applied to the clear indicator. */
|
|
27
|
+
clearIndicator: string;
|
|
28
|
+
/** Styles applied to the popup indicator. */
|
|
29
|
+
popupIndicator: string;
|
|
30
|
+
/** Styles applied to the popup indicator if the popup is open. */
|
|
31
|
+
popupIndicatorOpen: string;
|
|
32
|
+
/** Styles applied to the popper element. */
|
|
33
|
+
popper: string;
|
|
34
|
+
/** Styles applied to the popper element if `disablePortal={true}`. */
|
|
35
|
+
popperDisablePortal: string;
|
|
36
|
+
/** Styles applied to the Paper component. */
|
|
37
|
+
paper: string;
|
|
38
|
+
/** Styles applied to the listbox component. */
|
|
39
|
+
listbox: string;
|
|
40
|
+
/** Styles applied to the loading wrapper. */
|
|
41
|
+
loading: string;
|
|
42
|
+
/** Styles applied to the no option wrapper. */
|
|
43
|
+
noOptions: string;
|
|
44
|
+
/** Styles applied to the option elements. */
|
|
45
|
+
option: string;
|
|
46
|
+
/** Styles applied to the group's label elements. */
|
|
47
|
+
groupLabel: string;
|
|
48
|
+
/** Styles applied to the group's ul elements. */
|
|
49
|
+
groupUl: string;
|
|
50
|
+
}
|
|
51
|
+
export declare type AutocompleteClassKey = keyof AutocompleteClasses;
|
|
52
|
+
export declare function getAutocompleteUtilityClass(slot: string): string;
|
|
53
|
+
declare const autocompleteClasses: AutocompleteClasses;
|
|
54
|
+
export default autocompleteClasses;
|
package/Avatar/Avatar.d.ts
CHANGED
|
@@ -63,11 +63,11 @@ export interface AvatarTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
63
63
|
*
|
|
64
64
|
* Demos:
|
|
65
65
|
*
|
|
66
|
-
* - [Avatars](https://mui.com/
|
|
66
|
+
* - [Avatars](https://mui.com/material-ui/react-avatar/)
|
|
67
67
|
*
|
|
68
68
|
* API:
|
|
69
69
|
*
|
|
70
|
-
* - [Avatar API](https://mui.com/api/avatar/)
|
|
70
|
+
* - [Avatar API](https://mui.com/material-ui/api/avatar/)
|
|
71
71
|
*/
|
|
72
72
|
declare const Avatar: OverridableComponent<AvatarTypeMap>;
|
|
73
73
|
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export interface AvatarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if not `src` or `srcSet`. */
|
|
5
|
-
colorDefault: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="circular"`. */
|
|
7
|
-
circular: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="rounded"`. */
|
|
9
|
-
rounded: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="square"`. */
|
|
11
|
-
square: string;
|
|
12
|
-
/** Styles applied to the img element if either `src` or `srcSet` is defined. */
|
|
13
|
-
img: string;
|
|
14
|
-
/** Styles applied to the fallback icon */
|
|
15
|
-
fallback: string;
|
|
16
|
-
}
|
|
17
|
-
export declare type AvatarClassKey = keyof AvatarClasses;
|
|
18
|
-
export declare function getAvatarUtilityClass(slot: string): string;
|
|
19
|
-
declare const avatarClasses: AvatarClasses;
|
|
20
|
-
export default avatarClasses;
|
|
1
|
+
export interface AvatarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if not `src` or `srcSet`. */
|
|
5
|
+
colorDefault: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="circular"`. */
|
|
7
|
+
circular: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="rounded"`. */
|
|
9
|
+
rounded: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="square"`. */
|
|
11
|
+
square: string;
|
|
12
|
+
/** Styles applied to the img element if either `src` or `srcSet` is defined. */
|
|
13
|
+
img: string;
|
|
14
|
+
/** Styles applied to the fallback icon */
|
|
15
|
+
fallback: string;
|
|
16
|
+
}
|
|
17
|
+
export declare type AvatarClassKey = keyof AvatarClasses;
|
|
18
|
+
export declare function getAvatarUtilityClass(slot: string): string;
|
|
19
|
+
declare const avatarClasses: AvatarClasses;
|
|
20
|
+
export default avatarClasses;
|
|
@@ -58,10 +58,10 @@ export interface AvatarGroupProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
58
58
|
*
|
|
59
59
|
* Demos:
|
|
60
60
|
*
|
|
61
|
-
* - [Avatars](https://mui.com/
|
|
61
|
+
* - [Avatars](https://mui.com/material-ui/react-avatar/)
|
|
62
62
|
*
|
|
63
63
|
* API:
|
|
64
64
|
*
|
|
65
|
-
* - [AvatarGroup API](https://mui.com/api/avatar-group/)
|
|
65
|
+
* - [AvatarGroup API](https://mui.com/material-ui/api/avatar-group/)
|
|
66
66
|
*/
|
|
67
67
|
export default function AvatarGroup(props: AvatarGroupProps): JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface AvatarGroupClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the avatar elements. */
|
|
5
|
-
avatar: string;
|
|
6
|
-
}
|
|
7
|
-
export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
|
|
8
|
-
export declare function getAvatarGroupUtilityClass(slot: string): string;
|
|
9
|
-
declare const avatarGroupClasses: AvatarGroupClasses;
|
|
10
|
-
export default avatarGroupClasses;
|
|
1
|
+
export interface AvatarGroupClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the avatar elements. */
|
|
5
|
+
avatar: string;
|
|
6
|
+
}
|
|
7
|
+
export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
|
|
8
|
+
export declare function getAvatarGroupUtilityClass(slot: string): string;
|
|
9
|
+
declare const avatarGroupClasses: AvatarGroupClasses;
|
|
10
|
+
export default avatarGroupClasses;
|
package/Backdrop/Backdrop.d.ts
CHANGED
|
@@ -65,12 +65,12 @@ export const BackdropRoot: React.FC<BackdropRootProps>;
|
|
|
65
65
|
*
|
|
66
66
|
* Demos:
|
|
67
67
|
*
|
|
68
|
-
* - [Backdrop](https://mui.com/
|
|
68
|
+
* - [Backdrop](https://mui.com/material-ui/react-backdrop/)
|
|
69
69
|
*
|
|
70
70
|
* API:
|
|
71
71
|
*
|
|
72
|
-
* - [Backdrop API](https://mui.com/api/backdrop/)
|
|
73
|
-
* - inherits [Fade API](https://mui.com/api/fade/)
|
|
72
|
+
* - [Backdrop API](https://mui.com/material-ui/api/backdrop/)
|
|
73
|
+
* - inherits [Fade API](https://mui.com/material-ui/api/fade/)
|
|
74
74
|
*/
|
|
75
75
|
declare const Backdrop: OverridableComponent<BackdropTypeMap>;
|
|
76
76
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface BackdropClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `invisible={true}`. */
|
|
5
|
-
invisible: string;
|
|
6
|
-
}
|
|
7
|
-
export declare type BackdropClassKey = keyof BackdropClasses;
|
|
8
|
-
export declare function getBackdropUtilityClass(slot: string): string;
|
|
9
|
-
declare const backdropClasses: BackdropClasses;
|
|
10
|
-
export default backdropClasses;
|
|
1
|
+
export interface BackdropClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `invisible={true}`. */
|
|
5
|
+
invisible: string;
|
|
6
|
+
}
|
|
7
|
+
export declare type BackdropClassKey = keyof BackdropClasses;
|
|
8
|
+
export declare function getBackdropUtilityClass(slot: string): string;
|
|
9
|
+
declare const backdropClasses: BackdropClasses;
|
|
10
|
+
export default backdropClasses;
|
package/Badge/Badge.d.ts
CHANGED
|
@@ -72,7 +72,7 @@ export type BadgeTypeMap<
|
|
|
72
72
|
/**
|
|
73
73
|
* The color of the component.
|
|
74
74
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
75
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
75
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
76
76
|
* @default 'default'
|
|
77
77
|
*/
|
|
78
78
|
color?: OverridableStringUnion<
|
|
@@ -107,13 +107,13 @@ export const BadgeMark: React.FC<BadgeBadgeProps>;
|
|
|
107
107
|
*
|
|
108
108
|
* Demos:
|
|
109
109
|
*
|
|
110
|
-
* - [Avatars](https://mui.com/
|
|
111
|
-
* - [Badges](https://mui.com/
|
|
110
|
+
* - [Avatars](https://mui.com/material-ui/react-avatar/)
|
|
111
|
+
* - [Badges](https://mui.com/material-ui/react-badge/)
|
|
112
112
|
*
|
|
113
113
|
* API:
|
|
114
114
|
*
|
|
115
|
-
* - [Badge API](https://mui.com/api/badge/)
|
|
116
|
-
* - inherits [BadgeUnstyled API](https://mui.com/api/badge-unstyled/)
|
|
115
|
+
* - [Badge API](https://mui.com/material-ui/api/badge/)
|
|
116
|
+
* - inherits [BadgeUnstyled API](https://mui.com/base/api/badge-unstyled/)
|
|
117
117
|
*/
|
|
118
118
|
declare const Badge: OverridableComponent<BadgeTypeMap>;
|
|
119
119
|
|
package/Badge/Badge.js
CHANGED
|
@@ -5,6 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import { usePreviousProps } from '@mui/utils';
|
|
8
|
+
import composeClasses from '@mui/base/composeClasses';
|
|
8
9
|
import BadgeUnstyled from '@mui/base/BadgeUnstyled';
|
|
9
10
|
import styled from '../styles/styled';
|
|
10
11
|
import useThemeProps from '../styles/useThemeProps';
|
|
@@ -15,7 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
15
16
|
const RADIUS_STANDARD = 10;
|
|
16
17
|
const RADIUS_DOT = 4;
|
|
17
18
|
|
|
18
|
-
const
|
|
19
|
+
const useUtilityClasses = ownerState => {
|
|
19
20
|
const {
|
|
20
21
|
color,
|
|
21
22
|
anchorOrigin,
|
|
@@ -24,10 +25,11 @@ const extendUtilityClasses = ownerState => {
|
|
|
24
25
|
variant,
|
|
25
26
|
classes = {}
|
|
26
27
|
} = ownerState;
|
|
27
|
-
|
|
28
|
-
root:
|
|
29
|
-
badge:
|
|
28
|
+
const slots = {
|
|
29
|
+
root: ['root'],
|
|
30
|
+
badge: ['badge', variant, invisible && 'invisible', `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`, `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`, `overlap${capitalize(overlap)}`, color !== 'default' && `color${capitalize(color)}`]
|
|
30
31
|
};
|
|
32
|
+
return composeClasses(slots, getBadgeUtilityClass, classes);
|
|
31
33
|
};
|
|
32
34
|
|
|
33
35
|
const BadgeRoot = styled('span', {
|
|
@@ -208,7 +210,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
|
|
|
208
210
|
variant
|
|
209
211
|
});
|
|
210
212
|
|
|
211
|
-
const classes =
|
|
213
|
+
const classes = useUtilityClasses(ownerState);
|
|
212
214
|
let displayValue;
|
|
213
215
|
|
|
214
216
|
if (variant !== 'dot') {
|
|
@@ -293,7 +295,7 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
|
|
|
293
295
|
/**
|
|
294
296
|
* The color of the component.
|
|
295
297
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
296
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
298
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
297
299
|
* @default 'default'
|
|
298
300
|
*/
|
|
299
301
|
color: PropTypes
|
package/Badge/badgeClasses.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export interface BadgeClasses {
|
|
2
|
-
/** Class name applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Class name applied to the badge `span` element. */
|
|
5
|
-
badge: string;
|
|
6
|
-
/** Class name applied to the badge `span` element if `variant="dot"`. */
|
|
7
|
-
dot: string;
|
|
8
|
-
/** Class name applied to the badge `span` element if `variant="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
|
|
11
|
-
anchorOriginTopRight: string;
|
|
12
|
-
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
|
|
13
|
-
anchorOriginBottomRight: string;
|
|
14
|
-
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
|
|
15
|
-
anchorOriginTopLeft: string;
|
|
16
|
-
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
|
|
17
|
-
anchorOriginBottomLeft: string;
|
|
18
|
-
/** State class applied to the badge `span` element if `invisible={true}`. */
|
|
19
|
-
invisible: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type BadgeClassKey = keyof BadgeClasses;
|
|
22
|
-
export declare function getBadgeUtilityClass(slot: string): string;
|
|
23
|
-
declare const badgeClasses: BadgeClasses;
|
|
24
|
-
export default badgeClasses;
|
|
1
|
+
export interface BadgeClasses {
|
|
2
|
+
/** Class name applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Class name applied to the badge `span` element. */
|
|
5
|
+
badge: string;
|
|
6
|
+
/** Class name applied to the badge `span` element if `variant="dot"`. */
|
|
7
|
+
dot: string;
|
|
8
|
+
/** Class name applied to the badge `span` element if `variant="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
|
|
11
|
+
anchorOriginTopRight: string;
|
|
12
|
+
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
|
|
13
|
+
anchorOriginBottomRight: string;
|
|
14
|
+
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
|
|
15
|
+
anchorOriginTopLeft: string;
|
|
16
|
+
/** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
|
|
17
|
+
anchorOriginBottomLeft: string;
|
|
18
|
+
/** State class applied to the badge `span` element if `invisible={true}`. */
|
|
19
|
+
invisible: string;
|
|
20
|
+
}
|
|
21
|
+
export declare type BadgeClassKey = keyof BadgeClasses;
|
|
22
|
+
export declare function getBadgeUtilityClass(slot: string): string;
|
|
23
|
+
declare const badgeClasses: BadgeClasses;
|
|
24
|
+
export default badgeClasses;
|
|
@@ -42,11 +42,11 @@ export interface BottomNavigationTypeMap<P = {}, D extends React.ElementType = '
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Bottom
|
|
45
|
+
* - [Bottom navigation](https://mui.com/material-ui/react-bottom-navigation/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [BottomNavigation API](https://mui.com/api/bottom-navigation/)
|
|
49
|
+
* - [BottomNavigation API](https://mui.com/material-ui/api/bottom-navigation/)
|
|
50
50
|
*/
|
|
51
51
|
declare const BottomNavigation: OverridableComponent<BottomNavigationTypeMap>;
|
|
52
52
|
|
|
File without changes
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface BottomNavigationClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
|
|
6
|
-
export declare function getBottomNavigationUtilityClass(slot: string): string;
|
|
7
|
-
declare const bottomNavigationClasses: BottomNavigationClasses;
|
|
8
|
-
export default bottomNavigationClasses;
|
|
1
|
+
export interface BottomNavigationClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
|
|
6
|
+
export declare function getBottomNavigationUtilityClass(slot: string): string;
|
|
7
|
+
declare const bottomNavigationClasses: BottomNavigationClasses;
|
|
8
|
+
export default bottomNavigationClasses;
|
|
@@ -51,12 +51,12 @@ export type BottomNavigationActionTypeMap<
|
|
|
51
51
|
*
|
|
52
52
|
* Demos:
|
|
53
53
|
*
|
|
54
|
-
* - [Bottom
|
|
54
|
+
* - [Bottom navigation](https://mui.com/material-ui/react-bottom-navigation/)
|
|
55
55
|
*
|
|
56
56
|
* API:
|
|
57
57
|
*
|
|
58
|
-
* - [BottomNavigationAction API](https://mui.com/api/bottom-navigation-action/)
|
|
59
|
-
* - inherits [ButtonBase API](https://mui.com/api/button-base/)
|
|
58
|
+
* - [BottomNavigationAction API](https://mui.com/material-ui/api/bottom-navigation-action/)
|
|
59
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
60
60
|
*/
|
|
61
61
|
declare const BottomNavigationAction: ExtendButtonBase<
|
|
62
62
|
BottomNavigationActionTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>
|
|
@@ -42,17 +42,18 @@ const BottomNavigationActionRoot = styled(ButtonBase, {
|
|
|
42
42
|
transition: theme.transitions.create(['color', 'padding-top'], {
|
|
43
43
|
duration: theme.transitions.duration.short
|
|
44
44
|
}),
|
|
45
|
-
padding: '
|
|
45
|
+
padding: '0px 12px',
|
|
46
46
|
minWidth: 80,
|
|
47
47
|
maxWidth: 168,
|
|
48
48
|
color: theme.palette.text.secondary,
|
|
49
49
|
flexDirection: 'column',
|
|
50
50
|
flex: '1'
|
|
51
51
|
}, !ownerState.showLabel && !ownerState.selected && {
|
|
52
|
-
paddingTop:
|
|
52
|
+
paddingTop: 14
|
|
53
|
+
}, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
|
|
54
|
+
paddingTop: 0
|
|
53
55
|
}, {
|
|
54
56
|
[`&.${bottomNavigationActionClasses.selected}`]: {
|
|
55
|
-
paddingTop: 6,
|
|
56
57
|
color: theme.palette.primary.main
|
|
57
58
|
}
|
|
58
59
|
}));
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface BottomNavigationActionClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if selected. */
|
|
5
|
-
selected: string;
|
|
6
|
-
/** State class applied to the root element if `showLabel={false}` and not selected. */
|
|
7
|
-
iconOnly: string;
|
|
8
|
-
/** Styles applied to the label's span element. */
|
|
9
|
-
label: string;
|
|
10
|
-
}
|
|
11
|
-
export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
|
|
12
|
-
export declare function getBottomNavigationActionUtilityClass(slot: string): string;
|
|
13
|
-
declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
|
|
14
|
-
export default bottomNavigationActionClasses;
|
|
1
|
+
export interface BottomNavigationActionClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if selected. */
|
|
5
|
+
selected: string;
|
|
6
|
+
/** State class applied to the root element if `showLabel={false}` and not selected. */
|
|
7
|
+
iconOnly: string;
|
|
8
|
+
/** Styles applied to the label's span element. */
|
|
9
|
+
label: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
|
|
12
|
+
export declare function getBottomNavigationActionUtilityClass(slot: string): string;
|
|
13
|
+
declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
|
|
14
|
+
export default bottomNavigationActionClasses;
|
package/Box/Box.d.ts
CHANGED
|
@@ -6,8 +6,15 @@ export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
6
6
|
props: P &
|
|
7
7
|
SystemProps<Theme> & {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* The component used for the root node.
|
|
11
|
+
* Either a string to use a HTML element or a component.
|
|
12
|
+
*/
|
|
9
13
|
component?: React.ElementType;
|
|
10
14
|
ref?: React.Ref<unknown>;
|
|
15
|
+
/**
|
|
16
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
17
|
+
*/
|
|
11
18
|
sx?: SxProps<Theme>;
|
|
12
19
|
};
|
|
13
20
|
defaultComponent: D;
|
|
@@ -16,19 +23,11 @@ export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
16
23
|
*
|
|
17
24
|
* Demos:
|
|
18
25
|
*
|
|
19
|
-
* - [Box](https://mui.com/
|
|
26
|
+
* - [Box](https://mui.com/material-ui/react-box/)
|
|
20
27
|
*
|
|
21
28
|
* API:
|
|
22
29
|
*
|
|
23
|
-
* - [Box API](https://mui.com/
|
|
24
|
-
* NOTE - As a CSS utility component, Box also supports all system props.
|
|
25
|
-
* You can use them as props directly on the component.
|
|
26
|
-
* Props use same syntax as `sx`. Not all props are listed in the API section.
|
|
27
|
-
*
|
|
28
|
-
* Example:
|
|
29
|
-
*
|
|
30
|
-
* // For instance, a Box with margin-top:
|
|
31
|
-
* <Box mt={2}>
|
|
30
|
+
* - [Box API](https://mui.com/material-ui/api/box/)
|
|
32
31
|
*/
|
|
33
32
|
declare const Box: OverridableComponent<BoxTypeMap>;
|
|
34
33
|
|
|
@@ -37,22 +36,4 @@ export type BoxProps<
|
|
|
37
36
|
P = {},
|
|
38
37
|
> = OverrideProps<BoxTypeMap<P, D>, D>;
|
|
39
38
|
|
|
40
|
-
/**
|
|
41
|
-
*
|
|
42
|
-
* Demos:
|
|
43
|
-
*
|
|
44
|
-
* - [Box](https://mui.com/components/box/)
|
|
45
|
-
*
|
|
46
|
-
* API:
|
|
47
|
-
*
|
|
48
|
-
* - [Box API](https://mui.com/components/box/#api)
|
|
49
|
-
* NOTE - As a CSS utility component, Box also supports all system props.
|
|
50
|
-
* You can use them as props directly on the component.
|
|
51
|
-
* Props use same syntax as `sx`. Not all props are listed in the API section.
|
|
52
|
-
*
|
|
53
|
-
* Example:
|
|
54
|
-
*
|
|
55
|
-
* // For instance, a Box with margin-top:
|
|
56
|
-
* <Box mt={2}>
|
|
57
|
-
*/
|
|
58
39
|
export default Box;
|
package/Box/Box.js
CHANGED
|
@@ -1,14 +1,35 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
1
2
|
import { createBox } from '@mui/system';
|
|
2
3
|
import { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';
|
|
3
4
|
import { createTheme } from '../styles';
|
|
4
5
|
const defaultTheme = createTheme();
|
|
5
|
-
/**
|
|
6
|
-
* @ignore - do not document.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
6
|
const Box = createBox({
|
|
10
7
|
defaultTheme,
|
|
11
8
|
defaultClassName: 'MuiBox-root',
|
|
12
9
|
generateClassName: ClassNameGenerator.generate
|
|
13
10
|
});
|
|
11
|
+
process.env.NODE_ENV !== "production" ? Box.propTypes
|
|
12
|
+
/* remove-proptypes */
|
|
13
|
+
= {
|
|
14
|
+
// ----------------------------- Warning --------------------------------
|
|
15
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
16
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
17
|
+
// ----------------------------------------------------------------------
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* @ignore
|
|
21
|
+
*/
|
|
22
|
+
children: PropTypes.node,
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* The component used for the root node.
|
|
26
|
+
* Either a string to use a HTML element or a component.
|
|
27
|
+
*/
|
|
28
|
+
component: PropTypes.elementType,
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
32
|
+
*/
|
|
33
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
34
|
+
} : void 0;
|
|
14
35
|
export default Box;
|
|
@@ -17,7 +17,7 @@ export interface BreadcrumbsTypeMap<P = {}, D extends React.ElementType = 'nav'>
|
|
|
17
17
|
/**
|
|
18
18
|
* Override the default label for the expand button.
|
|
19
19
|
*
|
|
20
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
20
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
21
21
|
* @default 'Show path'
|
|
22
22
|
*/
|
|
23
23
|
expandText?: string;
|
|
@@ -55,11 +55,11 @@ export interface BreadcrumbsTypeMap<P = {}, D extends React.ElementType = 'nav'>
|
|
|
55
55
|
*
|
|
56
56
|
* Demos:
|
|
57
57
|
*
|
|
58
|
-
* - [Breadcrumbs](https://mui.com/
|
|
58
|
+
* - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
|
|
59
59
|
*
|
|
60
60
|
* API:
|
|
61
61
|
*
|
|
62
|
-
* - [Breadcrumbs API](https://mui.com/api/breadcrumbs/)
|
|
62
|
+
* - [Breadcrumbs API](https://mui.com/material-ui/api/breadcrumbs/)
|
|
63
63
|
*/
|
|
64
64
|
declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
|
|
65
65
|
|
|
@@ -198,7 +198,7 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
|
|
|
198
198
|
/**
|
|
199
199
|
* Override the default label for the expand button.
|
|
200
200
|
*
|
|
201
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
201
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
202
202
|
* @default 'Show path'
|
|
203
203
|
*/
|
|
204
204
|
expandText: PropTypes.string,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface BreadcrumbsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the ol element. */
|
|
5
|
-
ol: string;
|
|
6
|
-
/** Styles applied to the li element. */
|
|
7
|
-
li: string;
|
|
8
|
-
/** Styles applied to the separator element. */
|
|
9
|
-
separator: string;
|
|
10
|
-
}
|
|
11
|
-
export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
|
|
12
|
-
export declare function getBreadcrumbsUtilityClass(slot: string): string;
|
|
13
|
-
declare const breadcrumbsClasses: BreadcrumbsClasses;
|
|
14
|
-
export default breadcrumbsClasses;
|
|
1
|
+
export interface BreadcrumbsClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the ol element. */
|
|
5
|
+
ol: string;
|
|
6
|
+
/** Styles applied to the li element. */
|
|
7
|
+
li: string;
|
|
8
|
+
/** Styles applied to the separator element. */
|
|
9
|
+
separator: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
|
|
12
|
+
export declare function getBreadcrumbsUtilityClass(slot: string): string;
|
|
13
|
+
declare const breadcrumbsClasses: BreadcrumbsClasses;
|
|
14
|
+
export default breadcrumbsClasses;
|