@mui/material 5.5.3 → 5.6.2
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 +25 -12
- package/Badge/Badge.js +48 -24
- package/Badge/badgeClasses.d.ts +24 -0
- package/Badge/badgeClasses.js +8 -0
- package/Badge/index.d.ts +3 -0
- package/Badge/index.js +2 -1
- 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/bottomNavigationActionClasses.d.ts +14 -14
- 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 +102 -97
- 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 +210 -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 +2 -2
- 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 +15 -6
- 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/ListItemButton.js +1 -0
- 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 +7 -8
- 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 +3 -3
- 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 -22
- 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 +49 -24
- package/legacy/Badge/badgeClasses.js +8 -0
- package/legacy/Badge/index.js +2 -1
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
- package/legacy/Button/Button.js +31 -30
- 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 +16 -5
- package/legacy/ListItem/ListItem.js +4 -4
- package/legacy/ListItemButton/ListItemButton.js +1 -0
- 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/legacy/locale/index.js +115 -111
- package/legacy/styles/CssVarsProvider.js +31 -0
- package/legacy/styles/experimental_extendTheme.js +96 -0
- package/legacy/styles/index.js +3 -1
- package/locale/index.d.ts +71 -71
- package/locale/index.js +6 -3
- 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 +45 -21
- package/modern/Badge/badgeClasses.js +8 -0
- package/modern/Badge/index.js +2 -1
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
- package/modern/Button/Button.js +30 -29
- 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 +15 -6
- package/modern/ListItem/ListItem.js +4 -4
- package/modern/ListItemButton/ListItemButton.js +1 -0
- 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/modern/locale/index.js +6 -3
- package/modern/styles/CssVarsProvider.js +28 -0
- package/modern/styles/experimental_extendTheme.js +89 -0
- package/modern/styles/index.js +3 -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 +58 -34
- package/node/Badge/badgeClasses.js +22 -0
- package/node/Badge/index.js +17 -5
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Breadcrumbs/Breadcrumbs.js +1 -1
- package/node/Button/Button.js +102 -97
- 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 +16 -6
- package/node/ListItem/ListItem.js +4 -4
- package/node/ListItemButton/ListItemButton.js +1 -0
- 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/node/locale/index.js +6 -3
- package/node/styles/CssVarsProvider.js +41 -0
- package/node/styles/experimental_extendTheme.js +105 -0
- package/node/styles/index.js +58 -0
- package/package.json +9 -9
- package/styles/CssVarsProvider.d.ts +28 -0
- package/styles/CssVarsProvider.js +28 -0
- package/styles/ThemeProvider.d.ts +1 -1
- package/styles/createPalette.d.ts +26 -0
- package/styles/createTheme.d.ts +1 -1
- package/styles/experimental_extendTheme.d.ts +90 -0
- package/styles/experimental_extendTheme.js +91 -0
- package/styles/index.d.ts +5 -0
- package/styles/index.js +3 -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 +1297 -438
- package/umd/material-ui.production.min.js +21 -21
- 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
package/Select/Select.js
CHANGED
|
@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
|
|
|
209
209
|
inputProps: PropTypes.object,
|
|
210
210
|
|
|
211
211
|
/**
|
|
212
|
-
* See [OutlinedInput#label](/api/outlined-input/#props)
|
|
212
|
+
* See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
|
|
213
213
|
*/
|
|
214
214
|
label: PropTypes.node,
|
|
215
215
|
|
|
@@ -220,7 +220,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes
|
|
|
220
220
|
labelId: PropTypes.string,
|
|
221
221
|
|
|
222
222
|
/**
|
|
223
|
-
* Props applied to the [`Menu`](/api/menu/) element.
|
|
223
|
+
* Props applied to the [`Menu`](/material-ui/api/menu/) element.
|
|
224
224
|
*/
|
|
225
225
|
MenuProps: PropTypes.object,
|
|
226
226
|
|
package/Select/SelectInput.js
CHANGED
|
@@ -356,7 +356,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
356
356
|
}
|
|
357
357
|
}
|
|
358
358
|
|
|
359
|
-
const items = childrenArray.map(child => {
|
|
359
|
+
const items = childrenArray.map((child, index, arr) => {
|
|
360
360
|
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
361
361
|
return null;
|
|
362
362
|
}
|
|
@@ -391,6 +391,27 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
391
391
|
foundMatch = true;
|
|
392
392
|
}
|
|
393
393
|
|
|
394
|
+
if (child.props.value === undefined) {
|
|
395
|
+
return /*#__PURE__*/React.cloneElement(child, {
|
|
396
|
+
'aria-readonly': true,
|
|
397
|
+
role: 'option'
|
|
398
|
+
});
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
const isFirstSelectableElement = () => {
|
|
402
|
+
if (value) {
|
|
403
|
+
return selected;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
const firstSelectableElement = arr.find(item => item.props.value !== undefined && item.props.disabled !== true);
|
|
407
|
+
|
|
408
|
+
if (child === firstSelectableElement) {
|
|
409
|
+
return true;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
return selected;
|
|
413
|
+
};
|
|
414
|
+
|
|
394
415
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
395
416
|
'aria-selected': selected ? 'true' : 'false',
|
|
396
417
|
onClick: handleItemClick(child),
|
|
@@ -407,7 +428,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
407
428
|
}
|
|
408
429
|
},
|
|
409
430
|
role: 'option',
|
|
410
|
-
selected,
|
|
431
|
+
selected: arr[0].props.value === undefined || arr[0].props.disabled === true ? isFirstSelectableElement() : selected,
|
|
411
432
|
value: undefined,
|
|
412
433
|
// The value is most likely not a valid HTML attribute.
|
|
413
434
|
'data-value': child.props.value // Instead, we provide it as a data attribute.
|
|
@@ -615,7 +636,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
|
|
|
615
636
|
labelId: PropTypes.string,
|
|
616
637
|
|
|
617
638
|
/**
|
|
618
|
-
* Props applied to the [`Menu`](/api/menu/) element.
|
|
639
|
+
* Props applied to the [`Menu`](/material-ui/api/menu/) element.
|
|
619
640
|
*/
|
|
620
641
|
MenuProps: PropTypes.object,
|
|
621
642
|
|
|
@@ -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;
|
package/Skeleton/Skeleton.d.ts
CHANGED
|
@@ -53,11 +53,11 @@ export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
|
|
|
53
53
|
*
|
|
54
54
|
* Demos:
|
|
55
55
|
*
|
|
56
|
-
* - [Skeleton](https://mui.com/
|
|
56
|
+
* - [Skeleton](https://mui.com/material-ui/react-skeleton/)
|
|
57
57
|
*
|
|
58
58
|
* API:
|
|
59
59
|
*
|
|
60
|
-
* - [Skeleton API](https://mui.com/api/skeleton/)
|
|
60
|
+
* - [Skeleton API](https://mui.com/material-ui/api/skeleton/)
|
|
61
61
|
*/
|
|
62
62
|
declare const Skeleton: OverridableComponent<SkeletonTypeMap>;
|
|
63
63
|
|
|
@@ -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/Slide/Slide.d.ts
CHANGED
|
@@ -48,17 +48,17 @@ export interface SlideProps extends TransitionProps {
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
/**
|
|
51
|
-
* The Slide transition is used by the [Drawer](https://mui.com/
|
|
51
|
+
* The Slide transition is used by the [Drawer](https://mui.com/material-ui/react-drawer/) component.
|
|
52
52
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
53
53
|
*
|
|
54
54
|
* Demos:
|
|
55
55
|
*
|
|
56
|
-
* - [Dialogs](https://mui.com/
|
|
57
|
-
* - [Transitions](https://mui.com/
|
|
56
|
+
* - [Dialogs](https://mui.com/material-ui/react-dialog/)
|
|
57
|
+
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
58
58
|
*
|
|
59
59
|
* API:
|
|
60
60
|
*
|
|
61
|
-
* - [Slide API](https://mui.com/api/slide/)
|
|
61
|
+
* - [Slide API](https://mui.com/material-ui/api/slide/)
|
|
62
62
|
* - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
63
63
|
*/
|
|
64
64
|
export default function Slide(props: SlideProps): JSX.Element;
|
package/Slide/Slide.js
CHANGED
|
@@ -82,7 +82,7 @@ export function setTranslateValue(direction, node, containerProp) {
|
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
/**
|
|
85
|
-
* The Slide transition is used by the [Drawer](/
|
|
85
|
+
* The Slide transition is used by the [Drawer](/material-ui/react-drawer/) component.
|
|
86
86
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
87
87
|
*/
|
|
88
88
|
|
package/Slider/Slider.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export type SliderTypeMap<
|
|
|
21
21
|
/**
|
|
22
22
|
* The color of the component.
|
|
23
23
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
24
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
24
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
25
25
|
* @default 'primary'
|
|
26
26
|
*/
|
|
27
27
|
color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
|
|
@@ -77,12 +77,12 @@ export const SliderInput: React.FC<SliderInputProps>;
|
|
|
77
77
|
*
|
|
78
78
|
* Demos:
|
|
79
79
|
*
|
|
80
|
-
* - [Slider](https://mui.com/
|
|
80
|
+
* - [Slider](https://mui.com/material-ui/react-slider/)
|
|
81
81
|
*
|
|
82
82
|
* API:
|
|
83
83
|
*
|
|
84
|
-
* - [Slider API](https://mui.com/api/slider/)
|
|
85
|
-
* - inherits [SliderUnstyled API](https://mui.com/api/slider-unstyled/)
|
|
84
|
+
* - [Slider API](https://mui.com/material-ui/api/slider/)
|
|
85
|
+
* - inherits [SliderUnstyled API](https://mui.com/base/api/slider-unstyled/)
|
|
86
86
|
*/
|
|
87
87
|
declare const Slider: ExtendSliderUnstyled<SliderTypeMap>;
|
|
88
88
|
|
package/Slider/Slider.js
CHANGED
|
@@ -542,7 +542,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
|
|
|
542
542
|
/**
|
|
543
543
|
* The color of the component.
|
|
544
544
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
545
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
545
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
546
546
|
* @default 'primary'
|
|
547
547
|
*/
|
|
548
548
|
color: PropTypes
|
package/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
|
|
|
47
47
|
*/
|
|
48
48
|
ClickAwayListenerProps?: Partial<ClickAwayListenerProps>;
|
|
49
49
|
/**
|
|
50
|
-
* Props applied to the [`SnackbarContent`](/api/snackbar-content/) element.
|
|
50
|
+
* Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.
|
|
51
51
|
*/
|
|
52
52
|
ContentProps?: Partial<SnackbarContentProps>;
|
|
53
53
|
/**
|
|
@@ -94,7 +94,7 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
|
|
|
94
94
|
sx?: SxProps<Theme>;
|
|
95
95
|
/**
|
|
96
96
|
* The component used for the transition.
|
|
97
|
-
* [Follow this guide](/
|
|
97
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
98
98
|
* @default Grow
|
|
99
99
|
*/
|
|
100
100
|
TransitionComponent?: React.JSXElementConstructor<
|
|
@@ -121,10 +121,10 @@ export interface SnackbarProps extends StandardProps<React.HTMLAttributes<HTMLDi
|
|
|
121
121
|
*
|
|
122
122
|
* Demos:
|
|
123
123
|
*
|
|
124
|
-
* - [Snackbars](https://mui.com/
|
|
124
|
+
* - [Snackbars](https://mui.com/material-ui/react-snackbar/)
|
|
125
125
|
*
|
|
126
126
|
* API:
|
|
127
127
|
*
|
|
128
|
-
* - [Snackbar API](https://mui.com/api/snackbar/)
|
|
128
|
+
* - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
|
|
129
129
|
*/
|
|
130
130
|
export default function Snackbar(props: SnackbarProps): JSX.Element;
|
package/Snackbar/Snackbar.js
CHANGED
|
@@ -365,7 +365,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
|
|
|
365
365
|
ClickAwayListenerProps: PropTypes.object,
|
|
366
366
|
|
|
367
367
|
/**
|
|
368
|
-
* Props applied to the [`SnackbarContent`](/api/snackbar-content/) element.
|
|
368
|
+
* Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.
|
|
369
369
|
*/
|
|
370
370
|
ContentProps: PropTypes.object,
|
|
371
371
|
|
|
@@ -440,7 +440,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
|
|
|
440
440
|
|
|
441
441
|
/**
|
|
442
442
|
* The component used for the transition.
|
|
443
|
-
* [Follow this guide](/
|
|
443
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
444
444
|
* @default Grow
|
|
445
445
|
*/
|
|
446
446
|
TransitionComponent: PropTypes.elementType,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export interface SnackbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
|
|
5
|
-
anchorOriginTopCenter: string;
|
|
6
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
|
|
7
|
-
anchorOriginBottomCenter: string;
|
|
8
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
|
|
9
|
-
anchorOriginTopRight: string;
|
|
10
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
|
|
11
|
-
anchorOriginBottomRight: string;
|
|
12
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
|
|
13
|
-
anchorOriginTopLeft: string;
|
|
14
|
-
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
|
|
15
|
-
anchorOriginBottomLeft: string;
|
|
16
|
-
}
|
|
17
|
-
export declare type SnackbarClassKey = keyof SnackbarClasses;
|
|
18
|
-
export declare function getSnackbarUtilityClass(slot: string): string;
|
|
19
|
-
declare const snackbarClasses: SnackbarClasses;
|
|
20
|
-
export default snackbarClasses;
|
|
1
|
+
export interface SnackbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
|
|
5
|
+
anchorOriginTopCenter: string;
|
|
6
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
|
|
7
|
+
anchorOriginBottomCenter: string;
|
|
8
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
|
|
9
|
+
anchorOriginTopRight: string;
|
|
10
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
|
|
11
|
+
anchorOriginBottomRight: string;
|
|
12
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
|
|
13
|
+
anchorOriginTopLeft: string;
|
|
14
|
+
/** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
|
|
15
|
+
anchorOriginBottomLeft: string;
|
|
16
|
+
}
|
|
17
|
+
export declare type SnackbarClassKey = keyof SnackbarClasses;
|
|
18
|
+
export declare function getSnackbarUtilityClass(slot: string): string;
|
|
19
|
+
declare const snackbarClasses: SnackbarClasses;
|
|
20
|
+
export default snackbarClasses;
|
|
@@ -33,11 +33,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Snackbars](https://mui.com/
|
|
36
|
+
* - [Snackbars](https://mui.com/material-ui/react-snackbar/)
|
|
37
37
|
*
|
|
38
38
|
* API:
|
|
39
39
|
*
|
|
40
|
-
* - [SnackbarContent API](https://mui.com/api/snackbar-content/)
|
|
41
|
-
* - inherits [Paper API](https://mui.com/api/paper/)
|
|
40
|
+
* - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
|
|
41
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
42
42
|
*/
|
|
43
43
|
export default function SnackbarContent(props: SnackbarContentProps): JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface SnackbarContentClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the message wrapper element. */
|
|
5
|
-
message: string;
|
|
6
|
-
/** Styles applied to the action wrapper element if `action` is provided. */
|
|
7
|
-
action: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
|
|
10
|
-
export declare function getSnackbarContentUtilityClass(slot: string): string;
|
|
11
|
-
declare const snackbarContentClasses: SnackbarContentClasses;
|
|
12
|
-
export default snackbarContentClasses;
|
|
1
|
+
export interface SnackbarContentClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the message wrapper element. */
|
|
5
|
+
message: string;
|
|
6
|
+
/** Styles applied to the action wrapper element if `action` is provided. */
|
|
7
|
+
action: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type SnackbarContentClassKey = keyof SnackbarContentClasses;
|
|
10
|
+
export declare function getSnackbarContentUtilityClass(slot: string): string;
|
|
11
|
+
declare const snackbarContentClasses: SnackbarContentClasses;
|
|
12
|
+
export default snackbarContentClasses;
|
package/SpeedDial/SpeedDial.d.ts
CHANGED
|
@@ -35,7 +35,7 @@ export interface SpeedDialProps
|
|
|
35
35
|
*/
|
|
36
36
|
hidden?: boolean;
|
|
37
37
|
/**
|
|
38
|
-
* Props applied to the [`Fab`](/api/fab/) element.
|
|
38
|
+
* Props applied to the [`Fab`](/material-ui/api/fab/) element.
|
|
39
39
|
* @default {}
|
|
40
40
|
*/
|
|
41
41
|
FabProps?: Partial<FabProps>;
|
|
@@ -72,7 +72,7 @@ export interface SpeedDialProps
|
|
|
72
72
|
sx?: SxProps<Theme>;
|
|
73
73
|
/**
|
|
74
74
|
* The component used for the transition.
|
|
75
|
-
* [Follow this guide](/
|
|
75
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
76
76
|
* @default Zoom
|
|
77
77
|
*/
|
|
78
78
|
TransitionComponent?: React.JSXElementConstructor<TransitionProps>;
|
|
@@ -96,10 +96,10 @@ export interface SpeedDialProps
|
|
|
96
96
|
*
|
|
97
97
|
* Demos:
|
|
98
98
|
*
|
|
99
|
-
* - [Speed
|
|
99
|
+
* - [Speed dial](https://mui.com/material-ui/react-speed-dial/)
|
|
100
100
|
*
|
|
101
101
|
* API:
|
|
102
102
|
*
|
|
103
|
-
* - [SpeedDial API](https://mui.com/api/speed-dial/)
|
|
103
|
+
* - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
|
|
104
104
|
*/
|
|
105
105
|
export default function SpeedDial(props: SpeedDialProps): JSX.Element;
|
package/SpeedDial/SpeedDial.js
CHANGED
|
@@ -460,7 +460,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
|
|
|
460
460
|
direction: PropTypes.oneOf(['down', 'left', 'right', 'up']),
|
|
461
461
|
|
|
462
462
|
/**
|
|
463
|
-
* Props applied to the [`Fab`](/api/fab/) element.
|
|
463
|
+
* Props applied to the [`Fab`](/material-ui/api/fab/) element.
|
|
464
464
|
* @default {}
|
|
465
465
|
*/
|
|
466
466
|
FabProps: PropTypes.object,
|
|
@@ -535,7 +535,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
|
|
|
535
535
|
|
|
536
536
|
/**
|
|
537
537
|
* The component used for the transition.
|
|
538
|
-
* [Follow this guide](/
|
|
538
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
539
539
|
* @default Zoom
|
|
540
540
|
*/
|
|
541
541
|
TransitionComponent: PropTypes.elementType,
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface SpeedDialClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the Fab component. */
|
|
5
|
-
fab: string;
|
|
6
|
-
/** Styles applied to the root element if direction="up" */
|
|
7
|
-
directionUp: string;
|
|
8
|
-
/** Styles applied to the root element if direction="down" */
|
|
9
|
-
directionDown: string;
|
|
10
|
-
/** Styles applied to the root element if direction="left" */
|
|
11
|
-
directionLeft: string;
|
|
12
|
-
/** Styles applied to the root element if direction="right" */
|
|
13
|
-
directionRight: string;
|
|
14
|
-
/** Styles applied to the actions (`children` wrapper) element. */
|
|
15
|
-
actions: string;
|
|
16
|
-
/** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
|
|
17
|
-
actionsClosed: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type SpeedDialClassKey = keyof SpeedDialClasses;
|
|
20
|
-
export declare function getSpeedDialUtilityClass(slot: string): string;
|
|
21
|
-
declare const speedDialClasses: SpeedDialClasses;
|
|
22
|
-
export default speedDialClasses;
|
|
1
|
+
export interface SpeedDialClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the Fab component. */
|
|
5
|
+
fab: string;
|
|
6
|
+
/** Styles applied to the root element if direction="up" */
|
|
7
|
+
directionUp: string;
|
|
8
|
+
/** Styles applied to the root element if direction="down" */
|
|
9
|
+
directionDown: string;
|
|
10
|
+
/** Styles applied to the root element if direction="left" */
|
|
11
|
+
directionLeft: string;
|
|
12
|
+
/** Styles applied to the root element if direction="right" */
|
|
13
|
+
directionRight: string;
|
|
14
|
+
/** Styles applied to the actions (`children` wrapper) element. */
|
|
15
|
+
actions: string;
|
|
16
|
+
/** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
|
|
17
|
+
actionsClosed: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type SpeedDialClassKey = keyof SpeedDialClasses;
|
|
20
|
+
export declare function getSpeedDialUtilityClass(slot: string): string;
|
|
21
|
+
declare const speedDialClasses: SpeedDialClasses;
|
|
22
|
+
export default speedDialClasses;
|
|
@@ -12,7 +12,7 @@ export interface SpeedDialActionProps extends StandardProps<Partial<TooltipProps
|
|
|
12
12
|
*/
|
|
13
13
|
classes?: Partial<SpeedDialActionClasses>;
|
|
14
14
|
/**
|
|
15
|
-
* Props applied to the [`Fab`](/api/fab/) component.
|
|
15
|
+
* Props applied to the [`Fab`](/material-ui/api/fab/) component.
|
|
16
16
|
* @default {}
|
|
17
17
|
*/
|
|
18
18
|
FabProps?: Partial<FabProps>;
|
|
@@ -30,7 +30,7 @@ export interface SpeedDialActionProps extends StandardProps<Partial<TooltipProps
|
|
|
30
30
|
*/
|
|
31
31
|
sx?: SxProps<Theme>;
|
|
32
32
|
/**
|
|
33
|
-
* `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.
|
|
33
|
+
* `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
|
|
34
34
|
*/
|
|
35
35
|
TooltipClasses?: TooltipProps['classes'];
|
|
36
36
|
/**
|
|
@@ -53,11 +53,11 @@ export interface SpeedDialActionProps extends StandardProps<Partial<TooltipProps
|
|
|
53
53
|
*
|
|
54
54
|
* Demos:
|
|
55
55
|
*
|
|
56
|
-
* - [Speed
|
|
56
|
+
* - [Speed dial](https://mui.com/material-ui/react-speed-dial/)
|
|
57
57
|
*
|
|
58
58
|
* API:
|
|
59
59
|
*
|
|
60
|
-
* - [SpeedDialAction API](https://mui.com/api/speed-dial-action/)
|
|
61
|
-
* - inherits [Tooltip API](https://mui.com/api/tooltip/)
|
|
60
|
+
* - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
|
|
61
|
+
* - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
|
|
62
62
|
*/
|
|
63
63
|
export default function SpeedDialAction(props: SpeedDialActionProps): JSX.Element;
|
|
@@ -219,7 +219,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
|
|
|
219
219
|
delay: PropTypes.number,
|
|
220
220
|
|
|
221
221
|
/**
|
|
222
|
-
* Props applied to the [`Fab`](/api/fab/) component.
|
|
222
|
+
* Props applied to the [`Fab`](/material-ui/api/fab/) component.
|
|
223
223
|
* @default {}
|
|
224
224
|
*/
|
|
225
225
|
FabProps: PropTypes.object,
|
|
@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
|
|
|
246
246
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
247
247
|
|
|
248
248
|
/**
|
|
249
|
-
* `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.
|
|
249
|
+
* `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
|
|
250
250
|
*/
|
|
251
251
|
TooltipClasses: PropTypes.object,
|
|
252
252
|
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export interface SpeedDialActionClasses {
|
|
2
|
-
/** Styles applied to the Fab component. */
|
|
3
|
-
fab: string;
|
|
4
|
-
/** Styles applied to the Fab component if `open={false}`. */
|
|
5
|
-
fabClosed: string;
|
|
6
|
-
/** Styles applied to the root element if `tooltipOpen={true}`. */
|
|
7
|
-
staticTooltip: string;
|
|
8
|
-
/** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
|
|
9
|
-
staticTooltipClosed: string;
|
|
10
|
-
/** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
|
|
11
|
-
staticTooltipLabel: string;
|
|
12
|
-
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
|
|
13
|
-
tooltipPlacementLeft: string;
|
|
14
|
-
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
|
|
15
|
-
tooltipPlacementRight: string;
|
|
16
|
-
}
|
|
17
|
-
export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
|
|
18
|
-
export declare function getSpeedDialActionUtilityClass(slot: string): string;
|
|
19
|
-
declare const speedDialActionClasses: SpeedDialActionClasses;
|
|
20
|
-
export default speedDialActionClasses;
|
|
1
|
+
export interface SpeedDialActionClasses {
|
|
2
|
+
/** Styles applied to the Fab component. */
|
|
3
|
+
fab: string;
|
|
4
|
+
/** Styles applied to the Fab component if `open={false}`. */
|
|
5
|
+
fabClosed: string;
|
|
6
|
+
/** Styles applied to the root element if `tooltipOpen={true}`. */
|
|
7
|
+
staticTooltip: string;
|
|
8
|
+
/** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
|
|
9
|
+
staticTooltipClosed: string;
|
|
10
|
+
/** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
|
|
11
|
+
staticTooltipLabel: string;
|
|
12
|
+
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
|
|
13
|
+
tooltipPlacementLeft: string;
|
|
14
|
+
/** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
|
|
15
|
+
tooltipPlacementRight: string;
|
|
16
|
+
}
|
|
17
|
+
export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
|
|
18
|
+
export declare function getSpeedDialActionUtilityClass(slot: string): string;
|
|
19
|
+
declare const speedDialActionClasses: SpeedDialActionClasses;
|
|
20
|
+
export default speedDialActionClasses;
|
|
@@ -33,11 +33,11 @@ export interface SpeedDialIconProps
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Speed
|
|
36
|
+
* - [Speed dial](https://mui.com/material-ui/react-speed-dial/)
|
|
37
37
|
*
|
|
38
38
|
* API:
|
|
39
39
|
*
|
|
40
|
-
* - [SpeedDialIcon API](https://mui.com/api/speed-dial-icon/)
|
|
40
|
+
* - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
|
|
41
41
|
*/
|
|
42
42
|
declare const SpeedDialIcon: ((props: SpeedDialIconProps) => JSX.Element) & { muiName: string };
|
|
43
43
|
|