@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/Dialog/Dialog.js
CHANGED
|
@@ -374,7 +374,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
|
|
|
374
374
|
PaperComponent: PropTypes.elementType,
|
|
375
375
|
|
|
376
376
|
/**
|
|
377
|
-
* Props applied to the [`Paper`](/api/paper/) element.
|
|
377
|
+
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
|
|
378
378
|
* @default {}
|
|
379
379
|
*/
|
|
380
380
|
PaperProps: PropTypes.object,
|
|
@@ -392,7 +392,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes
|
|
|
392
392
|
|
|
393
393
|
/**
|
|
394
394
|
* The component used for the transition.
|
|
395
|
-
* [Follow this guide](/
|
|
395
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
396
396
|
* @default Fade
|
|
397
397
|
*/
|
|
398
398
|
TransitionComponent: PropTypes.elementType,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface DialogContextValue {
|
|
3
|
-
titleId?: string;
|
|
4
|
-
}
|
|
5
|
-
declare const DialogContext: import("react").Context<DialogContextValue>;
|
|
6
|
-
export default DialogContext;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface DialogContextValue {
|
|
3
|
+
titleId?: string;
|
|
4
|
+
}
|
|
5
|
+
declare const DialogContext: import("react").Context<DialogContextValue>;
|
|
6
|
+
export default DialogContext;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
export interface DialogClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the container element if `scroll="paper"`. */
|
|
5
|
-
scrollPaper: string;
|
|
6
|
-
/** Styles applied to the container element if `scroll="body"`. */
|
|
7
|
-
scrollBody: string;
|
|
8
|
-
/** Styles applied to the container element. */
|
|
9
|
-
container: string;
|
|
10
|
-
/** Styles applied to the Paper component. */
|
|
11
|
-
paper: string;
|
|
12
|
-
/** Styles applied to the Paper component if `scroll="paper"`. */
|
|
13
|
-
paperScrollPaper: string;
|
|
14
|
-
/** Styles applied to the Paper component if `scroll="body"`. */
|
|
15
|
-
paperScrollBody: string;
|
|
16
|
-
/** Styles applied to the Paper component if `maxWidth=false`. */
|
|
17
|
-
paperWidthFalse: string;
|
|
18
|
-
/** Styles applied to the Paper component if `maxWidth="xs"`. */
|
|
19
|
-
paperWidthXs: string;
|
|
20
|
-
/** Styles applied to the Paper component if `maxWidth="sm"`. */
|
|
21
|
-
paperWidthSm: string;
|
|
22
|
-
/** Styles applied to the Paper component if `maxWidth="md"`. */
|
|
23
|
-
paperWidthMd: string;
|
|
24
|
-
/** Styles applied to the Paper component if `maxWidth="lg"`. */
|
|
25
|
-
paperWidthLg: string;
|
|
26
|
-
/** Styles applied to the Paper component if `maxWidth="xl"`. */
|
|
27
|
-
paperWidthXl: string;
|
|
28
|
-
/** Styles applied to the Paper component if `fullWidth={true}`. */
|
|
29
|
-
paperFullWidth: string;
|
|
30
|
-
/** Styles applied to the Paper component if `fullScreen={true}`. */
|
|
31
|
-
paperFullScreen: string;
|
|
32
|
-
}
|
|
33
|
-
export declare type DialogClassKey = keyof DialogClasses;
|
|
34
|
-
export declare function getDialogUtilityClass(slot: string): string;
|
|
35
|
-
declare const dialogClasses: DialogClasses;
|
|
36
|
-
export default dialogClasses;
|
|
1
|
+
export interface DialogClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the container element if `scroll="paper"`. */
|
|
5
|
+
scrollPaper: string;
|
|
6
|
+
/** Styles applied to the container element if `scroll="body"`. */
|
|
7
|
+
scrollBody: string;
|
|
8
|
+
/** Styles applied to the container element. */
|
|
9
|
+
container: string;
|
|
10
|
+
/** Styles applied to the Paper component. */
|
|
11
|
+
paper: string;
|
|
12
|
+
/** Styles applied to the Paper component if `scroll="paper"`. */
|
|
13
|
+
paperScrollPaper: string;
|
|
14
|
+
/** Styles applied to the Paper component if `scroll="body"`. */
|
|
15
|
+
paperScrollBody: string;
|
|
16
|
+
/** Styles applied to the Paper component if `maxWidth=false`. */
|
|
17
|
+
paperWidthFalse: string;
|
|
18
|
+
/** Styles applied to the Paper component if `maxWidth="xs"`. */
|
|
19
|
+
paperWidthXs: string;
|
|
20
|
+
/** Styles applied to the Paper component if `maxWidth="sm"`. */
|
|
21
|
+
paperWidthSm: string;
|
|
22
|
+
/** Styles applied to the Paper component if `maxWidth="md"`. */
|
|
23
|
+
paperWidthMd: string;
|
|
24
|
+
/** Styles applied to the Paper component if `maxWidth="lg"`. */
|
|
25
|
+
paperWidthLg: string;
|
|
26
|
+
/** Styles applied to the Paper component if `maxWidth="xl"`. */
|
|
27
|
+
paperWidthXl: string;
|
|
28
|
+
/** Styles applied to the Paper component if `fullWidth={true}`. */
|
|
29
|
+
paperFullWidth: string;
|
|
30
|
+
/** Styles applied to the Paper component if `fullScreen={true}`. */
|
|
31
|
+
paperFullScreen: string;
|
|
32
|
+
}
|
|
33
|
+
export declare type DialogClassKey = keyof DialogClasses;
|
|
34
|
+
export declare function getDialogUtilityClass(slot: string): string;
|
|
35
|
+
declare const dialogClasses: DialogClasses;
|
|
36
|
+
export default dialogClasses;
|
|
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialogs](https://mui.com/
|
|
30
|
+
* - [Dialogs](https://mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogActions API](https://mui.com/api/dialog-actions/)
|
|
34
|
+
* - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function DialogActions(props: DialogActionsProps): JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface DialogActionsClasses {
|
|
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 DialogActionsClassKey = keyof DialogActionsClasses;
|
|
8
|
-
export declare function getDialogActionsUtilityClass(slot: string): string;
|
|
9
|
-
declare const dialogActionsClasses: DialogActionsClasses;
|
|
10
|
-
export default dialogActionsClasses;
|
|
1
|
+
export interface DialogActionsClasses {
|
|
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 DialogActionsClassKey = keyof DialogActionsClasses;
|
|
8
|
+
export declare function getDialogActionsUtilityClass(slot: string): string;
|
|
9
|
+
declare const dialogActionsClasses: DialogActionsClasses;
|
|
10
|
+
export default dialogActionsClasses;
|
|
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialogs](https://mui.com/
|
|
30
|
+
* - [Dialogs](https://mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogContent API](https://mui.com/api/dialog-content/)
|
|
34
|
+
* - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
|
|
35
35
|
*/
|
|
36
36
|
export default function DialogContent(props: DialogContentProps): JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface DialogContentClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `dividers={true}`. */
|
|
5
|
-
dividers: string;
|
|
6
|
-
}
|
|
7
|
-
export declare type DialogContentClassKey = keyof DialogContentClasses;
|
|
8
|
-
export declare function getDialogContentUtilityClass(slot: string): string;
|
|
9
|
-
declare const dialogContentClasses: DialogContentClasses;
|
|
10
|
-
export default dialogContentClasses;
|
|
1
|
+
export interface DialogContentClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `dividers={true}`. */
|
|
5
|
+
dividers: string;
|
|
6
|
+
}
|
|
7
|
+
export declare type DialogContentClassKey = keyof DialogContentClasses;
|
|
8
|
+
export declare function getDialogContentUtilityClass(slot: string): string;
|
|
9
|
+
declare const dialogContentClasses: DialogContentClasses;
|
|
10
|
+
export default dialogContentClasses;
|
|
@@ -26,12 +26,12 @@ export interface DialogContentTextTypeMap<
|
|
|
26
26
|
*
|
|
27
27
|
* Demos:
|
|
28
28
|
*
|
|
29
|
-
* - [Dialogs](https://mui.com/
|
|
29
|
+
* - [Dialogs](https://mui.com/material-ui/react-dialog/)
|
|
30
30
|
*
|
|
31
31
|
* API:
|
|
32
32
|
*
|
|
33
|
-
* - [DialogContentText API](https://mui.com/api/dialog-content-text/)
|
|
34
|
-
* - inherits [Typography API](https://mui.com/api/typography/)
|
|
33
|
+
* - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
|
|
34
|
+
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
35
35
|
*/
|
|
36
36
|
declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
|
|
37
37
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface DialogContentTextClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
|
|
6
|
-
export declare function getDialogContentTextUtilityClass(slot: string): string;
|
|
7
|
-
declare const dialogContentTextClasses: DialogContentTextClasses;
|
|
8
|
-
export default dialogContentTextClasses;
|
|
1
|
+
export interface DialogContentTextClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
|
|
6
|
+
export declare function getDialogContentTextUtilityClass(slot: string): string;
|
|
7
|
+
declare const dialogContentTextClasses: DialogContentTextClasses;
|
|
8
|
+
export default dialogContentTextClasses;
|
|
@@ -22,10 +22,10 @@ export interface DialogTitleProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Dialogs](https://mui.com/
|
|
25
|
+
* - [Dialogs](https://mui.com/material-ui/react-dialog/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [DialogTitle API](https://mui.com/api/dialog-title/)
|
|
29
|
+
* - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
|
|
30
30
|
*/
|
|
31
31
|
export default function DialogTitle(props: DialogTitleProps): JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface DialogTitleClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type DialogTitleClassKey = keyof DialogTitleClasses;
|
|
6
|
-
export declare function getDialogTitleUtilityClass(slot: string): string;
|
|
7
|
-
declare const dialogTitleClasses: DialogTitleClasses;
|
|
8
|
-
export default dialogTitleClasses;
|
|
1
|
+
export interface DialogTitleClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type DialogTitleClassKey = keyof DialogTitleClasses;
|
|
6
|
+
export declare function getDialogTitleUtilityClass(slot: string): string;
|
|
7
|
+
declare const dialogTitleClasses: DialogTitleClasses;
|
|
8
|
+
export default dialogTitleClasses;
|
package/Divider/Divider.d.ts
CHANGED
|
@@ -63,12 +63,12 @@ export interface DividerTypeMap<P = {}, D extends React.ElementType = 'hr'> {
|
|
|
63
63
|
*
|
|
64
64
|
* Demos:
|
|
65
65
|
*
|
|
66
|
-
* - [Dividers](https://mui.com/
|
|
67
|
-
* - [Lists](https://mui.com/
|
|
66
|
+
* - [Dividers](https://mui.com/material-ui/react-divider/)
|
|
67
|
+
* - [Lists](https://mui.com/material-ui/react-list/)
|
|
68
68
|
*
|
|
69
69
|
* API:
|
|
70
70
|
*
|
|
71
|
-
* - [Divider API](https://mui.com/api/divider/)
|
|
71
|
+
* - [Divider API](https://mui.com/material-ui/api/divider/)
|
|
72
72
|
*/
|
|
73
73
|
declare const Divider: OverridableComponent<DividerTypeMap>;
|
|
74
74
|
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
export interface DividerClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `absolute={true}`. */
|
|
5
|
-
absolute: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="inset"`. */
|
|
7
|
-
inset: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="fullWidth"`. */
|
|
9
|
-
fullWidth: string;
|
|
10
|
-
/** Styles applied to the root element if `light={true}`. */
|
|
11
|
-
light: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="middle"`. */
|
|
13
|
-
middle: string;
|
|
14
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
15
|
-
vertical: string;
|
|
16
|
-
/** Styles applied to the root element if `flexItem={true}`. */
|
|
17
|
-
flexItem: string;
|
|
18
|
-
/** Styles applied to the root element if divider have text. */
|
|
19
|
-
withChildren: string;
|
|
20
|
-
/** Styles applied to the root element if divider have text and `orientation="vertical"`. */
|
|
21
|
-
withChildrenVertical: string;
|
|
22
|
-
/** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
|
|
23
|
-
textAlignRight: string;
|
|
24
|
-
/** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
|
|
25
|
-
textAlignLeft: string;
|
|
26
|
-
/** Styles applied to the span children element if `orientation="horizontal"`. */
|
|
27
|
-
wrapper: string;
|
|
28
|
-
/** Styles applied to the span children element if `orientation="vertical"`. */
|
|
29
|
-
wrapperVertical: string;
|
|
30
|
-
}
|
|
31
|
-
export declare type DividerClassKey = keyof DividerClasses;
|
|
32
|
-
export declare function getDividerUtilityClass(slot: string): string;
|
|
33
|
-
declare const dividerClasses: DividerClasses;
|
|
34
|
-
export default dividerClasses;
|
|
1
|
+
export interface DividerClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `absolute={true}`. */
|
|
5
|
+
absolute: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="inset"`. */
|
|
7
|
+
inset: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="fullWidth"`. */
|
|
9
|
+
fullWidth: string;
|
|
10
|
+
/** Styles applied to the root element if `light={true}`. */
|
|
11
|
+
light: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="middle"`. */
|
|
13
|
+
middle: string;
|
|
14
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
15
|
+
vertical: string;
|
|
16
|
+
/** Styles applied to the root element if `flexItem={true}`. */
|
|
17
|
+
flexItem: string;
|
|
18
|
+
/** Styles applied to the root element if divider have text. */
|
|
19
|
+
withChildren: string;
|
|
20
|
+
/** Styles applied to the root element if divider have text and `orientation="vertical"`. */
|
|
21
|
+
withChildrenVertical: string;
|
|
22
|
+
/** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
|
|
23
|
+
textAlignRight: string;
|
|
24
|
+
/** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */
|
|
25
|
+
textAlignLeft: string;
|
|
26
|
+
/** Styles applied to the span children element if `orientation="horizontal"`. */
|
|
27
|
+
wrapper: string;
|
|
28
|
+
/** Styles applied to the span children element if `orientation="vertical"`. */
|
|
29
|
+
wrapperVertical: string;
|
|
30
|
+
}
|
|
31
|
+
export declare type DividerClassKey = keyof DividerClasses;
|
|
32
|
+
export declare function getDividerUtilityClass(slot: string): string;
|
|
33
|
+
declare const dividerClasses: DividerClasses;
|
|
34
|
+
export default dividerClasses;
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
27
27
|
*/
|
|
28
28
|
elevation?: number;
|
|
29
29
|
/**
|
|
30
|
-
* Props applied to the [`Modal`](/api/modal/) element.
|
|
30
|
+
* Props applied to the [`Modal`](/material-ui/api/modal/) element.
|
|
31
31
|
* @default {}
|
|
32
32
|
*/
|
|
33
33
|
ModalProps?: Partial<ModalProps>;
|
|
@@ -43,12 +43,12 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
43
43
|
*/
|
|
44
44
|
open?: boolean;
|
|
45
45
|
/**
|
|
46
|
-
* Props applied to the [`Paper`](/api/paper/) element.
|
|
46
|
+
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
|
|
47
47
|
* @default {}
|
|
48
48
|
*/
|
|
49
49
|
PaperProps?: Partial<PaperProps>;
|
|
50
50
|
/**
|
|
51
|
-
* Props applied to the [`Slide`](/api/slide/) element.
|
|
51
|
+
* Props applied to the [`Slide`](/material-ui/api/slide/) element.
|
|
52
52
|
*/
|
|
53
53
|
SlideProps?: Partial<SlideProps>;
|
|
54
54
|
/**
|
|
@@ -72,15 +72,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
/**
|
|
75
|
-
* The props of the [Modal](https://mui.com/api/modal/) component are available
|
|
75
|
+
* The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
|
|
76
76
|
* when `variant="temporary"` is set.
|
|
77
77
|
*
|
|
78
78
|
* Demos:
|
|
79
79
|
*
|
|
80
|
-
* - [Drawers](https://mui.com/
|
|
80
|
+
* - [Drawers](https://mui.com/material-ui/react-drawer/)
|
|
81
81
|
*
|
|
82
82
|
* API:
|
|
83
83
|
*
|
|
84
|
-
* - [Drawer API](https://mui.com/api/drawer/)
|
|
84
|
+
* - [Drawer API](https://mui.com/material-ui/api/drawer/)
|
|
85
85
|
*/
|
|
86
86
|
export default function Drawer(props: DrawerProps): JSX.Element;
|
package/Drawer/Drawer.js
CHANGED
|
@@ -124,7 +124,7 @@ export function getAnchor(theme, anchor) {
|
|
|
124
124
|
return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
|
|
125
125
|
}
|
|
126
126
|
/**
|
|
127
|
-
* The props of the [Modal](/api/modal/) component are available
|
|
127
|
+
* The props of the [Modal](/material-ui/api/modal/) component are available
|
|
128
128
|
* when `variant="temporary"` is set.
|
|
129
129
|
*/
|
|
130
130
|
|
|
@@ -280,7 +280,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
|
|
|
280
280
|
hideBackdrop: PropTypes.bool,
|
|
281
281
|
|
|
282
282
|
/**
|
|
283
|
-
* Props applied to the [`Modal`](/api/modal/) element.
|
|
283
|
+
* Props applied to the [`Modal`](/material-ui/api/modal/) element.
|
|
284
284
|
* @default {}
|
|
285
285
|
*/
|
|
286
286
|
ModalProps: PropTypes.object,
|
|
@@ -299,13 +299,13 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes
|
|
|
299
299
|
open: PropTypes.bool,
|
|
300
300
|
|
|
301
301
|
/**
|
|
302
|
-
* Props applied to the [`Paper`](/api/paper/) element.
|
|
302
|
+
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
|
|
303
303
|
* @default {}
|
|
304
304
|
*/
|
|
305
305
|
PaperProps: PropTypes.object,
|
|
306
306
|
|
|
307
307
|
/**
|
|
308
|
-
* Props applied to the [`Slide`](/api/slide/) element.
|
|
308
|
+
* Props applied to the [`Slide`](/material-ui/api/slide/) element.
|
|
309
309
|
*/
|
|
310
310
|
SlideProps: PropTypes.object,
|
|
311
311
|
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface DrawerClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="permanent or persistent"`. */
|
|
5
|
-
docked: string;
|
|
6
|
-
/** Styles applied to the Paper component. */
|
|
7
|
-
paper: string;
|
|
8
|
-
/** Styles applied to the Paper component if `anchor="left"`. */
|
|
9
|
-
paperAnchorLeft: string;
|
|
10
|
-
/** Styles applied to the Paper component if `anchor="right"`. */
|
|
11
|
-
paperAnchorRight: string;
|
|
12
|
-
/** Styles applied to the Paper component if `anchor="top"`. */
|
|
13
|
-
paperAnchorTop: string;
|
|
14
|
-
/** Styles applied to the Paper component if `anchor="bottom"`. */
|
|
15
|
-
paperAnchorBottom: string;
|
|
16
|
-
/** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
|
|
17
|
-
paperAnchorDockedLeft: string;
|
|
18
|
-
/** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
|
|
19
|
-
paperAnchorDockedTop: string;
|
|
20
|
-
/** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
|
|
21
|
-
paperAnchorDockedRight: string;
|
|
22
|
-
/** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
|
|
23
|
-
paperAnchorDockedBottom: string;
|
|
24
|
-
/** Styles applied to the Modal component. */
|
|
25
|
-
modal: string;
|
|
26
|
-
}
|
|
27
|
-
export declare type DrawerClassKey = keyof DrawerClasses;
|
|
28
|
-
export declare function getDrawerUtilityClass(slot: string): string;
|
|
29
|
-
declare const drawerClasses: DrawerClasses;
|
|
30
|
-
export default drawerClasses;
|
|
1
|
+
export interface DrawerClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="permanent or persistent"`. */
|
|
5
|
+
docked: string;
|
|
6
|
+
/** Styles applied to the Paper component. */
|
|
7
|
+
paper: string;
|
|
8
|
+
/** Styles applied to the Paper component if `anchor="left"`. */
|
|
9
|
+
paperAnchorLeft: string;
|
|
10
|
+
/** Styles applied to the Paper component if `anchor="right"`. */
|
|
11
|
+
paperAnchorRight: string;
|
|
12
|
+
/** Styles applied to the Paper component if `anchor="top"`. */
|
|
13
|
+
paperAnchorTop: string;
|
|
14
|
+
/** Styles applied to the Paper component if `anchor="bottom"`. */
|
|
15
|
+
paperAnchorBottom: string;
|
|
16
|
+
/** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary". */
|
|
17
|
+
paperAnchorDockedLeft: string;
|
|
18
|
+
/** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary". */
|
|
19
|
+
paperAnchorDockedTop: string;
|
|
20
|
+
/** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary". */
|
|
21
|
+
paperAnchorDockedRight: string;
|
|
22
|
+
/** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary". */
|
|
23
|
+
paperAnchorDockedBottom: string;
|
|
24
|
+
/** Styles applied to the Modal component. */
|
|
25
|
+
modal: string;
|
|
26
|
+
}
|
|
27
|
+
export declare type DrawerClassKey = keyof DrawerClasses;
|
|
28
|
+
export declare function getDrawerUtilityClass(slot: string): string;
|
|
29
|
+
declare const drawerClasses: DrawerClasses;
|
|
30
|
+
export default drawerClasses;
|
package/Fab/Fab.d.ts
CHANGED
|
@@ -22,7 +22,9 @@ export type FabTypeMap<P = {}, D extends React.ElementType = 'button'> = ExtendB
|
|
|
22
22
|
*/
|
|
23
23
|
classes?: Partial<FabClasses>;
|
|
24
24
|
/**
|
|
25
|
-
* The color of the component.
|
|
25
|
+
* The color of the component.
|
|
26
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
27
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
26
28
|
* @default 'default'
|
|
27
29
|
*/
|
|
28
30
|
color?: OverridableStringUnion<
|
|
@@ -71,12 +73,12 @@ export type FabTypeMap<P = {}, D extends React.ElementType = 'button'> = ExtendB
|
|
|
71
73
|
*
|
|
72
74
|
* Demos:
|
|
73
75
|
*
|
|
74
|
-
* - [Floating Action Button](https://mui.com/
|
|
76
|
+
* - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
|
|
75
77
|
*
|
|
76
78
|
* API:
|
|
77
79
|
*
|
|
78
|
-
* - [Fab API](https://mui.com/api/fab/)
|
|
79
|
-
* - inherits [ButtonBase API](https://mui.com/api/button-base/)
|
|
80
|
+
* - [Fab API](https://mui.com/material-ui/api/fab/)
|
|
81
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
80
82
|
*/
|
|
81
83
|
declare const Fab: ExtendButtonBase<FabTypeMap>;
|
|
82
84
|
|
package/Fab/Fab.js
CHANGED
|
@@ -176,7 +176,9 @@ process.env.NODE_ENV !== "production" ? Fab.propTypes
|
|
|
176
176
|
className: PropTypes.string,
|
|
177
177
|
|
|
178
178
|
/**
|
|
179
|
-
* The color of the component.
|
|
179
|
+
* The color of the component.
|
|
180
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
181
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
180
182
|
* @default 'default'
|
|
181
183
|
*/
|
|
182
184
|
color: PropTypes.oneOf(['default', 'error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
|
package/Fab/fabClasses.d.ts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export interface FabClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
5
|
-
primary: string;
|
|
6
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
7
|
-
secondary: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="extended"`. */
|
|
9
|
-
extended: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="circular"`. */
|
|
11
|
-
circular: string;
|
|
12
|
-
/** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
|
13
|
-
focusVisible: string;
|
|
14
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
15
|
-
disabled: string;
|
|
16
|
-
/** Styles applied to the root element if `color="inherit"`. */
|
|
17
|
-
colorInherit: string;
|
|
18
|
-
/** Styles applied to the root element if `size="small"``. */
|
|
19
|
-
sizeSmall: string;
|
|
20
|
-
/** Styles applied to the root element if `size="medium"``. */
|
|
21
|
-
sizeMedium: string;
|
|
22
|
-
}
|
|
23
|
-
export declare type FabClassKey = keyof FabClasses;
|
|
24
|
-
export declare function getFabUtilityClass(slot: string): string;
|
|
25
|
-
declare const fabClasses: FabClasses;
|
|
26
|
-
export default fabClasses;
|
|
1
|
+
export interface FabClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
5
|
+
primary: string;
|
|
6
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
7
|
+
secondary: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="extended"`. */
|
|
9
|
+
extended: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="circular"`. */
|
|
11
|
+
circular: string;
|
|
12
|
+
/** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
|
13
|
+
focusVisible: string;
|
|
14
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
15
|
+
disabled: string;
|
|
16
|
+
/** Styles applied to the root element if `color="inherit"`. */
|
|
17
|
+
colorInherit: string;
|
|
18
|
+
/** Styles applied to the root element if `size="small"``. */
|
|
19
|
+
sizeSmall: string;
|
|
20
|
+
/** Styles applied to the root element if `size="medium"``. */
|
|
21
|
+
sizeMedium: string;
|
|
22
|
+
}
|
|
23
|
+
export declare type FabClassKey = keyof FabClasses;
|
|
24
|
+
export declare function getFabUtilityClass(slot: string): string;
|
|
25
|
+
declare const fabClasses: FabClasses;
|
|
26
|
+
export default fabClasses;
|
package/Fade/Fade.d.ts
CHANGED
|
@@ -34,16 +34,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
|
-
* The Fade transition is used by the [Modal](https://mui.com/
|
|
37
|
+
* The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
|
|
38
38
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
39
39
|
*
|
|
40
40
|
* Demos:
|
|
41
41
|
*
|
|
42
|
-
* - [Transitions](https://mui.com/
|
|
42
|
+
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
43
43
|
*
|
|
44
44
|
* API:
|
|
45
45
|
*
|
|
46
|
-
* - [Fade API](https://mui.com/api/fade/)
|
|
46
|
+
* - [Fade API](https://mui.com/material-ui/api/fade/)
|
|
47
47
|
* - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
48
48
|
*/
|
|
49
49
|
export default function Fade(props: FadeProps): JSX.Element;
|
package/Fade/Fade.js
CHANGED
|
@@ -18,7 +18,7 @@ const styles = {
|
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
/**
|
|
21
|
-
* The Fade transition is used by the [Modal](/
|
|
21
|
+
* The Fade transition is used by the [Modal](/material-ui/react-modal/) component.
|
|
22
22
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
23
23
|
*/
|
|
24
24
|
|
|
@@ -29,12 +29,12 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
|
|
|
29
29
|
*
|
|
30
30
|
* Demos:
|
|
31
31
|
*
|
|
32
|
-
* - [Text Fields](https://mui.com/
|
|
32
|
+
* - [Text Fields](https://mui.com/material-ui/react-text-field/)
|
|
33
33
|
*
|
|
34
34
|
* API:
|
|
35
35
|
*
|
|
36
|
-
* - [FilledInput API](https://mui.com/api/filled-input/)
|
|
37
|
-
* - inherits [InputBase API](https://mui.com/api/input-base/)
|
|
36
|
+
* - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
|
|
37
|
+
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
38
38
|
*/
|
|
39
39
|
declare const FilledInput: ((props: FilledInputProps) => JSX.Element) & { muiName: string };
|
|
40
40
|
|
|
@@ -236,7 +236,9 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
|
|
|
236
236
|
classes: PropTypes.object,
|
|
237
237
|
|
|
238
238
|
/**
|
|
239
|
-
* The color of the component.
|
|
239
|
+
* The color of the component.
|
|
240
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
241
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
240
242
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
241
243
|
*/
|
|
242
244
|
color: PropTypes
|
|
@@ -344,7 +346,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes
|
|
|
344
346
|
minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
345
347
|
|
|
346
348
|
/**
|
|
347
|
-
* If `true`, a [TextareaAutosize](/
|
|
349
|
+
* If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
|
|
348
350
|
* @default false
|
|
349
351
|
*/
|
|
350
352
|
multiline: PropTypes.bool,
|