@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
package/Accordion/Accordion.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ export interface AccordionProps extends StandardProps<PaperProps, 'onChange'> {
|
|
|
47
47
|
sx?: SxProps<Theme>;
|
|
48
48
|
/**
|
|
49
49
|
* The component used for the transition.
|
|
50
|
-
* [Follow this guide](/
|
|
50
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
51
51
|
* @default Collapse
|
|
52
52
|
*/
|
|
53
53
|
TransitionComponent?: React.JSXElementConstructor<
|
|
@@ -64,11 +64,11 @@ export interface AccordionProps extends StandardProps<PaperProps, 'onChange'> {
|
|
|
64
64
|
*
|
|
65
65
|
* Demos:
|
|
66
66
|
*
|
|
67
|
-
* - [Accordion](https://mui.com/
|
|
67
|
+
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
68
68
|
*
|
|
69
69
|
* API:
|
|
70
70
|
*
|
|
71
|
-
* - [Accordion API](https://mui.com/api/accordion/)
|
|
72
|
-
* - inherits [Paper API](https://mui.com/api/paper/)
|
|
71
|
+
* - [Accordion API](https://mui.com/material-ui/api/accordion/)
|
|
72
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
73
73
|
*/
|
|
74
74
|
export default function Accordion(props: AccordionProps): JSX.Element;
|
package/Accordion/Accordion.js
CHANGED
|
@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes
|
|
|
265
265
|
|
|
266
266
|
/**
|
|
267
267
|
* The component used for the transition.
|
|
268
|
-
* [Follow this guide](/
|
|
268
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
269
269
|
* @default Collapse
|
|
270
270
|
*/
|
|
271
271
|
TransitionComponent: PropTypes.elementType,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface AccordionClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `square={true}`. */
|
|
5
|
-
rounded: string;
|
|
6
|
-
/** State class applied to the root element if `expanded={true}`. */
|
|
7
|
-
expanded: string;
|
|
8
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
9
|
-
disabled: string;
|
|
10
|
-
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
11
|
-
gutters: string;
|
|
12
|
-
/** Styles applied to the region element, the container of the children. */
|
|
13
|
-
region: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type AccordionClassKey = keyof AccordionClasses;
|
|
16
|
-
export declare function getAccordionUtilityClass(slot: string): string;
|
|
17
|
-
declare const accordionClasses: AccordionClasses;
|
|
18
|
-
export default accordionClasses;
|
|
1
|
+
export interface AccordionClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `square={true}`. */
|
|
5
|
+
rounded: string;
|
|
6
|
+
/** State class applied to the root element if `expanded={true}`. */
|
|
7
|
+
expanded: string;
|
|
8
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
9
|
+
disabled: string;
|
|
10
|
+
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
11
|
+
gutters: string;
|
|
12
|
+
/** Styles applied to the region element, the container of the children. */
|
|
13
|
+
region: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type AccordionClassKey = keyof AccordionClasses;
|
|
16
|
+
export declare function getAccordionUtilityClass(slot: string): string;
|
|
17
|
+
declare const accordionClasses: AccordionClasses;
|
|
18
|
+
export default accordionClasses;
|
|
@@ -27,10 +27,10 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Accordion](https://mui.com/
|
|
30
|
+
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [AccordionActions API](https://mui.com/api/accordion-actions/)
|
|
34
|
+
* - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function AccordionActions(props: AccordionActionsProps): JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface AccordionActionsClasses {
|
|
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 AccordionActionsClassKey = keyof AccordionActionsClasses;
|
|
8
|
-
export declare function getAccordionActionsUtilityClass(slot: string): string;
|
|
9
|
-
declare const accordionActionsClasses: AccordionActionsClasses;
|
|
10
|
-
export default accordionActionsClasses;
|
|
1
|
+
export interface AccordionActionsClasses {
|
|
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 AccordionActionsClassKey = keyof AccordionActionsClasses;
|
|
8
|
+
export declare function getAccordionActionsUtilityClass(slot: string): string;
|
|
9
|
+
declare const accordionActionsClasses: AccordionActionsClasses;
|
|
10
|
+
export default accordionActionsClasses;
|
|
@@ -22,10 +22,10 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Accordion](https://mui.com/
|
|
25
|
+
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [AccordionDetails API](https://mui.com/api/accordion-details/)
|
|
29
|
+
* - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
|
|
30
30
|
*/
|
|
31
31
|
export default function AccordionDetails(props: AccordionDetailsProps): JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface AccordionDetailsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
|
|
6
|
-
export declare function getAccordionDetailsUtilityClass(slot: string): string;
|
|
7
|
-
declare const accordionDetailsClasses: AccordionDetailsClasses;
|
|
8
|
-
export default accordionDetailsClasses;
|
|
1
|
+
export interface AccordionDetailsClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
|
|
6
|
+
export declare function getAccordionDetailsUtilityClass(slot: string): string;
|
|
7
|
+
declare const accordionDetailsClasses: AccordionDetailsClasses;
|
|
8
|
+
export default accordionDetailsClasses;
|
|
@@ -34,12 +34,12 @@ export type AccordionSummaryTypeMap<
|
|
|
34
34
|
*
|
|
35
35
|
* Demos:
|
|
36
36
|
*
|
|
37
|
-
* - [Accordion](https://mui.com/
|
|
37
|
+
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [AccordionSummary API](https://mui.com/api/accordion-summary/)
|
|
42
|
-
* - inherits [ButtonBase API](https://mui.com/api/button-base/)
|
|
41
|
+
* - [AccordionSummary API](https://mui.com/material-ui/api/accordion-summary/)
|
|
42
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
43
43
|
*/
|
|
44
44
|
declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
|
|
45
45
|
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface AccordionSummaryClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
|
|
5
|
-
expanded: string;
|
|
6
|
-
/** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
|
7
|
-
focusVisible: string;
|
|
8
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
9
|
-
disabled: string;
|
|
10
|
-
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
11
|
-
gutters: string;
|
|
12
|
-
/** Styles applied to the children wrapper element unless `disableGutters={true}`. */
|
|
13
|
-
contentGutters: string;
|
|
14
|
-
/** Styles applied to the children wrapper element. */
|
|
15
|
-
content: string;
|
|
16
|
-
/** Styles applied to the `expandIcon`'s wrapper element. */
|
|
17
|
-
expandIconWrapper: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
|
|
20
|
-
export declare function getAccordionSummaryUtilityClass(slot: string): string;
|
|
21
|
-
declare const accordionSummaryClasses: AccordionSummaryClasses;
|
|
22
|
-
export default accordionSummaryClasses;
|
|
1
|
+
export interface AccordionSummaryClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */
|
|
5
|
+
expanded: string;
|
|
6
|
+
/** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
|
7
|
+
focusVisible: string;
|
|
8
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
9
|
+
disabled: string;
|
|
10
|
+
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
11
|
+
gutters: string;
|
|
12
|
+
/** Styles applied to the children wrapper element unless `disableGutters={true}`. */
|
|
13
|
+
contentGutters: string;
|
|
14
|
+
/** Styles applied to the children wrapper element. */
|
|
15
|
+
content: string;
|
|
16
|
+
/** Styles applied to the `expandIcon`'s wrapper element. */
|
|
17
|
+
expandIconWrapper: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
|
|
20
|
+
export declare function getAccordionSummaryUtilityClass(slot: string): string;
|
|
21
|
+
declare const accordionSummaryClasses: AccordionSummaryClasses;
|
|
22
|
+
export default accordionSummaryClasses;
|
package/Alert/Alert.d.ts
CHANGED
|
@@ -23,12 +23,14 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'> {
|
|
|
23
23
|
/**
|
|
24
24
|
* Override the default label for the *close popup* icon button.
|
|
25
25
|
*
|
|
26
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
26
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
27
27
|
* @default 'Close'
|
|
28
28
|
*/
|
|
29
29
|
closeText?: string;
|
|
30
30
|
/**
|
|
31
|
-
* The
|
|
31
|
+
* The color of the component. Unless provided, the value is taken from the `severity` prop.
|
|
32
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
33
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
32
34
|
*/
|
|
33
35
|
color?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides>;
|
|
34
36
|
/**
|
|
@@ -75,11 +77,11 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'> {
|
|
|
75
77
|
*
|
|
76
78
|
* Demos:
|
|
77
79
|
*
|
|
78
|
-
* - [Alert](https://mui.com/
|
|
80
|
+
* - [Alert](https://mui.com/material-ui/react-alert/)
|
|
79
81
|
*
|
|
80
82
|
* API:
|
|
81
83
|
*
|
|
82
|
-
* - [Alert API](https://mui.com/api/alert/)
|
|
83
|
-
* - inherits [Paper API](https://mui.com/api/paper/)
|
|
84
|
+
* - [Alert API](https://mui.com/material-ui/api/alert/)
|
|
85
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
84
86
|
*/
|
|
85
87
|
export default function Alert(props: AlertProps): JSX.Element;
|
package/Alert/Alert.js
CHANGED
|
@@ -213,13 +213,15 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
|
|
|
213
213
|
/**
|
|
214
214
|
* Override the default label for the *close popup* icon button.
|
|
215
215
|
*
|
|
216
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
216
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
217
217
|
* @default 'Close'
|
|
218
218
|
*/
|
|
219
219
|
closeText: PropTypes.string,
|
|
220
220
|
|
|
221
221
|
/**
|
|
222
|
-
* The
|
|
222
|
+
* The color of the component. Unless provided, the value is taken from the `severity` prop.
|
|
223
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
224
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
223
225
|
*/
|
|
224
226
|
color: PropTypes
|
|
225
227
|
/* @typescript-to-proptypes-ignore */
|
package/Alert/alertClasses.d.ts
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
export interface AlertClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="filled"`. */
|
|
5
|
-
filled: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
-
outlined: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="standard"` and `color="success"`. */
|
|
11
|
-
standardSuccess: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="standard"` and `color="info"`. */
|
|
13
|
-
standardInfo: string;
|
|
14
|
-
/** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
|
|
15
|
-
standardWarning: string;
|
|
16
|
-
/** Styles applied to the root element if `variant="standard"` and `color="error"`. */
|
|
17
|
-
standardError: string;
|
|
18
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
|
|
19
|
-
outlinedSuccess: string;
|
|
20
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
|
|
21
|
-
outlinedInfo: string;
|
|
22
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
|
|
23
|
-
outlinedWarning: string;
|
|
24
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
|
|
25
|
-
outlinedError: string;
|
|
26
|
-
/** Styles applied to the root element if `variant="filled"` and `color="success"`. */
|
|
27
|
-
filledSuccess: string;
|
|
28
|
-
/** Styles applied to the root element if `variant="filled"` and `color="info"`. */
|
|
29
|
-
filledInfo: string;
|
|
30
|
-
/** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
|
|
31
|
-
filledWarning: string;
|
|
32
|
-
/** Styles applied to the root element if `variant="filled"` and `color="error"`. */
|
|
33
|
-
filledError: string;
|
|
34
|
-
/** Styles applied to the icon wrapper element. */
|
|
35
|
-
icon: string;
|
|
36
|
-
/** Styles applied to the message wrapper element. */
|
|
37
|
-
message: string;
|
|
38
|
-
/** Styles applied to the action wrapper element if `action` is provided. */
|
|
39
|
-
action: string;
|
|
40
|
-
}
|
|
41
|
-
export declare type AlertClassKey = keyof AlertClasses;
|
|
42
|
-
export declare function getAlertUtilityClass(slot: string): string;
|
|
43
|
-
declare const alertClasses: AlertClasses;
|
|
44
|
-
export default alertClasses;
|
|
1
|
+
export interface AlertClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="filled"`. */
|
|
5
|
+
filled: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
+
outlined: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="standard"` and `color="success"`. */
|
|
11
|
+
standardSuccess: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="standard"` and `color="info"`. */
|
|
13
|
+
standardInfo: string;
|
|
14
|
+
/** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
|
|
15
|
+
standardWarning: string;
|
|
16
|
+
/** Styles applied to the root element if `variant="standard"` and `color="error"`. */
|
|
17
|
+
standardError: string;
|
|
18
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
|
|
19
|
+
outlinedSuccess: string;
|
|
20
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
|
|
21
|
+
outlinedInfo: string;
|
|
22
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
|
|
23
|
+
outlinedWarning: string;
|
|
24
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
|
|
25
|
+
outlinedError: string;
|
|
26
|
+
/** Styles applied to the root element if `variant="filled"` and `color="success"`. */
|
|
27
|
+
filledSuccess: string;
|
|
28
|
+
/** Styles applied to the root element if `variant="filled"` and `color="info"`. */
|
|
29
|
+
filledInfo: string;
|
|
30
|
+
/** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
|
|
31
|
+
filledWarning: string;
|
|
32
|
+
/** Styles applied to the root element if `variant="filled"` and `color="error"`. */
|
|
33
|
+
filledError: string;
|
|
34
|
+
/** Styles applied to the icon wrapper element. */
|
|
35
|
+
icon: string;
|
|
36
|
+
/** Styles applied to the message wrapper element. */
|
|
37
|
+
message: string;
|
|
38
|
+
/** Styles applied to the action wrapper element if `action` is provided. */
|
|
39
|
+
action: string;
|
|
40
|
+
}
|
|
41
|
+
export declare type AlertClassKey = keyof AlertClasses;
|
|
42
|
+
export declare function getAlertUtilityClass(slot: string): string;
|
|
43
|
+
declare const alertClasses: AlertClasses;
|
|
44
|
+
export default alertClasses;
|
|
@@ -22,10 +22,10 @@ export interface AlertTitleProps extends StandardProps<React.HTMLAttributes<HTML
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Alert](https://mui.com/
|
|
25
|
+
* - [Alert](https://mui.com/material-ui/react-alert/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [AlertTitle API](https://mui.com/api/alert-title/)
|
|
29
|
+
* - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
|
|
30
30
|
*/
|
|
31
31
|
export default function AlertTitle(props: AlertTitleProps): JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface AlertTitleClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type AlertTitleClassKey = keyof AlertTitleClasses;
|
|
6
|
-
export declare function getAlertTitleUtilityClass(slot: string): string;
|
|
7
|
-
declare const alertTitleClasses: AlertTitleClasses;
|
|
8
|
-
export default alertTitleClasses;
|
|
1
|
+
export interface AlertTitleClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type AlertTitleClassKey = keyof AlertTitleClasses;
|
|
6
|
+
export declare function getAlertTitleUtilityClass(slot: string): string;
|
|
7
|
+
declare const alertTitleClasses: AlertTitleClasses;
|
|
8
|
+
export default alertTitleClasses;
|
package/AppBar/AppBar.d.ts
CHANGED
|
@@ -16,7 +16,9 @@ export interface AppBarTypeMap<P = {}, D extends React.ElementType = 'header'> {
|
|
|
16
16
|
*/
|
|
17
17
|
classes?: Partial<AppBarClasses>;
|
|
18
18
|
/**
|
|
19
|
-
* The color of the component.
|
|
19
|
+
* The color of the component.
|
|
20
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
21
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
20
22
|
* @default 'primary'
|
|
21
23
|
*/
|
|
22
24
|
color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
|
|
@@ -44,12 +46,12 @@ export interface AppBarTypeMap<P = {}, D extends React.ElementType = 'header'> {
|
|
|
44
46
|
*
|
|
45
47
|
* Demos:
|
|
46
48
|
*
|
|
47
|
-
* - [App Bar](https://mui.com/
|
|
49
|
+
* - [App Bar](https://mui.com/material-ui/react-app-bar/)
|
|
48
50
|
*
|
|
49
51
|
* API:
|
|
50
52
|
*
|
|
51
|
-
* - [AppBar API](https://mui.com/api/app-bar/)
|
|
52
|
-
* - inherits [Paper API](https://mui.com/api/paper/)
|
|
53
|
+
* - [AppBar API](https://mui.com/material-ui/api/app-bar/)
|
|
54
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
53
55
|
*/
|
|
54
56
|
|
|
55
57
|
declare const AppBar: OverridableComponent<AppBarTypeMap>;
|
package/AppBar/AppBar.js
CHANGED
|
@@ -144,7 +144,9 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes
|
|
|
144
144
|
className: PropTypes.string,
|
|
145
145
|
|
|
146
146
|
/**
|
|
147
|
-
* The color of the component.
|
|
147
|
+
* The color of the component.
|
|
148
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
149
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
148
150
|
* @default 'primary'
|
|
149
151
|
*/
|
|
150
152
|
color: PropTypes
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
export interface AppBarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `position="fixed"`. */
|
|
5
|
-
positionFixed: string;
|
|
6
|
-
/** Styles applied to the root element if `position="absolute"`. */
|
|
7
|
-
positionAbsolute: string;
|
|
8
|
-
/** Styles applied to the root element if `position="sticky"`. */
|
|
9
|
-
positionSticky: string;
|
|
10
|
-
/** Styles applied to the root element if `position="static"`. */
|
|
11
|
-
positionStatic: string;
|
|
12
|
-
/** Styles applied to the root element if `position="relative"`. */
|
|
13
|
-
positionRelative: string;
|
|
14
|
-
/** Styles applied to the root element if `color="default"`. */
|
|
15
|
-
colorDefault: string;
|
|
16
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
17
|
-
colorPrimary: string;
|
|
18
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
19
|
-
colorSecondary: string;
|
|
20
|
-
/** Styles applied to the root element if `color="inherit"`. */
|
|
21
|
-
colorInherit: string;
|
|
22
|
-
/** Styles applied to the root element if `color="transparent"`. */
|
|
23
|
-
colorTransparent: string;
|
|
24
|
-
}
|
|
25
|
-
export declare type AppBarClassKey = keyof AppBarClasses;
|
|
26
|
-
export declare function getAppBarUtilityClass(slot: string): string;
|
|
27
|
-
declare const appBarClasses: AppBarClasses;
|
|
28
|
-
export default appBarClasses;
|
|
1
|
+
export interface AppBarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `position="fixed"`. */
|
|
5
|
+
positionFixed: string;
|
|
6
|
+
/** Styles applied to the root element if `position="absolute"`. */
|
|
7
|
+
positionAbsolute: string;
|
|
8
|
+
/** Styles applied to the root element if `position="sticky"`. */
|
|
9
|
+
positionSticky: string;
|
|
10
|
+
/** Styles applied to the root element if `position="static"`. */
|
|
11
|
+
positionStatic: string;
|
|
12
|
+
/** Styles applied to the root element if `position="relative"`. */
|
|
13
|
+
positionRelative: string;
|
|
14
|
+
/** Styles applied to the root element if `color="default"`. */
|
|
15
|
+
colorDefault: string;
|
|
16
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
17
|
+
colorPrimary: string;
|
|
18
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
19
|
+
colorSecondary: string;
|
|
20
|
+
/** Styles applied to the root element if `color="inherit"`. */
|
|
21
|
+
colorInherit: string;
|
|
22
|
+
/** Styles applied to the root element if `color="transparent"`. */
|
|
23
|
+
colorTransparent: string;
|
|
24
|
+
}
|
|
25
|
+
export declare type AppBarClassKey = keyof AppBarClasses;
|
|
26
|
+
export declare function getAppBarUtilityClass(slot: string): string;
|
|
27
|
+
declare const appBarClasses: AppBarClasses;
|
|
28
|
+
export default appBarClasses;
|
|
@@ -70,7 +70,7 @@ export interface AutocompleteProps<
|
|
|
70
70
|
> extends UseAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>,
|
|
71
71
|
StandardProps<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'children'> {
|
|
72
72
|
/**
|
|
73
|
-
* Props applied to the [`Chip`](/api/chip/) element.
|
|
73
|
+
* Props applied to the [`Chip`](/material-ui/api/chip/) element.
|
|
74
74
|
*/
|
|
75
75
|
ChipProps?: ChipProps<ChipComponent>;
|
|
76
76
|
/**
|
|
@@ -85,14 +85,14 @@ export interface AutocompleteProps<
|
|
|
85
85
|
/**
|
|
86
86
|
* Override the default text for the *clear* icon button.
|
|
87
87
|
*
|
|
88
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
88
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
89
89
|
* @default 'Clear'
|
|
90
90
|
*/
|
|
91
91
|
clearText?: string;
|
|
92
92
|
/**
|
|
93
93
|
* Override the default text for the *close popup* icon button.
|
|
94
94
|
*
|
|
95
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
95
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
96
96
|
* @default 'Close'
|
|
97
97
|
*/
|
|
98
98
|
closeText?: string;
|
|
@@ -150,7 +150,7 @@ export interface AutocompleteProps<
|
|
|
150
150
|
/**
|
|
151
151
|
* Text to display when in a loading state.
|
|
152
152
|
*
|
|
153
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
153
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
154
154
|
* @default 'Loading…'
|
|
155
155
|
*/
|
|
156
156
|
loadingText?: React.ReactNode;
|
|
@@ -163,14 +163,14 @@ export interface AutocompleteProps<
|
|
|
163
163
|
/**
|
|
164
164
|
* Text to display when there are no options.
|
|
165
165
|
*
|
|
166
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
166
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
167
167
|
* @default 'No options'
|
|
168
168
|
*/
|
|
169
169
|
noOptionsText?: React.ReactNode;
|
|
170
170
|
/**
|
|
171
171
|
* Override the default text for the *open popup* icon button.
|
|
172
172
|
*
|
|
173
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
173
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
174
174
|
* @default 'Open'
|
|
175
175
|
*/
|
|
176
176
|
openText?: string;
|
|
@@ -244,11 +244,11 @@ export interface AutocompleteProps<
|
|
|
244
244
|
*
|
|
245
245
|
* Demos:
|
|
246
246
|
*
|
|
247
|
-
* - [Autocomplete](https://mui.com/
|
|
247
|
+
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
248
248
|
*
|
|
249
249
|
* API:
|
|
250
250
|
*
|
|
251
|
-
* - [Autocomplete API](https://mui.com/api/autocomplete/)
|
|
251
|
+
* - [Autocomplete API](https://mui.com/material-ui/api/autocomplete/)
|
|
252
252
|
*/
|
|
253
253
|
export default function Autocomplete<
|
|
254
254
|
T,
|
|
@@ -653,7 +653,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
653
653
|
blurOnSelect: PropTypes.oneOfType([PropTypes.oneOf(['mouse', 'touch']), PropTypes.bool]),
|
|
654
654
|
|
|
655
655
|
/**
|
|
656
|
-
* Props applied to the [`Chip`](/api/chip/) element.
|
|
656
|
+
* Props applied to the [`Chip`](/material-ui/api/chip/) element.
|
|
657
657
|
*/
|
|
658
658
|
ChipProps: PropTypes.object,
|
|
659
659
|
|
|
@@ -691,7 +691,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
691
691
|
/**
|
|
692
692
|
* Override the default text for the *clear* icon button.
|
|
693
693
|
*
|
|
694
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
694
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
695
695
|
* @default 'Clear'
|
|
696
696
|
*/
|
|
697
697
|
clearText: PropTypes.string,
|
|
@@ -699,7 +699,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
699
699
|
/**
|
|
700
700
|
* Override the default text for the *close popup* icon button.
|
|
701
701
|
*
|
|
702
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
702
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
703
703
|
* @default 'Close'
|
|
704
704
|
*/
|
|
705
705
|
closeText: PropTypes.string,
|
|
@@ -762,7 +762,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
762
762
|
disablePortal: PropTypes.bool,
|
|
763
763
|
|
|
764
764
|
/**
|
|
765
|
-
* A
|
|
765
|
+
* A function that determines the filtered options to be rendered on search.
|
|
766
766
|
*
|
|
767
767
|
* @param {T[]} options The options to render.
|
|
768
768
|
* @param {object} state The state of the component.
|
|
@@ -893,7 +893,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
893
893
|
/**
|
|
894
894
|
* Text to display when in a loading state.
|
|
895
895
|
*
|
|
896
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
896
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
897
897
|
* @default 'Loading…'
|
|
898
898
|
*/
|
|
899
899
|
loadingText: PropTypes.node,
|
|
@@ -907,7 +907,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
907
907
|
/**
|
|
908
908
|
* Text to display when there are no options.
|
|
909
909
|
*
|
|
910
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
910
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
911
911
|
* @default 'No options'
|
|
912
912
|
*/
|
|
913
913
|
noOptionsText: PropTypes.node,
|
|
@@ -971,7 +971,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
|
|
|
971
971
|
/**
|
|
972
972
|
* Override the default text for the *open popup* icon button.
|
|
973
973
|
*
|
|
974
|
-
* For localization purposes, you can use the provided [translations](/guides/localization/).
|
|
974
|
+
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
|
|
975
975
|
* @default 'Open'
|
|
976
976
|
*/
|
|
977
977
|
openText: PropTypes.string,
|