@mui/material 5.5.2 → 5.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +7 -5
- package/Alert/Alert.js +4 -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 +6 -4
- package/AppBar/AppBar.js +3 -1
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.d.ts +8 -8
- package/Autocomplete/Autocomplete.js +7 -7
- 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 +35 -18
- package/Backdrop/Backdrop.js +26 -20
- package/Backdrop/backdropClasses.d.ts +10 -0
- package/Backdrop/backdropClasses.js +6 -0
- package/Backdrop/index.d.ts +3 -0
- package/Backdrop/index.js +2 -1
- package/Badge/Badge.d.ts +27 -12
- package/Badge/Badge.js +46 -22
- 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 +7 -5
- package/Button/Button.js +104 -97
- package/Button/buttonClasses.d.ts +76 -76
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonBase/ButtonBase.js +7 -7
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroup.d.ts +5 -3
- package/ButtonGroup/ButtonGroup.js +3 -1
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +247 -30
- package/Card/Card.d.ts +4 -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 +7 -5
- package/Checkbox/Checkbox.js +3 -1
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/Chip.d.ts +5 -3
- package/Chip/Chip.js +3 -1
- package/Chip/chipClasses.d.ts +80 -80
- package/CircularProgress/CircularProgress.d.ts +5 -3
- package/CircularProgress/CircularProgress.js +3 -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 +5 -5
- package/Dialog/Dialog.js +2 -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 +6 -4
- package/Fab/Fab.js +3 -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 +4 -2
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/FormControl.d.ts +9 -7
- package/FormControl/FormControl.js +4 -2
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/FormControlLabel.d.ts +5 -5
- package/FormControlLabel/FormControlLabel.js +14 -9
- 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 +7 -5
- package/FormLabel/FormLabel.js +3 -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 +13 -7
- package/Hidden/Hidden.d.ts +2 -2
- package/Icon/Icon.d.ts +6 -4
- package/Icon/Icon.js +3 -1
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/IconButton.d.ts +7 -5
- package/IconButton/IconButton.js +4 -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 +4 -2
- 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 +6 -4
- package/InputBase/InputBase.js +4 -2
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/InputLabel.d.ts +3 -3
- package/InputLabel/InputLabel.js +3 -1
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.d.ts +5 -3
- package/LinearProgress/LinearProgress.js +3 -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 +6 -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 +4 -2
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/Pagination/Pagination.d.ts +5 -3
- package/Pagination/Pagination.js +3 -1
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.d.ts +4 -2
- package/PaginationItem/PaginationItem.js +2 -0
- 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 -7
- package/Radio/Radio.d.ts +6 -4
- package/Radio/Radio.js +3 -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 +6 -4
- package/Slider/Slider.js +3 -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 +6 -4
- package/SvgIcon/SvgIcon.js +3 -1
- package/SvgIcon/svgIconClasses.d.ts +24 -24
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/Switch/Switch.d.ts +7 -5
- package/Switch/Switch.js +3 -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 +23 -22
- package/TextField/TextField.js +15 -13
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.d.ts +5 -3
- package/ToggleButton/ToggleButton.js +2 -0
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +5 -3
- package/ToggleButtonGroup/ToggleButtonGroup.js +3 -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/Unstable_TrapFocus/index.d.ts +2 -2
- package/Unstable_TrapFocus/index.js +1 -1
- 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 +4 -2
- package/legacy/AppBar/AppBar.js +3 -1
- package/legacy/Autocomplete/Autocomplete.js +7 -7
- package/legacy/Backdrop/Backdrop.js +27 -20
- package/legacy/Backdrop/backdropClasses.js +6 -0
- package/legacy/Backdrop/index.js +2 -1
- package/legacy/Badge/Badge.js +47 -22
- 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 +33 -30
- package/legacy/ButtonBase/ButtonBase.js +11 -11
- package/legacy/ButtonGroup/ButtonGroup.js +3 -1
- package/legacy/Checkbox/Checkbox.js +3 -1
- package/legacy/Chip/Chip.js +3 -1
- package/legacy/CircularProgress/CircularProgress.js +3 -1
- package/legacy/Collapse/Collapse.js +1 -1
- package/legacy/Dialog/Dialog.js +2 -2
- package/legacy/Drawer/Drawer.js +4 -4
- package/legacy/Fab/Fab.js +3 -1
- package/legacy/Fade/Fade.js +1 -1
- package/legacy/FilledInput/FilledInput.js +4 -2
- package/legacy/FormControl/FormControl.js +4 -2
- package/legacy/FormControlLabel/FormControlLabel.js +14 -9
- package/legacy/FormLabel/FormLabel.js +3 -1
- package/legacy/Grow/Grow.js +13 -7
- package/legacy/Icon/Icon.js +3 -1
- package/legacy/IconButton/IconButton.js +4 -2
- package/legacy/Input/Input.js +4 -2
- package/legacy/InputBase/InputBase.js +4 -2
- package/legacy/InputLabel/InputLabel.js +3 -1
- package/legacy/LinearProgress/LinearProgress.js +3 -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 +6 -6
- package/legacy/OutlinedInput/OutlinedInput.js +4 -2
- package/legacy/Pagination/Pagination.js +3 -1
- package/legacy/PaginationItem/PaginationItem.js +2 -0
- package/legacy/Popover/Popover.js +2 -2
- package/legacy/Popper/Popper.js +4 -4
- package/legacy/Radio/Radio.js +3 -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 +3 -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 +3 -1
- package/legacy/Switch/Switch.js +3 -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 +15 -13
- package/legacy/ToggleButton/ToggleButton.js +2 -0
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/legacy/Tooltip/Tooltip.js +2 -2
- package/legacy/Unstable_TrapFocus/index.js +1 -1
- 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 +4 -2
- package/modern/AppBar/AppBar.js +3 -1
- package/modern/Autocomplete/Autocomplete.js +7 -7
- package/modern/Backdrop/Backdrop.js +25 -19
- package/modern/Backdrop/backdropClasses.js +6 -0
- package/modern/Backdrop/index.js +2 -1
- package/modern/Badge/Badge.js +43 -19
- 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 +32 -29
- package/modern/ButtonBase/ButtonBase.js +7 -7
- package/modern/ButtonGroup/ButtonGroup.js +3 -1
- package/modern/Checkbox/Checkbox.js +3 -1
- package/modern/Chip/Chip.js +3 -1
- package/modern/CircularProgress/CircularProgress.js +3 -1
- package/modern/Collapse/Collapse.js +1 -1
- package/modern/Dialog/Dialog.js +2 -2
- package/modern/Drawer/Drawer.js +4 -4
- package/modern/Fab/Fab.js +3 -1
- package/modern/Fade/Fade.js +1 -1
- package/modern/FilledInput/FilledInput.js +4 -2
- package/modern/FormControl/FormControl.js +4 -2
- package/modern/FormControlLabel/FormControlLabel.js +14 -9
- package/modern/FormLabel/FormLabel.js +3 -1
- package/modern/Grow/Grow.js +13 -7
- package/modern/Icon/Icon.js +3 -1
- package/modern/IconButton/IconButton.js +4 -2
- package/modern/Input/Input.js +4 -2
- package/modern/InputBase/InputBase.js +4 -2
- package/modern/InputLabel/InputLabel.js +3 -1
- package/modern/LinearProgress/LinearProgress.js +3 -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 +6 -6
- package/modern/OutlinedInput/OutlinedInput.js +4 -2
- package/modern/Pagination/Pagination.js +3 -1
- package/modern/PaginationItem/PaginationItem.js +2 -0
- package/modern/Popover/Popover.js +2 -2
- package/modern/Popper/Popper.js +4 -4
- package/modern/Radio/Radio.js +3 -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 +3 -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 +3 -1
- package/modern/Switch/Switch.js +3 -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 +15 -13
- package/modern/ToggleButton/ToggleButton.js +2 -0
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/modern/Tooltip/Tooltip.js +2 -2
- package/modern/Unstable_TrapFocus/index.js +1 -1
- 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 +4 -2
- package/node/AppBar/AppBar.js +3 -1
- package/node/Autocomplete/Autocomplete.js +7 -7
- package/node/Backdrop/Backdrop.js +28 -23
- package/node/Backdrop/backdropClasses.js +17 -0
- package/node/Backdrop/index.js +17 -5
- package/node/Badge/Badge.js +56 -33
- 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 +104 -97
- package/node/ButtonBase/ButtonBase.js +7 -7
- package/node/ButtonGroup/ButtonGroup.js +3 -1
- package/node/Checkbox/Checkbox.js +3 -1
- package/node/Chip/Chip.js +3 -1
- package/node/CircularProgress/CircularProgress.js +3 -1
- package/node/Collapse/Collapse.js +1 -1
- package/node/Dialog/Dialog.js +2 -2
- package/node/Drawer/Drawer.js +4 -4
- package/node/Fab/Fab.js +3 -1
- package/node/Fade/Fade.js +1 -1
- package/node/FilledInput/FilledInput.js +4 -2
- package/node/FormControl/FormControl.js +4 -2
- package/node/FormControlLabel/FormControlLabel.js +14 -9
- package/node/FormLabel/FormLabel.js +3 -1
- package/node/Grow/Grow.js +12 -6
- package/node/Icon/Icon.js +3 -1
- package/node/IconButton/IconButton.js +4 -2
- package/node/Input/Input.js +4 -2
- package/node/InputBase/InputBase.js +4 -2
- package/node/InputLabel/InputLabel.js +3 -1
- package/node/LinearProgress/LinearProgress.js +3 -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 +6 -6
- package/node/OutlinedInput/OutlinedInput.js +4 -2
- package/node/Pagination/Pagination.js +3 -1
- package/node/PaginationItem/PaginationItem.js +2 -0
- package/node/Popover/Popover.js +2 -2
- package/node/Popper/Popper.js +4 -4
- package/node/Radio/Radio.js +3 -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 +3 -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 +3 -1
- package/node/Switch/Switch.js +3 -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 +15 -13
- package/node/ToggleButton/ToggleButton.js +2 -0
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/node/Tooltip/Tooltip.js +2 -2
- package/node/Unstable_TrapFocus/index.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 +8 -8
- 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 +1412 -599
- 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
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface CardHeaderClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the avatar element. */
|
|
5
|
-
avatar: string;
|
|
6
|
-
/** Styles applied to the action element. */
|
|
7
|
-
action: string;
|
|
8
|
-
/** Styles applied to the content wrapper element. */
|
|
9
|
-
content: string;
|
|
10
|
-
/** Styles applied to the title Typography element. */
|
|
11
|
-
title: string;
|
|
12
|
-
/** Styles applied to the subheader Typography element. */
|
|
13
|
-
subheader: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type CardHeaderClassKey = keyof CardHeaderClasses;
|
|
16
|
-
export declare function getCardHeaderUtilityClass(slot: string): string;
|
|
17
|
-
declare const cardHeaderClasses: CardHeaderClasses;
|
|
18
|
-
export default cardHeaderClasses;
|
|
1
|
+
export interface CardHeaderClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the avatar element. */
|
|
5
|
+
avatar: string;
|
|
6
|
+
/** Styles applied to the action element. */
|
|
7
|
+
action: string;
|
|
8
|
+
/** Styles applied to the content wrapper element. */
|
|
9
|
+
content: string;
|
|
10
|
+
/** Styles applied to the title Typography element. */
|
|
11
|
+
title: string;
|
|
12
|
+
/** Styles applied to the subheader Typography element. */
|
|
13
|
+
subheader: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type CardHeaderClassKey = keyof CardHeaderClasses;
|
|
16
|
+
export declare function getCardHeaderUtilityClass(slot: string): string;
|
|
17
|
+
declare const cardHeaderClasses: CardHeaderClasses;
|
|
18
|
+
export default cardHeaderClasses;
|
package/CardMedia/CardMedia.d.ts
CHANGED
|
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<P, D extends React.ElementType> {
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Cards](https://mui.com/
|
|
41
|
+
* - [Cards](https://mui.com/material-ui/react-card/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [CardMedia API](https://mui.com/api/card-media/)
|
|
45
|
+
* - [CardMedia API](https://mui.com/material-ui/api/card-media/)
|
|
46
46
|
*/
|
|
47
47
|
declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
|
|
48
48
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface CardMediaClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
|
|
5
|
-
media: string;
|
|
6
|
-
/** Styles applied to the root element if `component="picture or img"`. */
|
|
7
|
-
img: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type CardMediaClassKey = keyof CardMediaClasses;
|
|
10
|
-
export declare function getCardMediaUtilityClass(slot: string): string;
|
|
11
|
-
declare const cardMediaClasses: CardMediaClasses;
|
|
12
|
-
export default cardMediaClasses;
|
|
1
|
+
export interface CardMediaClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
|
|
5
|
+
media: string;
|
|
6
|
+
/** Styles applied to the root element if `component="picture or img"`. */
|
|
7
|
+
img: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type CardMediaClassKey = keyof CardMediaClasses;
|
|
10
|
+
export declare function getCardMediaUtilityClass(slot: string): string;
|
|
11
|
+
declare const cardMediaClasses: CardMediaClasses;
|
|
12
|
+
export default cardMediaClasses;
|
package/Checkbox/Checkbox.d.ts
CHANGED
|
@@ -25,7 +25,9 @@ export interface CheckboxProps
|
|
|
25
25
|
*/
|
|
26
26
|
classes?: Partial<CheckboxClasses>;
|
|
27
27
|
/**
|
|
28
|
-
* The color of the component.
|
|
28
|
+
* The color of the component.
|
|
29
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
30
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
29
31
|
* @default 'primary'
|
|
30
32
|
*/
|
|
31
33
|
color?: OverridableStringUnion<
|
|
@@ -102,12 +104,12 @@ export interface CheckboxProps
|
|
|
102
104
|
*
|
|
103
105
|
* Demos:
|
|
104
106
|
*
|
|
105
|
-
* - [Checkboxes](https://mui.com/
|
|
106
|
-
* - [Transfer List](https://mui.com/
|
|
107
|
+
* - [Checkboxes](https://mui.com/material-ui/react-checkbox/)
|
|
108
|
+
* - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
|
|
107
109
|
*
|
|
108
110
|
* API:
|
|
109
111
|
*
|
|
110
|
-
* - [Checkbox API](https://mui.com/api/checkbox/)
|
|
111
|
-
* - inherits [ButtonBase API](https://mui.com/api/button-base/)
|
|
112
|
+
* - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
|
|
113
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
112
114
|
*/
|
|
113
115
|
export default function Checkbox(props: CheckboxProps): JSX.Element;
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -138,7 +138,9 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
|
|
|
138
138
|
classes: PropTypes.object,
|
|
139
139
|
|
|
140
140
|
/**
|
|
141
|
-
* The color of the component.
|
|
141
|
+
* The color of the component.
|
|
142
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
143
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
142
144
|
* @default 'primary'
|
|
143
145
|
*/
|
|
144
146
|
color: PropTypes
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface CheckboxClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `checked={true}`. */
|
|
5
|
-
checked: string;
|
|
6
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
-
disabled: string;
|
|
8
|
-
/** State class applied to the root element if `indeterminate={true}`. */
|
|
9
|
-
indeterminate: string;
|
|
10
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
11
|
-
colorPrimary: string;
|
|
12
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
13
|
-
colorSecondary: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type CheckboxClassKey = keyof CheckboxClasses;
|
|
16
|
-
export declare function getCheckboxUtilityClass(slot: string): string;
|
|
17
|
-
declare const checkboxClasses: CheckboxClasses;
|
|
18
|
-
export default checkboxClasses;
|
|
1
|
+
export interface CheckboxClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `checked={true}`. */
|
|
5
|
+
checked: string;
|
|
6
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
+
disabled: string;
|
|
8
|
+
/** State class applied to the root element if `indeterminate={true}`. */
|
|
9
|
+
indeterminate: string;
|
|
10
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
11
|
+
colorPrimary: string;
|
|
12
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
13
|
+
colorSecondary: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type CheckboxClassKey = keyof CheckboxClasses;
|
|
16
|
+
export declare function getCheckboxUtilityClass(slot: string): string;
|
|
17
|
+
declare const checkboxClasses: CheckboxClasses;
|
|
18
|
+
export default checkboxClasses;
|
package/Chip/Chip.d.ts
CHANGED
|
@@ -36,7 +36,9 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
36
36
|
*/
|
|
37
37
|
clickable?: boolean;
|
|
38
38
|
/**
|
|
39
|
-
* The color of the component.
|
|
39
|
+
* The color of the component.
|
|
40
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
41
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
40
42
|
* @default 'default'
|
|
41
43
|
*/
|
|
42
44
|
color?: OverridableStringUnion<
|
|
@@ -88,11 +90,11 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
88
90
|
*
|
|
89
91
|
* Demos:
|
|
90
92
|
*
|
|
91
|
-
* - [Chips](https://mui.com/
|
|
93
|
+
* - [Chips](https://mui.com/material-ui/react-chip/)
|
|
92
94
|
*
|
|
93
95
|
* API:
|
|
94
96
|
*
|
|
95
|
-
* - [Chip API](https://mui.com/api/chip/)
|
|
97
|
+
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
96
98
|
*/
|
|
97
99
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
98
100
|
|
package/Chip/Chip.js
CHANGED
|
@@ -450,7 +450,9 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
|
|
|
450
450
|
clickable: PropTypes.bool,
|
|
451
451
|
|
|
452
452
|
/**
|
|
453
|
-
* The color of the component.
|
|
453
|
+
* The color of the component.
|
|
454
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
455
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
454
456
|
* @default 'default'
|
|
455
457
|
*/
|
|
456
458
|
color: PropTypes
|
package/Chip/chipClasses.d.ts
CHANGED
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
export interface ChipClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
5
|
-
sizeSmall: string;
|
|
6
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
7
|
-
sizeMedium: string;
|
|
8
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
-
colorPrimary: string;
|
|
10
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
-
colorSecondary: string;
|
|
12
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
|
|
15
|
-
clickable: string;
|
|
16
|
-
/** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
|
|
17
|
-
clickableColorPrimary: string;
|
|
18
|
-
/** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
|
|
19
|
-
clickableColorSecondary: string;
|
|
20
|
-
/** Styles applied to the root element if `onDelete` is defined. */
|
|
21
|
-
deletable: string;
|
|
22
|
-
/** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
|
|
23
|
-
deletableColorPrimary: string;
|
|
24
|
-
/** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
|
|
25
|
-
deletableColorSecondary: string;
|
|
26
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
27
|
-
outlined: string;
|
|
28
|
-
/** Styles applied to the root element if `variant="filled"`. */
|
|
29
|
-
filled: string;
|
|
30
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
31
|
-
outlinedPrimary: string;
|
|
32
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
33
|
-
outlinedSecondary: string;
|
|
34
|
-
/** Styles applied to the avatar element. */
|
|
35
|
-
avatar: string;
|
|
36
|
-
/** Styles applied to the avatar element if `size="small"`. */
|
|
37
|
-
avatarSmall: string;
|
|
38
|
-
/** Styles applied to the avatar element if `size="medium"`. */
|
|
39
|
-
avatarMedium: string;
|
|
40
|
-
/** Styles applied to the avatar element if `color="primary"`. */
|
|
41
|
-
avatarColorPrimary: string;
|
|
42
|
-
/** Styles applied to the avatar element if `color="secondary"`. */
|
|
43
|
-
avatarColorSecondary: string;
|
|
44
|
-
/** Styles applied to the icon element. */
|
|
45
|
-
icon: string;
|
|
46
|
-
/** Styles applied to the icon element if `size="small"`. */
|
|
47
|
-
iconSmall: string;
|
|
48
|
-
/** Styles applied to the icon element if `size="medium"`. */
|
|
49
|
-
iconMedium: string;
|
|
50
|
-
/** Styles applied to the icon element if `color="primary"`. */
|
|
51
|
-
iconColorPrimary: string;
|
|
52
|
-
/** Styles applied to the icon element if `color="secondary"`. */
|
|
53
|
-
iconColorSecondary: string;
|
|
54
|
-
/** Styles applied to the label `span` element. */
|
|
55
|
-
label: string;
|
|
56
|
-
/** Styles applied to the label `span` element if `size="small"`. */
|
|
57
|
-
labelSmall: string;
|
|
58
|
-
/** Styles applied to the label `span` element if `size="medium"`. */
|
|
59
|
-
labelMedium: string;
|
|
60
|
-
/** Styles applied to the deleteIcon element. */
|
|
61
|
-
deleteIcon: string;
|
|
62
|
-
/** Styles applied to the deleteIcon element if `size="small"`. */
|
|
63
|
-
deleteIconSmall: string;
|
|
64
|
-
/** Styles applied to the deleteIcon element if `size="medium"`. */
|
|
65
|
-
deleteIconMedium: string;
|
|
66
|
-
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
|
|
67
|
-
deleteIconColorPrimary: string;
|
|
68
|
-
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
|
|
69
|
-
deleteIconColorSecondary: string;
|
|
70
|
-
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
|
|
71
|
-
deleteIconOutlinedColorPrimary: string;
|
|
72
|
-
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
|
|
73
|
-
deleteIconOutlinedColorSecondary: string;
|
|
74
|
-
/** State class applied to the root element if keyboard focused. */
|
|
75
|
-
focusVisible: string;
|
|
76
|
-
}
|
|
77
|
-
export declare type ChipClassKey = keyof ChipClasses;
|
|
78
|
-
export declare function getChipUtilityClass(slot: string): string;
|
|
79
|
-
declare const chipClasses: ChipClasses;
|
|
80
|
-
export default chipClasses;
|
|
1
|
+
export interface ChipClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
5
|
+
sizeSmall: string;
|
|
6
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
7
|
+
sizeMedium: string;
|
|
8
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
+
colorPrimary: string;
|
|
10
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
+
colorSecondary: string;
|
|
12
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
|
|
15
|
+
clickable: string;
|
|
16
|
+
/** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
|
|
17
|
+
clickableColorPrimary: string;
|
|
18
|
+
/** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
|
|
19
|
+
clickableColorSecondary: string;
|
|
20
|
+
/** Styles applied to the root element if `onDelete` is defined. */
|
|
21
|
+
deletable: string;
|
|
22
|
+
/** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
|
|
23
|
+
deletableColorPrimary: string;
|
|
24
|
+
/** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
|
|
25
|
+
deletableColorSecondary: string;
|
|
26
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
27
|
+
outlined: string;
|
|
28
|
+
/** Styles applied to the root element if `variant="filled"`. */
|
|
29
|
+
filled: string;
|
|
30
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
31
|
+
outlinedPrimary: string;
|
|
32
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
33
|
+
outlinedSecondary: string;
|
|
34
|
+
/** Styles applied to the avatar element. */
|
|
35
|
+
avatar: string;
|
|
36
|
+
/** Styles applied to the avatar element if `size="small"`. */
|
|
37
|
+
avatarSmall: string;
|
|
38
|
+
/** Styles applied to the avatar element if `size="medium"`. */
|
|
39
|
+
avatarMedium: string;
|
|
40
|
+
/** Styles applied to the avatar element if `color="primary"`. */
|
|
41
|
+
avatarColorPrimary: string;
|
|
42
|
+
/** Styles applied to the avatar element if `color="secondary"`. */
|
|
43
|
+
avatarColorSecondary: string;
|
|
44
|
+
/** Styles applied to the icon element. */
|
|
45
|
+
icon: string;
|
|
46
|
+
/** Styles applied to the icon element if `size="small"`. */
|
|
47
|
+
iconSmall: string;
|
|
48
|
+
/** Styles applied to the icon element if `size="medium"`. */
|
|
49
|
+
iconMedium: string;
|
|
50
|
+
/** Styles applied to the icon element if `color="primary"`. */
|
|
51
|
+
iconColorPrimary: string;
|
|
52
|
+
/** Styles applied to the icon element if `color="secondary"`. */
|
|
53
|
+
iconColorSecondary: string;
|
|
54
|
+
/** Styles applied to the label `span` element. */
|
|
55
|
+
label: string;
|
|
56
|
+
/** Styles applied to the label `span` element if `size="small"`. */
|
|
57
|
+
labelSmall: string;
|
|
58
|
+
/** Styles applied to the label `span` element if `size="medium"`. */
|
|
59
|
+
labelMedium: string;
|
|
60
|
+
/** Styles applied to the deleteIcon element. */
|
|
61
|
+
deleteIcon: string;
|
|
62
|
+
/** Styles applied to the deleteIcon element if `size="small"`. */
|
|
63
|
+
deleteIconSmall: string;
|
|
64
|
+
/** Styles applied to the deleteIcon element if `size="medium"`. */
|
|
65
|
+
deleteIconMedium: string;
|
|
66
|
+
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
|
|
67
|
+
deleteIconColorPrimary: string;
|
|
68
|
+
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
|
|
69
|
+
deleteIconColorSecondary: string;
|
|
70
|
+
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
|
|
71
|
+
deleteIconOutlinedColorPrimary: string;
|
|
72
|
+
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
|
|
73
|
+
deleteIconOutlinedColorSecondary: string;
|
|
74
|
+
/** State class applied to the root element if keyboard focused. */
|
|
75
|
+
focusVisible: string;
|
|
76
|
+
}
|
|
77
|
+
export declare type ChipClassKey = keyof ChipClasses;
|
|
78
|
+
export declare function getChipUtilityClass(slot: string): string;
|
|
79
|
+
declare const chipClasses: ChipClasses;
|
|
80
|
+
export default chipClasses;
|
|
@@ -13,7 +13,9 @@ export interface CircularProgressProps
|
|
|
13
13
|
*/
|
|
14
14
|
classes?: Partial<CircularProgressClasses>;
|
|
15
15
|
/**
|
|
16
|
-
* The color of the component.
|
|
16
|
+
* The color of the component.
|
|
17
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
18
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
17
19
|
* @default 'primary'
|
|
18
20
|
*/
|
|
19
21
|
color?: OverridableStringUnion<
|
|
@@ -65,10 +67,10 @@ export interface CircularProgressProps
|
|
|
65
67
|
*
|
|
66
68
|
* Demos:
|
|
67
69
|
*
|
|
68
|
-
* - [Progress](https://mui.com/
|
|
70
|
+
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
69
71
|
*
|
|
70
72
|
* API:
|
|
71
73
|
*
|
|
72
|
-
* - [CircularProgress API](https://mui.com/api/circular-progress/)
|
|
74
|
+
* - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
|
|
73
75
|
*/
|
|
74
76
|
export default function CircularProgress(props: CircularProgressProps): JSX.Element;
|
|
@@ -212,7 +212,9 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
|
|
|
212
212
|
className: PropTypes.string,
|
|
213
213
|
|
|
214
214
|
/**
|
|
215
|
-
* The color of the component.
|
|
215
|
+
* The color of the component.
|
|
216
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
217
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
216
218
|
* @default 'primary'
|
|
217
219
|
*/
|
|
218
220
|
color: PropTypes
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export interface CircularProgressClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="determinate"`. */
|
|
5
|
-
determinate: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="indeterminate"`. */
|
|
7
|
-
indeterminate: string;
|
|
8
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
-
colorPrimary: string;
|
|
10
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
-
colorSecondary: string;
|
|
12
|
-
/** Styles applied to the svg element. */
|
|
13
|
-
svg: string;
|
|
14
|
-
/** Styles applied to the `circle` svg path. */
|
|
15
|
-
circle: string;
|
|
16
|
-
/** Styles applied to the `circle` svg path if `variant="determinate"`. */
|
|
17
|
-
circleDeterminate: string;
|
|
18
|
-
/** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
|
|
19
|
-
circleIndeterminate: string;
|
|
20
|
-
/** Styles applied to the `circle` svg path if `disableShrink={true}`. */
|
|
21
|
-
circleDisableShrink: string;
|
|
22
|
-
}
|
|
23
|
-
export declare type CircularProgressClassKey = keyof CircularProgressClasses;
|
|
24
|
-
export declare function getCircularProgressUtilityClass(slot: string): string;
|
|
25
|
-
declare const circularProgressClasses: CircularProgressClasses;
|
|
26
|
-
export default circularProgressClasses;
|
|
1
|
+
export interface CircularProgressClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="determinate"`. */
|
|
5
|
+
determinate: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="indeterminate"`. */
|
|
7
|
+
indeterminate: string;
|
|
8
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
+
colorPrimary: string;
|
|
10
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
+
colorSecondary: string;
|
|
12
|
+
/** Styles applied to the svg element. */
|
|
13
|
+
svg: string;
|
|
14
|
+
/** Styles applied to the `circle` svg path. */
|
|
15
|
+
circle: string;
|
|
16
|
+
/** Styles applied to the `circle` svg path if `variant="determinate"`. */
|
|
17
|
+
circleDeterminate: string;
|
|
18
|
+
/** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
|
|
19
|
+
circleIndeterminate: string;
|
|
20
|
+
/** Styles applied to the `circle` svg path if `disableShrink={true}`. */
|
|
21
|
+
circleDisableShrink: string;
|
|
22
|
+
}
|
|
23
|
+
export declare type CircularProgressClassKey = keyof CircularProgressClasses;
|
|
24
|
+
export declare function getCircularProgressUtilityClass(slot: string): string;
|
|
25
|
+
declare const circularProgressClasses: CircularProgressClasses;
|
|
26
|
+
export default circularProgressClasses;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from '@mui/base/ClickAwayListener';
|
|
2
|
-
export * from '@mui/base/ClickAwayListener';
|
|
1
|
+
export { default } from '@mui/base/ClickAwayListener';
|
|
2
|
+
export * from '@mui/base/ClickAwayListener';
|
package/Collapse/Collapse.d.ts
CHANGED
|
@@ -54,18 +54,18 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
|
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
56
|
* The Collapse transition is used by the
|
|
57
|
-
* [Vertical Stepper](https://mui.com/
|
|
57
|
+
* [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
|
|
58
58
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
59
59
|
*
|
|
60
60
|
* Demos:
|
|
61
61
|
*
|
|
62
|
-
* - [Cards](https://mui.com/
|
|
63
|
-
* - [Lists](https://mui.com/
|
|
64
|
-
* - [Transitions](https://mui.com/
|
|
62
|
+
* - [Cards](https://mui.com/material-ui/react-card/)
|
|
63
|
+
* - [Lists](https://mui.com/material-ui/react-list/)
|
|
64
|
+
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
65
65
|
*
|
|
66
66
|
* API:
|
|
67
67
|
*
|
|
68
|
-
* - [Collapse API](https://mui.com/api/collapse/)
|
|
68
|
+
* - [Collapse API](https://mui.com/material-ui/api/collapse/)
|
|
69
69
|
* - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
70
70
|
*/
|
|
71
71
|
|
package/Collapse/Collapse.js
CHANGED
|
@@ -87,7 +87,7 @@ const CollapseWrapperInner = styled('div', {
|
|
|
87
87
|
}));
|
|
88
88
|
/**
|
|
89
89
|
* The Collapse transition is used by the
|
|
90
|
-
* [Vertical Stepper](/
|
|
90
|
+
* [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
|
|
91
91
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
92
92
|
*/
|
|
93
93
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface CollapseClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `orientation="horizontal"`. */
|
|
5
|
-
horizontal: string;
|
|
6
|
-
/** Styles applied to the root element when the transition has entered. */
|
|
7
|
-
entered: string;
|
|
8
|
-
/** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
|
|
9
|
-
hidden: string;
|
|
10
|
-
/** Styles applied to the outer wrapper element. */
|
|
11
|
-
wrapper: string;
|
|
12
|
-
/** Styles applied to the inner wrapper element. */
|
|
13
|
-
wrapperInner: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type CollapseClassKey = keyof CollapseClasses;
|
|
16
|
-
export declare function getCollapseUtilityClass(slot: string): string;
|
|
17
|
-
declare const collapseClasses: CollapseClasses;
|
|
18
|
-
export default collapseClasses;
|
|
1
|
+
export interface CollapseClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `orientation="horizontal"`. */
|
|
5
|
+
horizontal: string;
|
|
6
|
+
/** Styles applied to the root element when the transition has entered. */
|
|
7
|
+
entered: string;
|
|
8
|
+
/** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
|
|
9
|
+
hidden: string;
|
|
10
|
+
/** Styles applied to the outer wrapper element. */
|
|
11
|
+
wrapper: string;
|
|
12
|
+
/** Styles applied to the inner wrapper element. */
|
|
13
|
+
wrapperInner: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type CollapseClassKey = keyof CollapseClasses;
|
|
16
|
+
export declare function getCollapseUtilityClass(slot: string): string;
|
|
17
|
+
declare const collapseClasses: CollapseClasses;
|
|
18
|
+
export default collapseClasses;
|
package/Container/Container.d.ts
CHANGED
|
@@ -42,11 +42,11 @@ export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Container](https://mui.com/
|
|
45
|
+
* - [Container](https://mui.com/material-ui/react-container/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [Container API](https://mui.com/api/container/)
|
|
49
|
+
* - [Container API](https://mui.com/material-ui/api/container/)
|
|
50
50
|
*/
|
|
51
51
|
declare const Container: OverridableComponent<ContainerTypeMap>;
|
|
52
52
|
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface ContainerClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `disableGutters={true}`. */
|
|
5
|
-
disableGutters: string;
|
|
6
|
-
/** Styles applied to the root element if `fixed={true}`. */
|
|
7
|
-
fixed: string;
|
|
8
|
-
/** Styles applied to the root element if `maxWidth="xs"`. */
|
|
9
|
-
maxWidthXs: string;
|
|
10
|
-
/** Styles applied to the root element if `maxWidth="sm"`. */
|
|
11
|
-
maxWidthSm: string;
|
|
12
|
-
/** Styles applied to the root element if `maxWidth="md"`. */
|
|
13
|
-
maxWidthMd: string;
|
|
14
|
-
/** Styles applied to the root element if `maxWidth="lg"`. */
|
|
15
|
-
maxWidthLg: string;
|
|
16
|
-
/** Styles applied to the root element if `maxWidth="xl"`. */
|
|
17
|
-
maxWidthXl: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type ContainerClassKey = keyof ContainerClasses;
|
|
20
|
-
export declare function getContainerUtilityClass(slot: string): string;
|
|
21
|
-
declare const containerClasses: ContainerClasses;
|
|
22
|
-
export default containerClasses;
|
|
1
|
+
export interface ContainerClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `disableGutters={true}`. */
|
|
5
|
+
disableGutters: string;
|
|
6
|
+
/** Styles applied to the root element if `fixed={true}`. */
|
|
7
|
+
fixed: string;
|
|
8
|
+
/** Styles applied to the root element if `maxWidth="xs"`. */
|
|
9
|
+
maxWidthXs: string;
|
|
10
|
+
/** Styles applied to the root element if `maxWidth="sm"`. */
|
|
11
|
+
maxWidthSm: string;
|
|
12
|
+
/** Styles applied to the root element if `maxWidth="md"`. */
|
|
13
|
+
maxWidthMd: string;
|
|
14
|
+
/** Styles applied to the root element if `maxWidth="lg"`. */
|
|
15
|
+
maxWidthLg: string;
|
|
16
|
+
/** Styles applied to the root element if `maxWidth="xl"`. */
|
|
17
|
+
maxWidthXl: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type ContainerClassKey = keyof ContainerClasses;
|
|
20
|
+
export declare function getContainerUtilityClass(slot: string): string;
|
|
21
|
+
declare const containerClasses: ContainerClasses;
|
|
22
|
+
export default containerClasses;
|
|
@@ -20,10 +20,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
|
|
|
20
20
|
*
|
|
21
21
|
* Demos:
|
|
22
22
|
*
|
|
23
|
-
* - [Css Baseline](https://mui.com/
|
|
23
|
+
* - [Css Baseline](https://mui.com/material-ui/react-css-baseline/)
|
|
24
24
|
*
|
|
25
25
|
* API:
|
|
26
26
|
*
|
|
27
|
-
* - [CssBaseline API](https://mui.com/api/css-baseline/)
|
|
27
|
+
* - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
|
|
28
28
|
*/
|
|
29
29
|
export default function CssBaseline(props: CssBaselineProps): JSX.Element;
|
package/Dialog/Dialog.d.ts
CHANGED
|
@@ -68,7 +68,7 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
|
|
|
68
68
|
*/
|
|
69
69
|
PaperComponent?: React.JSXElementConstructor<PaperProps>;
|
|
70
70
|
/**
|
|
71
|
-
* Props applied to the [`Paper`](/api/paper/) element.
|
|
71
|
+
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
|
|
72
72
|
* @default {}
|
|
73
73
|
*/
|
|
74
74
|
PaperProps?: Partial<PaperProps>;
|
|
@@ -83,7 +83,7 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
|
|
|
83
83
|
sx?: SxProps<Theme>;
|
|
84
84
|
/**
|
|
85
85
|
* The component used for the transition.
|
|
86
|
-
* [Follow this guide](/
|
|
86
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
87
87
|
* @default Fade
|
|
88
88
|
*/
|
|
89
89
|
TransitionComponent?: React.JSXElementConstructor<
|
|
@@ -110,11 +110,11 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
|
|
|
110
110
|
*
|
|
111
111
|
* Demos:
|
|
112
112
|
*
|
|
113
|
-
* - [Dialogs](https://mui.com/
|
|
113
|
+
* - [Dialogs](https://mui.com/material-ui/react-dialog/)
|
|
114
114
|
*
|
|
115
115
|
* API:
|
|
116
116
|
*
|
|
117
|
-
* - [Dialog API](https://mui.com/api/dialog/)
|
|
118
|
-
* - inherits [Modal API](https://mui.com/api/modal/)
|
|
117
|
+
* - [Dialog API](https://mui.com/material-ui/api/dialog/)
|
|
118
|
+
* - inherits [Modal API](https://mui.com/material-ui/api/modal/)
|
|
119
119
|
*/
|
|
120
120
|
export default function Dialog(props: DialogProps): JSX.Element;
|