@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/Tabs/tabsClasses.d.ts
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
export interface TabsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
-
vertical: string;
|
|
6
|
-
/** Styles applied to the flex container element. */
|
|
7
|
-
flexContainer: string;
|
|
8
|
-
/** Styles applied to the flex container element if `orientation="vertical"`. */
|
|
9
|
-
flexContainerVertical: string;
|
|
10
|
-
/** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
|
|
11
|
-
centered: string;
|
|
12
|
-
/** Styles applied to the tablist element. */
|
|
13
|
-
scroller: string;
|
|
14
|
-
/** Styles applied to the tablist element if `!variant="scrollable"`. */
|
|
15
|
-
fixed: string;
|
|
16
|
-
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
|
|
17
|
-
scrollableX: string;
|
|
18
|
-
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
|
|
19
|
-
scrollableY: string;
|
|
20
|
-
/** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
|
|
21
|
-
hideScrollbar: string;
|
|
22
|
-
/** Styles applied to the ScrollButtonComponent component. */
|
|
23
|
-
scrollButtons: string;
|
|
24
|
-
/** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
|
|
25
|
-
scrollButtonsHideMobile: string;
|
|
26
|
-
/** Styles applied to the TabIndicator component. */
|
|
27
|
-
indicator: string;
|
|
28
|
-
}
|
|
29
|
-
export declare type TabsClassKey = keyof TabsClasses;
|
|
30
|
-
export declare function getTabsUtilityClass(slot: string): string;
|
|
31
|
-
declare const tabsClasses: TabsClasses;
|
|
32
|
-
export default tabsClasses;
|
|
1
|
+
export interface TabsClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
+
vertical: string;
|
|
6
|
+
/** Styles applied to the flex container element. */
|
|
7
|
+
flexContainer: string;
|
|
8
|
+
/** Styles applied to the flex container element if `orientation="vertical"`. */
|
|
9
|
+
flexContainerVertical: string;
|
|
10
|
+
/** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
|
|
11
|
+
centered: string;
|
|
12
|
+
/** Styles applied to the tablist element. */
|
|
13
|
+
scroller: string;
|
|
14
|
+
/** Styles applied to the tablist element if `!variant="scrollable"`. */
|
|
15
|
+
fixed: string;
|
|
16
|
+
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
|
|
17
|
+
scrollableX: string;
|
|
18
|
+
/** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
|
|
19
|
+
scrollableY: string;
|
|
20
|
+
/** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
|
|
21
|
+
hideScrollbar: string;
|
|
22
|
+
/** Styles applied to the ScrollButtonComponent component. */
|
|
23
|
+
scrollButtons: string;
|
|
24
|
+
/** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
|
|
25
|
+
scrollButtonsHideMobile: string;
|
|
26
|
+
/** Styles applied to the TabIndicator component. */
|
|
27
|
+
indicator: string;
|
|
28
|
+
}
|
|
29
|
+
export declare type TabsClassKey = keyof TabsClasses;
|
|
30
|
+
export declare function getTabsUtilityClass(slot: string): string;
|
|
31
|
+
declare const tabsClasses: TabsClasses;
|
|
32
|
+
export default tabsClasses;
|
package/TextField/TextField.d.ts
CHANGED
|
@@ -42,7 +42,9 @@ export interface BaseTextFieldProps
|
|
|
42
42
|
*/
|
|
43
43
|
classes?: Partial<TextFieldClasses>;
|
|
44
44
|
/**
|
|
45
|
-
* The color of the component.
|
|
45
|
+
* The color of the component.
|
|
46
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
47
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
46
48
|
* @default 'primary'
|
|
47
49
|
*/
|
|
48
50
|
color?: OverridableStringUnion<
|
|
@@ -64,7 +66,7 @@ export interface BaseTextFieldProps
|
|
|
64
66
|
*/
|
|
65
67
|
error?: boolean;
|
|
66
68
|
/**
|
|
67
|
-
* Props applied to the [`FormHelperText`](/api/form-helper-text/) element.
|
|
69
|
+
* Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
|
|
68
70
|
*/
|
|
69
71
|
FormHelperTextProps?: Partial<FormHelperTextProps>;
|
|
70
72
|
/**
|
|
@@ -82,7 +84,7 @@ export interface BaseTextFieldProps
|
|
|
82
84
|
*/
|
|
83
85
|
id?: string;
|
|
84
86
|
/**
|
|
85
|
-
* Props applied to the [`InputLabel`](/api/input-label/) element.
|
|
87
|
+
* Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
|
|
86
88
|
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
87
89
|
*/
|
|
88
90
|
InputLabelProps?: Partial<InputLabelProps>;
|
|
@@ -131,13 +133,13 @@ export interface BaseTextFieldProps
|
|
|
131
133
|
*/
|
|
132
134
|
minRows?: string | number;
|
|
133
135
|
/**
|
|
134
|
-
* Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
|
|
136
|
+
* Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
|
|
135
137
|
* If this option is set you must pass the options of the select as children.
|
|
136
138
|
* @default false
|
|
137
139
|
*/
|
|
138
140
|
select?: boolean;
|
|
139
141
|
/**
|
|
140
|
-
* Props applied to the [`Select`](/api/select/) element.
|
|
142
|
+
* Props applied to the [`Select`](/material-ui/api/select/) element.
|
|
141
143
|
*/
|
|
142
144
|
SelectProps?: Partial<SelectProps>;
|
|
143
145
|
/**
|
|
@@ -173,8 +175,8 @@ export interface StandardTextFieldProps extends BaseTextFieldProps {
|
|
|
173
175
|
variant?: 'standard';
|
|
174
176
|
/**
|
|
175
177
|
* Props applied to the Input element.
|
|
176
|
-
* It will be a [`FilledInput`](/api/filled-input/),
|
|
177
|
-
* [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
|
|
178
|
+
* It will be a [`FilledInput`](/material-ui/api/filled-input/),
|
|
179
|
+
* [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
|
|
178
180
|
* component depending on the `variant` prop value.
|
|
179
181
|
*/
|
|
180
182
|
InputProps?: Partial<StandardInputProps>;
|
|
@@ -195,8 +197,8 @@ export interface FilledTextFieldProps extends BaseTextFieldProps {
|
|
|
195
197
|
variant: 'filled';
|
|
196
198
|
/**
|
|
197
199
|
* Props applied to the Input element.
|
|
198
|
-
* It will be a [`FilledInput`](/api/filled-input/),
|
|
199
|
-
* [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
|
|
200
|
+
* It will be a [`FilledInput`](/material-ui/api/filled-input/),
|
|
201
|
+
* [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
|
|
200
202
|
* component depending on the `variant` prop value.
|
|
201
203
|
*/
|
|
202
204
|
InputProps?: Partial<FilledInputProps>;
|
|
@@ -217,8 +219,8 @@ export interface OutlinedTextFieldProps extends BaseTextFieldProps {
|
|
|
217
219
|
variant: 'outlined';
|
|
218
220
|
/**
|
|
219
221
|
* Props applied to the Input element.
|
|
220
|
-
* It will be a [`FilledInput`](/api/filled-input/),
|
|
221
|
-
* [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
|
|
222
|
+
* It will be a [`FilledInput`](/material-ui/api/filled-input/),
|
|
223
|
+
* [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
|
|
222
224
|
* component depending on the `variant` prop value.
|
|
223
225
|
*/
|
|
224
226
|
InputProps?: Partial<OutlinedInputProps>;
|
|
@@ -235,12 +237,12 @@ export type TextFieldProps = StandardTextFieldProps | FilledTextFieldProps | Out
|
|
|
235
237
|
* It's important to understand that the text field is a simple abstraction
|
|
236
238
|
* on top of the following components:
|
|
237
239
|
*
|
|
238
|
-
* * [FormControl](https://mui.com/api/form-control/)
|
|
239
|
-
* * [InputLabel](https://mui.com/api/input-label/)
|
|
240
|
-
* * [FilledInput](https://mui.com/api/filled-input/)
|
|
241
|
-
* * [OutlinedInput](https://mui.com/api/outlined-input/)
|
|
242
|
-
* * [Input](https://mui.com/api/input/)
|
|
243
|
-
* * [FormHelperText](https://mui.com/api/form-helper-text/)
|
|
240
|
+
* * [FormControl](https://mui.com/material-ui/api/form-control/)
|
|
241
|
+
* * [InputLabel](https://mui.com/material-ui/api/input-label/)
|
|
242
|
+
* * [FilledInput](https://mui.com/material-ui/api/filled-input/)
|
|
243
|
+
* * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
|
|
244
|
+
* * [Input](https://mui.com/material-ui/api/input/)
|
|
245
|
+
* * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
|
|
244
246
|
*
|
|
245
247
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
246
248
|
*
|
|
@@ -260,13 +262,12 @@ export type TextFieldProps = StandardTextFieldProps | FilledTextFieldProps | Out
|
|
|
260
262
|
*
|
|
261
263
|
* Demos:
|
|
262
264
|
*
|
|
263
|
-
* - [Autocomplete](https://mui.com/
|
|
264
|
-
* - [
|
|
265
|
-
* - [Text Fields](https://mui.com/components/text-fields/)
|
|
265
|
+
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
266
|
+
* - [Text Fields](https://mui.com/material-ui/react-text-field/)
|
|
266
267
|
*
|
|
267
268
|
* API:
|
|
268
269
|
*
|
|
269
|
-
* - [TextField API](https://mui.com/api/text-field/)
|
|
270
|
-
* - inherits [FormControl API](https://mui.com/api/form-control/)
|
|
270
|
+
* - [TextField API](https://mui.com/material-ui/api/text-field/)
|
|
271
|
+
* - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
|
|
271
272
|
*/
|
|
272
273
|
export default function TextField(props: TextFieldProps): JSX.Element;
|
package/TextField/TextField.js
CHANGED
|
@@ -48,12 +48,12 @@ const TextFieldRoot = styled(FormControl, {
|
|
|
48
48
|
* It's important to understand that the text field is a simple abstraction
|
|
49
49
|
* on top of the following components:
|
|
50
50
|
*
|
|
51
|
-
* - [FormControl](/api/form-control/)
|
|
52
|
-
* - [InputLabel](/api/input-label/)
|
|
53
|
-
* - [FilledInput](/api/filled-input/)
|
|
54
|
-
* - [OutlinedInput](/api/outlined-input/)
|
|
55
|
-
* - [Input](/api/input/)
|
|
56
|
-
* - [FormHelperText](/api/form-helper-text/)
|
|
51
|
+
* - [FormControl](/material-ui/api/form-control/)
|
|
52
|
+
* - [InputLabel](/material-ui/api/input-label/)
|
|
53
|
+
* - [FilledInput](/material-ui/api/filled-input/)
|
|
54
|
+
* - [OutlinedInput](/material-ui/api/outlined-input/)
|
|
55
|
+
* - [Input](/material-ui/api/input/)
|
|
56
|
+
* - [FormHelperText](/material-ui/api/form-helper-text/)
|
|
57
57
|
*
|
|
58
58
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
59
59
|
*
|
|
@@ -248,7 +248,9 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
|
|
|
248
248
|
className: PropTypes.string,
|
|
249
249
|
|
|
250
250
|
/**
|
|
251
|
-
* The color of the component.
|
|
251
|
+
* The color of the component.
|
|
252
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
253
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
252
254
|
* @default 'primary'
|
|
253
255
|
*/
|
|
254
256
|
color: PropTypes
|
|
@@ -273,7 +275,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
|
|
|
273
275
|
error: PropTypes.bool,
|
|
274
276
|
|
|
275
277
|
/**
|
|
276
|
-
* Props applied to the [`FormHelperText`](/api/form-helper-text/) element.
|
|
278
|
+
* Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
|
|
277
279
|
*/
|
|
278
280
|
FormHelperTextProps: PropTypes.object,
|
|
279
281
|
|
|
@@ -295,7 +297,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
|
|
|
295
297
|
id: PropTypes.string,
|
|
296
298
|
|
|
297
299
|
/**
|
|
298
|
-
* Props applied to the [`InputLabel`](/api/input-label/) element.
|
|
300
|
+
* Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
|
|
299
301
|
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
300
302
|
*/
|
|
301
303
|
InputLabelProps: PropTypes.object,
|
|
@@ -307,8 +309,8 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
|
|
|
307
309
|
|
|
308
310
|
/**
|
|
309
311
|
* Props applied to the Input element.
|
|
310
|
-
* It will be a [`FilledInput`](/api/filled-input/),
|
|
311
|
-
* [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
|
|
312
|
+
* It will be a [`FilledInput`](/material-ui/api/filled-input/),
|
|
313
|
+
* [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
|
|
312
314
|
* component depending on the `variant` prop value.
|
|
313
315
|
*/
|
|
314
316
|
InputProps: PropTypes.object,
|
|
@@ -385,14 +387,14 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
|
|
|
385
387
|
rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
386
388
|
|
|
387
389
|
/**
|
|
388
|
-
* Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
|
|
390
|
+
* Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
|
|
389
391
|
* If this option is set you must pass the options of the select as children.
|
|
390
392
|
* @default false
|
|
391
393
|
*/
|
|
392
394
|
select: PropTypes.bool,
|
|
393
395
|
|
|
394
396
|
/**
|
|
395
|
-
* Props applied to the [`Select`](/api/select/) element.
|
|
397
|
+
* Props applied to the [`Select`](/material-ui/api/select/) element.
|
|
396
398
|
*/
|
|
397
399
|
SelectProps: PropTypes.object,
|
|
398
400
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface TextFieldClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type TextFieldClassKey = keyof TextFieldClasses;
|
|
6
|
-
export declare function getTextFieldUtilityClass(slot: string): string;
|
|
7
|
-
declare const textFieldClasses: TextFieldClasses;
|
|
8
|
-
export default textFieldClasses;
|
|
1
|
+
export interface TextFieldClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type TextFieldClassKey = keyof TextFieldClasses;
|
|
6
|
+
export declare function getTextFieldUtilityClass(slot: string): string;
|
|
7
|
+
declare const textFieldClasses: TextFieldClasses;
|
|
8
|
+
export default textFieldClasses;
|
|
@@ -25,6 +25,8 @@ export type ToggleButtonTypeMap<
|
|
|
25
25
|
classes?: Partial<ToggleButtonClasses>;
|
|
26
26
|
/**
|
|
27
27
|
* The color of the button when it is in an active state.
|
|
28
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
29
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
28
30
|
* @default 'standard'
|
|
29
31
|
*/
|
|
30
32
|
color?: OverridableStringUnion<
|
|
@@ -87,12 +89,12 @@ export type ToggleButtonTypeMap<
|
|
|
87
89
|
*
|
|
88
90
|
* Demos:
|
|
89
91
|
*
|
|
90
|
-
* - [Toggle Button](https://mui.com/
|
|
92
|
+
* - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
|
|
91
93
|
*
|
|
92
94
|
* API:
|
|
93
95
|
*
|
|
94
|
-
* - [ToggleButton API](https://mui.com/api/toggle-button/)
|
|
95
|
-
* - inherits [ButtonBase API](https://mui.com/api/button-base/)
|
|
96
|
+
* - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
|
|
97
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
96
98
|
*/
|
|
97
99
|
declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
|
|
98
100
|
|
|
@@ -166,6 +166,8 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
|
|
|
166
166
|
|
|
167
167
|
/**
|
|
168
168
|
* The color of the button when it is in an active state.
|
|
169
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
170
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
169
171
|
* @default 'standard'
|
|
170
172
|
*/
|
|
171
173
|
color: PropTypes
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export interface ToggleButtonClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
5
|
-
disabled: string;
|
|
6
|
-
/** State class applied to the root element if `selected={true}`. */
|
|
7
|
-
selected: string;
|
|
8
|
-
/** State class applied to the root element if `color="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** State class applied to the root element if `color="primary"`. */
|
|
11
|
-
primary: string;
|
|
12
|
-
/** State class applied to the root element if `color="secondary"`. */
|
|
13
|
-
secondary: string;
|
|
14
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
15
|
-
sizeSmall: string;
|
|
16
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
17
|
-
sizeMedium: string;
|
|
18
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
19
|
-
sizeLarge: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
|
|
22
|
-
export declare function getToggleButtonUtilityClass(slot: string): string;
|
|
23
|
-
declare const toggleButtonClasses: ToggleButtonClasses;
|
|
24
|
-
export default toggleButtonClasses;
|
|
1
|
+
export interface ToggleButtonClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
5
|
+
disabled: string;
|
|
6
|
+
/** State class applied to the root element if `selected={true}`. */
|
|
7
|
+
selected: string;
|
|
8
|
+
/** State class applied to the root element if `color="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** State class applied to the root element if `color="primary"`. */
|
|
11
|
+
primary: string;
|
|
12
|
+
/** State class applied to the root element if `color="secondary"`. */
|
|
13
|
+
secondary: string;
|
|
14
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
15
|
+
sizeSmall: string;
|
|
16
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
17
|
+
sizeMedium: string;
|
|
18
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
19
|
+
sizeLarge: string;
|
|
20
|
+
}
|
|
21
|
+
export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
|
|
22
|
+
export declare function getToggleButtonUtilityClass(slot: string): string;
|
|
23
|
+
declare const toggleButtonClasses: ToggleButtonClasses;
|
|
24
|
+
export default toggleButtonClasses;
|
|
@@ -20,7 +20,9 @@ export interface ToggleButtonGroupProps
|
|
|
20
20
|
*/
|
|
21
21
|
classes?: Partial<ToggleButtonGroupClasses>;
|
|
22
22
|
/**
|
|
23
|
-
* The color of
|
|
23
|
+
* The color of the button when it is selected.
|
|
24
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
25
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
24
26
|
* @default 'standard'
|
|
25
27
|
*/
|
|
26
28
|
color?: OverridableStringUnion<
|
|
@@ -78,10 +80,10 @@ export interface ToggleButtonGroupProps
|
|
|
78
80
|
*
|
|
79
81
|
* Demos:
|
|
80
82
|
*
|
|
81
|
-
* - [Toggle Button](https://mui.com/
|
|
83
|
+
* - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
|
|
82
84
|
*
|
|
83
85
|
* API:
|
|
84
86
|
*
|
|
85
|
-
* - [ToggleButtonGroup API](https://mui.com/api/toggle-button-group/)
|
|
87
|
+
* - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
|
|
86
88
|
*/
|
|
87
89
|
export default function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element;
|
|
@@ -191,7 +191,9 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
|
|
|
191
191
|
className: PropTypes.string,
|
|
192
192
|
|
|
193
193
|
/**
|
|
194
|
-
* The color of
|
|
194
|
+
* The color of the button when it is selected.
|
|
195
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
196
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
195
197
|
* @default 'standard'
|
|
196
198
|
*/
|
|
197
199
|
color: PropTypes
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface ToggleButtonGroupClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
-
vertical: string;
|
|
6
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
-
disabled: string;
|
|
8
|
-
/** Styles applied to the children. */
|
|
9
|
-
grouped: string;
|
|
10
|
-
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
11
|
-
groupedHorizontal: string;
|
|
12
|
-
/** Styles applied to the children if `orientation="vertical"`. */
|
|
13
|
-
groupedVertical: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
|
|
16
|
-
export declare function getToggleButtonGroupUtilityClass(slot: string): string;
|
|
17
|
-
declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
|
|
18
|
-
export default toggleButtonGroupClasses;
|
|
1
|
+
export interface ToggleButtonGroupClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `orientation="vertical"`. */
|
|
5
|
+
vertical: string;
|
|
6
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
+
disabled: string;
|
|
8
|
+
/** Styles applied to the children. */
|
|
9
|
+
grouped: string;
|
|
10
|
+
/** Styles applied to the children if `orientation="horizontal"`. */
|
|
11
|
+
groupedHorizontal: string;
|
|
12
|
+
/** Styles applied to the children if `orientation="vertical"`. */
|
|
13
|
+
groupedVertical: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
|
|
16
|
+
export declare function getToggleButtonGroupUtilityClass(slot: string): string;
|
|
17
|
+
declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
|
|
18
|
+
export default toggleButtonGroupClasses;
|
package/Toolbar/Toolbar.d.ts
CHANGED
|
@@ -39,11 +39,11 @@ export interface ToolbarTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
39
39
|
*
|
|
40
40
|
* Demos:
|
|
41
41
|
*
|
|
42
|
-
* - [App Bar](https://mui.com/
|
|
42
|
+
* - [App Bar](https://mui.com/material-ui/react-app-bar/)
|
|
43
43
|
*
|
|
44
44
|
* API:
|
|
45
45
|
*
|
|
46
|
-
* - [Toolbar API](https://mui.com/api/toolbar/)
|
|
46
|
+
* - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
|
|
47
47
|
*/
|
|
48
48
|
declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
|
|
49
49
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export interface ToolbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
5
|
-
gutters: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="regular"`. */
|
|
7
|
-
regular: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="dense"`. */
|
|
9
|
-
dense: string;
|
|
10
|
-
}
|
|
11
|
-
export declare type ToolbarClassKey = keyof ToolbarClasses;
|
|
12
|
-
export declare function getToolbarUtilityClass(slot: string): string;
|
|
13
|
-
declare const toolbarClasses: ToolbarClasses;
|
|
14
|
-
export default toolbarClasses;
|
|
1
|
+
export interface ToolbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `disableGutters={true}`. */
|
|
5
|
+
gutters: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="regular"`. */
|
|
7
|
+
regular: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="dense"`. */
|
|
9
|
+
dense: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type ToolbarClassKey = keyof ToolbarClasses;
|
|
12
|
+
export declare function getToolbarUtilityClass(slot: string): string;
|
|
13
|
+
declare const toolbarClasses: ToolbarClasses;
|
|
14
|
+
export default toolbarClasses;
|
package/Tooltip/Tooltip.d.ts
CHANGED
|
@@ -151,7 +151,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
|
|
|
151
151
|
*/
|
|
152
152
|
PopperComponent?: React.JSXElementConstructor<PopperProps>;
|
|
153
153
|
/**
|
|
154
|
-
* Props applied to the [`Popper`](/api/popper/) element.
|
|
154
|
+
* Props applied to the [`Popper`](/material-ui/api/popper/) element.
|
|
155
155
|
* @default {}
|
|
156
156
|
*/
|
|
157
157
|
PopperProps?: Partial<PopperProps>;
|
|
@@ -165,7 +165,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
|
|
|
165
165
|
title: NonNullable<React.ReactNode>;
|
|
166
166
|
/**
|
|
167
167
|
* The component used for the transition.
|
|
168
|
-
* [Follow this guide](/
|
|
168
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
169
169
|
* @default Grow
|
|
170
170
|
*/
|
|
171
171
|
TransitionComponent?: React.JSXElementConstructor<
|
|
@@ -182,10 +182,10 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
|
|
|
182
182
|
*
|
|
183
183
|
* Demos:
|
|
184
184
|
*
|
|
185
|
-
* - [Tooltips](https://mui.com/
|
|
185
|
+
* - [Tooltips](https://mui.com/material-ui/react-tooltip/)
|
|
186
186
|
*
|
|
187
187
|
* API:
|
|
188
188
|
*
|
|
189
|
-
* - [Tooltip API](https://mui.com/api/tooltip/)
|
|
189
|
+
* - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
|
|
190
190
|
*/
|
|
191
191
|
export default function Tooltip(props: TooltipProps): JSX.Element;
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -796,7 +796,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
|
|
|
796
796
|
PopperComponent: PropTypes.elementType,
|
|
797
797
|
|
|
798
798
|
/**
|
|
799
|
-
* Props applied to the [`Popper`](/api/popper/) element.
|
|
799
|
+
* Props applied to the [`Popper`](/material-ui/api/popper/) element.
|
|
800
800
|
* @default {}
|
|
801
801
|
*/
|
|
802
802
|
PopperProps: PropTypes.object,
|
|
@@ -815,7 +815,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
|
|
|
815
815
|
|
|
816
816
|
/**
|
|
817
817
|
* The component used for the transition.
|
|
818
|
-
* [Follow this guide](/
|
|
818
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
819
819
|
* @default Grow
|
|
820
820
|
*/
|
|
821
821
|
TransitionComponent: PropTypes.elementType,
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface TooltipClasses {
|
|
2
|
-
/** Styles applied to the Popper component. */
|
|
3
|
-
popper: string;
|
|
4
|
-
/** Styles applied to the Popper component unless `disableInteractive={true}`. */
|
|
5
|
-
popperInteractive: string;
|
|
6
|
-
/** Styles applied to the Popper component if `arrow={true}`. */
|
|
7
|
-
popperArrow: string;
|
|
8
|
-
/** Styles applied to the Popper component unless the tooltip is open. */
|
|
9
|
-
popperClose: string;
|
|
10
|
-
/** Styles applied to the tooltip (label wrapper) element. */
|
|
11
|
-
tooltip: string;
|
|
12
|
-
/** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
|
|
13
|
-
tooltipArrow: string;
|
|
14
|
-
/** Styles applied to the arrow element. */
|
|
15
|
-
arrow: string;
|
|
16
|
-
/** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
|
|
17
|
-
touch: string;
|
|
18
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
|
|
19
|
-
tooltipPlacementLeft: string;
|
|
20
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
|
|
21
|
-
tooltipPlacementRight: string;
|
|
22
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
|
|
23
|
-
tooltipPlacementTop: string;
|
|
24
|
-
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
|
|
25
|
-
tooltipPlacementBottom: string;
|
|
26
|
-
}
|
|
27
|
-
export declare type TooltipClassKey = keyof TooltipClasses;
|
|
28
|
-
export declare function getTooltipUtilityClass(slot: string): string;
|
|
29
|
-
declare const tooltipClasses: TooltipClasses;
|
|
30
|
-
export default tooltipClasses;
|
|
1
|
+
export interface TooltipClasses {
|
|
2
|
+
/** Styles applied to the Popper component. */
|
|
3
|
+
popper: string;
|
|
4
|
+
/** Styles applied to the Popper component unless `disableInteractive={true}`. */
|
|
5
|
+
popperInteractive: string;
|
|
6
|
+
/** Styles applied to the Popper component if `arrow={true}`. */
|
|
7
|
+
popperArrow: string;
|
|
8
|
+
/** Styles applied to the Popper component unless the tooltip is open. */
|
|
9
|
+
popperClose: string;
|
|
10
|
+
/** Styles applied to the tooltip (label wrapper) element. */
|
|
11
|
+
tooltip: string;
|
|
12
|
+
/** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
|
|
13
|
+
tooltipArrow: string;
|
|
14
|
+
/** Styles applied to the arrow element. */
|
|
15
|
+
arrow: string;
|
|
16
|
+
/** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
|
|
17
|
+
touch: string;
|
|
18
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
|
|
19
|
+
tooltipPlacementLeft: string;
|
|
20
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
|
|
21
|
+
tooltipPlacementRight: string;
|
|
22
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
|
|
23
|
+
tooltipPlacementTop: string;
|
|
24
|
+
/** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
|
|
25
|
+
tooltipPlacementBottom: string;
|
|
26
|
+
}
|
|
27
|
+
export declare type TooltipClassKey = keyof TooltipClasses;
|
|
28
|
+
export declare function getTooltipUtilityClass(slot: string): string;
|
|
29
|
+
declare const tooltipClasses: TooltipClasses;
|
|
30
|
+
export default tooltipClasses;
|
|
@@ -81,12 +81,12 @@ export interface TypographyTypeMap<P = {}, D extends React.ElementType = 'span'>
|
|
|
81
81
|
*
|
|
82
82
|
* Demos:
|
|
83
83
|
*
|
|
84
|
-
* - [Breadcrumbs](https://mui.com/
|
|
85
|
-
* - [Typography](https://mui.com/
|
|
84
|
+
* - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
|
|
85
|
+
* - [Typography](https://mui.com/material-ui/react-typography/)
|
|
86
86
|
*
|
|
87
87
|
* API:
|
|
88
88
|
*
|
|
89
|
-
* - [Typography API](https://mui.com/api/typography/)
|
|
89
|
+
* - [Typography API](https://mui.com/material-ui/api/typography/)
|
|
90
90
|
*/
|
|
91
91
|
declare const Typography: OverridableComponent<TypographyTypeMap>;
|
|
92
92
|
|