@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
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export interface CardActionAreaClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the ButtonBase root element if the action area is keyboard focused. */
|
|
5
|
-
focusVisible: string;
|
|
6
|
-
/** Styles applied to the overlay that covers the action area when it is keyboard focused. */
|
|
7
|
-
focusHighlight: string;
|
|
8
|
-
}
|
|
9
|
-
export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
|
|
10
|
-
export declare function getCardActionAreaUtilityClass(slot: string): string;
|
|
11
|
-
declare const cardActionAreaClasses: CardActionAreaClasses;
|
|
12
|
-
export default cardActionAreaClasses;
|
|
1
|
+
export interface CardActionAreaClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the ButtonBase root element if the action area is keyboard focused. */
|
|
5
|
+
focusVisible: string;
|
|
6
|
+
/** Styles applied to the overlay that covers the action area when it is keyboard focused. */
|
|
7
|
+
focusHighlight: string;
|
|
8
|
+
}
|
|
9
|
+
export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
|
|
10
|
+
export declare function getCardActionAreaUtilityClass(slot: string): string;
|
|
11
|
+
declare const cardActionAreaClasses: CardActionAreaClasses;
|
|
12
|
+
export default cardActionAreaClasses;
|
|
@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Cards](https://mui.com/
|
|
30
|
+
* - [Cards](https://mui.com/material-ui/react-card/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [CardActions API](https://mui.com/api/card-actions/)
|
|
34
|
+
* - [CardActions API](https://mui.com/material-ui/api/card-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function CardActions(props: CardActionsProps): JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface CardActionsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `disableSpacing={true}`. */
|
|
5
|
-
spacing: string;
|
|
6
|
-
}
|
|
7
|
-
export declare type CardActionsClassKey = keyof CardActionsClasses;
|
|
8
|
-
export declare function getCardActionsUtilityClass(slot: string): string;
|
|
9
|
-
declare const cardActionsClasses: CardActionsClasses;
|
|
10
|
-
export default cardActionsClasses;
|
|
1
|
+
export interface CardActionsClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `disableSpacing={true}`. */
|
|
5
|
+
spacing: string;
|
|
6
|
+
}
|
|
7
|
+
export declare type CardActionsClassKey = keyof CardActionsClasses;
|
|
8
|
+
export declare function getCardActionsUtilityClass(slot: string): string;
|
|
9
|
+
declare const cardActionsClasses: CardActionsClasses;
|
|
10
|
+
export default cardActionsClasses;
|
|
@@ -25,11 +25,11 @@ export interface CardContentTypeMap<P = {}, D extends React.ElementType = 'div'>
|
|
|
25
25
|
*
|
|
26
26
|
* Demos:
|
|
27
27
|
*
|
|
28
|
-
* - [Cards](https://mui.com/
|
|
28
|
+
* - [Cards](https://mui.com/material-ui/react-card/)
|
|
29
29
|
*
|
|
30
30
|
* API:
|
|
31
31
|
*
|
|
32
|
-
* - [CardContent API](https://mui.com/api/card-content/)
|
|
32
|
+
* - [CardContent API](https://mui.com/material-ui/api/card-content/)
|
|
33
33
|
*/
|
|
34
34
|
declare const CardContent: OverridableComponent<CardContentTypeMap>;
|
|
35
35
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface CardContentClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type CardContentClassKey = keyof CardContentClasses;
|
|
6
|
-
export declare function getCardContentUtilityClass(slot: string): string;
|
|
7
|
-
declare const cardContentClasses: CardContentClasses;
|
|
8
|
-
export default cardContentClasses;
|
|
1
|
+
export interface CardContentClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type CardContentClassKey = keyof CardContentClasses;
|
|
6
|
+
export declare function getCardContentUtilityClass(slot: string): string;
|
|
7
|
+
declare const cardContentClasses: CardContentClasses;
|
|
8
|
+
export default cardContentClasses;
|
|
@@ -67,11 +67,11 @@ export interface CardHeaderTypeMap<
|
|
|
67
67
|
*
|
|
68
68
|
* Demos:
|
|
69
69
|
*
|
|
70
|
-
* - [Cards](https://mui.com/
|
|
70
|
+
* - [Cards](https://mui.com/material-ui/react-card/)
|
|
71
71
|
*
|
|
72
72
|
* API:
|
|
73
73
|
*
|
|
74
|
-
* - [CardHeader API](https://mui.com/api/card-header/)
|
|
74
|
+
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
|
|
75
75
|
*/
|
|
76
76
|
declare const CardHeader: OverridableCardHeader;
|
|
77
77
|
|
|
@@ -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
|
@@ -27,7 +27,7 @@ export interface CheckboxProps
|
|
|
27
27
|
/**
|
|
28
28
|
* The color of the component.
|
|
29
29
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
30
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
30
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
31
31
|
* @default 'primary'
|
|
32
32
|
*/
|
|
33
33
|
color?: OverridableStringUnion<
|
|
@@ -104,12 +104,12 @@ export interface CheckboxProps
|
|
|
104
104
|
*
|
|
105
105
|
* Demos:
|
|
106
106
|
*
|
|
107
|
-
* - [Checkboxes](https://mui.com/
|
|
108
|
-
* - [Transfer
|
|
107
|
+
* - [Checkboxes](https://mui.com/material-ui/react-checkbox/)
|
|
108
|
+
* - [Transfer list](https://mui.com/material-ui/react-transfer-list/)
|
|
109
109
|
*
|
|
110
110
|
* API:
|
|
111
111
|
*
|
|
112
|
-
* - [Checkbox API](https://mui.com/api/checkbox/)
|
|
113
|
-
* - 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/)
|
|
114
114
|
*/
|
|
115
115
|
export default function Checkbox(props: CheckboxProps): JSX.Element;
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -140,7 +140,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
|
|
|
140
140
|
/**
|
|
141
141
|
* The color of the component.
|
|
142
142
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
143
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
143
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
144
144
|
* @default 'primary'
|
|
145
145
|
*/
|
|
146
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
|
@@ -38,7 +38,7 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
38
38
|
/**
|
|
39
39
|
* The color of the component.
|
|
40
40
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
41
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
41
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
42
42
|
* @default 'default'
|
|
43
43
|
*/
|
|
44
44
|
color?: OverridableStringUnion<
|
|
@@ -90,11 +90,11 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
90
90
|
*
|
|
91
91
|
* Demos:
|
|
92
92
|
*
|
|
93
|
-
* - [Chips](https://mui.com/
|
|
93
|
+
* - [Chips](https://mui.com/material-ui/react-chip/)
|
|
94
94
|
*
|
|
95
95
|
* API:
|
|
96
96
|
*
|
|
97
|
-
* - [Chip API](https://mui.com/api/chip/)
|
|
97
|
+
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
98
98
|
*/
|
|
99
99
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
100
100
|
|
package/Chip/Chip.js
CHANGED
|
@@ -452,7 +452,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
|
|
|
452
452
|
/**
|
|
453
453
|
* The color of the component.
|
|
454
454
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
455
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
455
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
456
456
|
* @default 'default'
|
|
457
457
|
*/
|
|
458
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;
|
|
@@ -15,7 +15,7 @@ export interface CircularProgressProps
|
|
|
15
15
|
/**
|
|
16
16
|
* The color of the component.
|
|
17
17
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
18
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
18
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
19
19
|
* @default 'primary'
|
|
20
20
|
*/
|
|
21
21
|
color?: OverridableStringUnion<
|
|
@@ -67,10 +67,10 @@ export interface CircularProgressProps
|
|
|
67
67
|
*
|
|
68
68
|
* Demos:
|
|
69
69
|
*
|
|
70
|
-
* - [Progress](https://mui.com/
|
|
70
|
+
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
71
71
|
*
|
|
72
72
|
* API:
|
|
73
73
|
*
|
|
74
|
-
* - [CircularProgress API](https://mui.com/api/circular-progress/)
|
|
74
|
+
* - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
|
|
75
75
|
*/
|
|
76
76
|
export default function CircularProgress(props: CircularProgressProps): JSX.Element;
|
|
@@ -214,7 +214,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
|
|
|
214
214
|
/**
|
|
215
215
|
* The color of the component.
|
|
216
216
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
217
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
217
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
218
218
|
* @default 'primary'
|
|
219
219
|
*/
|
|
220
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;
|