@mui/material 5.10.13 → 5.10.14
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.js +13 -53
- package/Accordion/AccordionContext.js +0 -6
- package/Accordion/accordionClasses.d.ts +18 -18
- package/Accordion/accordionClasses.js +0 -5
- package/Accordion/index.js +0 -6
- package/AccordionActions/AccordionActions.js +5 -28
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionActions/accordionActionsClasses.js +0 -5
- package/AccordionActions/index.js +0 -6
- package/AccordionDetails/AccordionDetails.js +4 -26
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionDetails/accordionDetailsClasses.js +0 -5
- package/AccordionDetails/index.js +0 -6
- package/AccordionSummary/AccordionSummary.js +8 -38
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/AccordionSummary/accordionSummaryClasses.js +0 -5
- package/AccordionSummary/index.js +0 -6
- package/Alert/Alert.js +20 -69
- package/Alert/alertClasses.d.ts +44 -44
- package/Alert/alertClasses.js +0 -5
- package/Alert/index.js +0 -6
- package/AlertTitle/AlertTitle.js +4 -27
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AlertTitle/alertTitleClasses.js +0 -5
- package/AlertTitle/index.js +0 -6
- package/AppBar/AppBar.js +11 -40
- package/AppBar/appBarClasses.d.ts +28 -28
- package/AppBar/appBarClasses.js +0 -5
- package/AppBar/index.js +0 -6
- package/Autocomplete/Autocomplete.js +60 -174
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Autocomplete/autocompleteClasses.js +0 -5
- package/Autocomplete/index.js +0 -5
- package/Avatar/Avatar.js +16 -59
- package/Avatar/avatarClasses.d.ts +20 -20
- package/Avatar/avatarClasses.js +0 -5
- package/Avatar/index.js +0 -6
- package/AvatarGroup/AvatarGroup.js +13 -53
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/AvatarGroup/avatarGroupClasses.js +0 -5
- package/AvatarGroup/index.js +0 -6
- package/Backdrop/Backdrop.js +15 -47
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Backdrop/backdropClasses.js +0 -5
- package/Backdrop/index.js +0 -6
- package/Badge/Badge.js +24 -72
- package/Badge/badgeClasses.d.ts +56 -56
- package/Badge/badgeClasses.js +2 -6
- package/Badge/index.js +0 -6
- package/BottomNavigation/BottomNavigation.js +9 -38
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigation/bottomNavigationClasses.js +0 -5
- package/BottomNavigation/index.js +0 -6
- package/BottomNavigationAction/BottomNavigationAction.js +9 -42
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/BottomNavigationAction/bottomNavigationActionClasses.js +0 -5
- package/BottomNavigationAction/index.js +0 -6
- package/Box/Box.js +1 -12
- package/Box/index.js +0 -2
- package/Breadcrumbs/BreadcrumbCollapsed.js +1 -14
- package/Breadcrumbs/Breadcrumbs.js +17 -57
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Breadcrumbs/breadcrumbsClasses.js +0 -5
- package/Breadcrumbs/index.js +0 -6
- package/Button/Button.js +22 -70
- package/Button/buttonClasses.d.ts +100 -100
- package/Button/buttonClasses.js +0 -5
- package/Button/index.js +0 -6
- package/ButtonBase/ButtonBase.js +39 -126
- package/ButtonBase/Ripple.js +0 -19
- package/ButtonBase/TouchRipple.js +26 -48
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/buttonBaseClasses.js +0 -5
- package/ButtonBase/index.js +0 -8
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonBase/touchRippleClasses.js +0 -5
- package/ButtonGroup/ButtonGroup.js +18 -60
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/ButtonGroupContext.js +0 -6
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/ButtonGroup/buttonGroupClasses.js +0 -5
- package/ButtonGroup/index.js +0 -6
- package/CHANGELOG.md +70 -2
- package/Card/Card.js +5 -31
- package/Card/cardClasses.d.ts +8 -8
- package/Card/cardClasses.js +0 -5
- package/Card/index.js +0 -6
- package/CardActionArea/CardActionArea.js +6 -30
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActionArea/cardActionAreaClasses.js +0 -5
- package/CardActionArea/index.js +0 -6
- package/CardActions/CardActions.js +5 -28
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardActions/cardActionsClasses.js +0 -5
- package/CardActions/index.js +0 -6
- package/CardContent/CardContent.js +5 -28
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardContent/cardContentClasses.js +0 -5
- package/CardContent/index.js +0 -6
- package/CardHeader/CardHeader.js +12 -47
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardHeader/cardHeaderClasses.js +0 -5
- package/CardHeader/index.js +0 -6
- package/CardMedia/CardMedia.js +9 -37
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/CardMedia/cardMediaClasses.js +0 -5
- package/CardMedia/index.js +0 -6
- package/Checkbox/Checkbox.js +13 -62
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Checkbox/checkboxClasses.js +0 -5
- package/Checkbox/index.js +0 -6
- package/Chip/Chip.js +22 -86
- package/Chip/chipClasses.d.ts +96 -96
- package/Chip/chipClasses.js +0 -5
- package/Chip/index.js +0 -6
- package/CircularProgress/CircularProgress.js +14 -52
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/CircularProgress/circularProgressClasses.js +0 -5
- package/CircularProgress/index.js +0 -6
- package/ClickAwayListener/index.d.ts +2 -2
- package/ClickAwayListener/index.js +0 -4
- package/Collapse/Collapse.js +24 -83
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Collapse/collapseClasses.js +0 -5
- package/Collapse/index.js +0 -6
- package/Container/Container.js +3 -20
- package/Container/containerClasses.d.ts +6 -6
- package/Container/containerClasses.js +0 -5
- package/Container/index.js +0 -6
- package/CssBaseline/CssBaseline.js +2 -29
- package/CssBaseline/index.js +0 -2
- package/Dialog/Dialog.js +24 -81
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/DialogContext.js +0 -4
- package/Dialog/dialogClasses.d.ts +36 -36
- package/Dialog/dialogClasses.js +0 -5
- package/Dialog/index.js +0 -6
- package/DialogActions/DialogActions.js +5 -28
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogActions/dialogActionsClasses.js +0 -5
- package/DialogActions/index.js +0 -6
- package/DialogContent/DialogContent.js +5 -29
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContent/dialogContentClasses.js +0 -5
- package/DialogContent/index.js +0 -6
- package/DialogContentText/DialogContentText.js +4 -27
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogContentText/dialogContentTextClasses.js +0 -5
- package/DialogContentText/index.js +0 -6
- package/DialogTitle/DialogTitle.js +5 -30
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/DialogTitle/dialogTitleClasses.js +0 -5
- package/DialogTitle/index.js +0 -6
- package/Divider/Divider.js +15 -50
- package/Divider/dividerClasses.d.ts +34 -34
- package/Divider/dividerClasses.js +0 -5
- package/Divider/index.js +0 -6
- package/Drawer/Drawer.js +27 -72
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Drawer/drawerClasses.js +0 -5
- package/Drawer/index.js +0 -6
- package/Fab/Fab.js +15 -55
- package/Fab/fabClasses.d.ts +26 -26
- package/Fab/fabClasses.js +0 -5
- package/Fab/index.js +0 -6
- package/Fade/Fade.js +21 -56
- package/Fade/index.js +0 -2
- package/FilledInput/FilledInput.js +16 -73
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FilledInput/filledInputClasses.js +0 -7
- package/FilledInput/index.js +0 -6
- package/FormControl/FormControl.js +19 -73
- package/FormControl/FormControlContext.js +0 -6
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControl/formControlClasses.js +0 -5
- package/FormControl/formControlState.js +0 -3
- package/FormControl/index.js +0 -7
- package/FormControl/useFormControl.js +0 -6
- package/FormControlLabel/FormControlLabel.js +12 -56
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormControlLabel/formControlLabelClasses.js +0 -5
- package/FormControlLabel/index.js +0 -6
- package/FormGroup/FormGroup.js +6 -31
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormGroup/formGroupClasses.js +0 -5
- package/FormGroup/index.js +0 -6
- package/FormHelperText/FormHelperText.js +7 -43
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormHelperText/formHelperTextClasses.js +0 -5
- package/FormHelperText/index.js +0 -6
- package/FormLabel/FormLabel.js +7 -41
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/FormLabel/formLabelClasses.js +0 -5
- package/FormLabel/index.js +0 -6
- package/GlobalStyles/GlobalStyles.js +1 -15
- package/GlobalStyles/index.js +0 -2
- package/Grid/Grid.js +41 -127
- package/Grid/GridContext.js +0 -6
- package/Grid/gridClasses.d.ts +48 -48
- package/Grid/gridClasses.js +8 -9
- package/Grid/index.js +0 -6
- package/Grow/Grow.js +22 -63
- package/Grow/index.js +0 -2
- package/Hidden/Hidden.js +14 -45
- package/Hidden/HiddenCss.js +6 -46
- package/Hidden/HiddenJs.js +4 -33
- package/Hidden/hiddenCssClasses.js +0 -5
- package/Hidden/index.js +0 -2
- package/Hidden/withWidth.js +17 -45
- package/Icon/Icon.js +12 -42
- package/Icon/iconClasses.d.ts +24 -24
- package/Icon/iconClasses.js +0 -5
- package/Icon/index.js +0 -6
- package/IconButton/IconButton.js +41 -74
- package/IconButton/iconButtonClasses.d.ts +26 -26
- package/IconButton/iconButtonClasses.js +0 -5
- package/IconButton/index.js +0 -6
- package/ImageList/ImageList.js +13 -47
- package/ImageList/ImageListContext.js +0 -6
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageList/imageListClasses.js +0 -5
- package/ImageList/index.js +0 -6
- package/ImageListItem/ImageListItem.js +11 -45
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItem/imageListItemClasses.js +0 -5
- package/ImageListItem/index.js +0 -6
- package/ImageListItemBar/ImageListItemBar.js +9 -37
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/ImageListItemBar/imageListItemBarClasses.js +0 -5
- package/ImageListItemBar/index.js +0 -6
- package/Input/Input.js +16 -73
- package/Input/index.js +0 -6
- package/Input/inputClasses.d.ts +34 -34
- package/Input/inputClasses.js +0 -7
- package/InputAdornment/InputAdornment.js +11 -49
- package/InputAdornment/index.js +0 -6
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputAdornment/inputAdornmentClasses.js +0 -5
- package/InputBase/InputBase.js +52 -151
- package/InputBase/index.js +0 -6
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputBase/inputBaseClasses.js +0 -5
- package/InputBase/utils.js +6 -7
- package/InputLabel/InputLabel.js +7 -46
- package/InputLabel/index.js +0 -6
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/InputLabel/inputLabelClasses.js +0 -5
- package/LinearProgress/LinearProgress.js +10 -52
- package/LinearProgress/index.js +0 -6
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/LinearProgress/linearProgressClasses.js +0 -5
- package/Link/Link.js +15 -61
- package/Link/getTextDecoration.d.ts +15 -15
- package/Link/getTextDecoration.js +0 -7
- package/Link/index.js +0 -6
- package/Link/linkClasses.d.ts +18 -18
- package/Link/linkClasses.js +0 -5
- package/List/List.js +9 -36
- package/List/ListContext.js +0 -6
- package/List/index.js +0 -6
- package/List/listClasses.d.ts +14 -14
- package/List/listClasses.js +0 -5
- package/ListItem/ListItem.js +38 -92
- package/ListItem/index.js +0 -6
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItem/listItemClasses.js +0 -5
- package/ListItemAvatar/ListItemAvatar.js +5 -28
- package/ListItemAvatar/index.js +0 -6
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemAvatar/listItemAvatarClasses.js +0 -5
- package/ListItemButton/ListItemButton.js +13 -52
- package/ListItemButton/index.js +0 -6
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemButton/listItemButtonClasses.js +0 -5
- package/ListItemIcon/ListItemIcon.js +5 -28
- package/ListItemIcon/index.js +0 -6
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemIcon/listItemIconClasses.js +0 -5
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -28
- package/ListItemSecondaryAction/index.js +0 -6
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.js +0 -5
- package/ListItemText/ListItemText.js +11 -44
- package/ListItemText/index.js +0 -6
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListItemText/listItemTextClasses.js +0 -5
- package/ListSubheader/ListSubheader.js +9 -37
- package/ListSubheader/index.js +0 -6
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/ListSubheader/listSubheaderClasses.js +0 -5
- package/Menu/Menu.js +22 -70
- package/Menu/index.js +0 -6
- package/Menu/menuClasses.d.ts +12 -12
- package/Menu/menuClasses.js +0 -5
- package/MenuItem/MenuItem.js +13 -59
- package/MenuItem/index.js +0 -6
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MenuItem/menuItemClasses.js +0 -5
- package/MenuList/MenuList.js +20 -80
- package/MenuList/index.js +0 -2
- package/MobileStepper/MobileStepper.js +11 -43
- package/MobileStepper/index.js +0 -6
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/MobileStepper/mobileStepperClasses.js +0 -5
- package/Modal/Modal.js +24 -70
- package/Modal/index.js +0 -6
- package/NativeSelect/NativeSelect.js +10 -43
- package/NativeSelect/NativeSelectInput.js +10 -41
- package/NativeSelect/index.js +0 -6
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/NativeSelect/nativeSelectClasses.js +0 -5
- package/NoSsr/index.js +0 -2
- package/OutlinedInput/NotchedOutline.js +6 -24
- package/OutlinedInput/OutlinedInput.js +12 -68
- package/OutlinedInput/index.js +0 -6
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/OutlinedInput/outlinedInputClasses.js +0 -7
- package/OverridableComponentAugmentation.d.ts +31 -31
- package/Pagination/Pagination.js +25 -73
- package/Pagination/index.js +0 -6
- package/Pagination/paginationClasses.d.ts +14 -14
- package/Pagination/paginationClasses.js +0 -5
- package/PaginationItem/PaginationItem.js +18 -66
- package/PaginationItem/index.js +0 -6
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/PaginationItem/paginationItemClasses.js +0 -5
- package/Paper/Paper.js +9 -50
- package/Paper/index.js +0 -6
- package/Paper/paperClasses.d.ts +39 -39
- package/Paper/paperClasses.js +0 -5
- package/Popover/Popover.js +55 -126
- package/Popover/index.js +0 -6
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popover/popoverClasses.js +0 -5
- package/Popper/Popper.d.ts +37 -37
- package/Popper/Popper.js +16 -60
- package/Popper/index.js +0 -2
- package/Portal/index.js +0 -2
- package/README.md +4 -3
- package/Radio/Radio.js +15 -67
- package/Radio/RadioButtonIcon.js +1 -15
- package/Radio/index.js +0 -6
- package/Radio/radioClasses.d.ts +16 -16
- package/Radio/radioClasses.js +0 -5
- package/RadioGroup/RadioGroup.js +11 -38
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/RadioGroupContext.js +0 -6
- package/RadioGroup/index.js +0 -3
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/RadioGroup/useRadioGroup.js +0 -6
- package/Rating/Rating.js +27 -114
- package/Rating/index.js +0 -6
- package/Rating/ratingClasses.d.ts +40 -40
- package/Rating/ratingClasses.js +0 -5
- package/ScopedCssBaseline/ScopedCssBaseline.js +5 -33
- package/ScopedCssBaseline/index.js +0 -6
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/ScopedCssBaseline/scopedCssBaselineClasses.js +0 -5
- package/Select/Select.js +24 -76
- package/Select/SelectInput.js +55 -154
- package/Select/index.js +0 -6
- package/Select/selectClasses.d.ts +30 -30
- package/Select/selectClasses.js +0 -5
- package/Skeleton/Skeleton.js +11 -43
- package/Skeleton/index.js +0 -6
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Skeleton/skeletonClasses.js +0 -5
- package/Slide/Slide.js +23 -83
- package/Slide/index.js +0 -2
- package/Slider/Slider.js +24 -107
- package/Slider/index.js +0 -4
- package/Snackbar/Snackbar.js +44 -107
- package/Snackbar/index.js +0 -6
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/Snackbar/snackbarClasses.js +0 -5
- package/SnackbarContent/SnackbarContent.js +8 -36
- package/SnackbarContent/index.js +0 -6
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SnackbarContent/snackbarContentClasses.js +0 -5
- package/SpeedDial/SpeedDial.js +44 -120
- package/SpeedDial/index.js +0 -6
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDial/speedDialClasses.js +0 -5
- package/SpeedDialAction/SpeedDialAction.js +13 -53
- package/SpeedDialAction/index.js +0 -6
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialAction/speedDialActionClasses.js +0 -5
- package/SpeedDialIcon/SpeedDialIcon.js +6 -34
- package/SpeedDialIcon/index.js +0 -6
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/SpeedDialIcon/speedDialIconClasses.js +0 -5
- package/Stack/Stack.js +8 -42
- package/Stack/index.js +0 -2
- package/Step/Step.js +12 -46
- package/Step/StepContext.d.ts +20 -20
- package/Step/StepContext.js +1 -8
- package/Step/index.js +0 -8
- package/Step/stepClasses.d.ts +16 -16
- package/Step/stepClasses.js +0 -5
- package/StepButton/StepButton.js +7 -36
- package/StepButton/index.js +0 -6
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepButton/stepButtonClasses.js +0 -5
- package/StepConnector/StepConnector.js +4 -29
- package/StepConnector/index.js +0 -6
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepConnector/stepConnectorClasses.js +0 -5
- package/StepContent/StepContent.js +8 -40
- package/StepContent/index.js +0 -6
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepContent/stepContentClasses.js +0 -5
- package/StepIcon/StepIcon.js +8 -42
- package/StepIcon/index.js +0 -6
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepIcon/stepIconClasses.js +0 -5
- package/StepLabel/StepLabel.js +12 -47
- package/StepLabel/index.js +0 -6
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/StepLabel/stepLabelClasses.js +0 -5
- package/Stepper/Stepper.js +11 -42
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/StepperContext.js +1 -8
- package/Stepper/index.js +0 -8
- package/Stepper/stepperClasses.d.ts +14 -14
- package/Stepper/stepperClasses.js +0 -5
- package/StyledEngineProvider/index.js +0 -1
- package/SvgIcon/SvgIcon.js +14 -52
- package/SvgIcon/index.js +0 -6
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- package/SvgIcon/svgIconClasses.js +0 -5
- package/SwipeableDrawer/SwipeArea.js +8 -26
- package/SwipeableDrawer/SwipeableDrawer.js +61 -146
- package/SwipeableDrawer/index.js +0 -2
- package/Switch/Switch.js +10 -54
- package/Switch/index.js +0 -6
- package/Switch/switchClasses.d.ts +32 -32
- package/Switch/switchClasses.js +0 -5
- package/Tab/Tab.js +24 -65
- package/Tab/index.js +0 -6
- package/Tab/tabClasses.d.ts +26 -26
- package/Tab/tabClasses.js +0 -5
- package/TabScrollButton/TabScrollButton.js +5 -35
- package/TabScrollButton/index.js +0 -6
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/TabScrollButton/tabScrollButtonClasses.js +0 -5
- package/Table/Table.js +9 -38
- package/Table/TableContext.js +0 -6
- package/Table/Tablelvl2Context.js +0 -6
- package/Table/index.js +0 -6
- package/Table/tableClasses.d.ts +10 -10
- package/Table/tableClasses.js +0 -5
- package/TableBody/TableBody.js +5 -29
- package/TableBody/index.js +0 -6
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableBody/tableBodyClasses.js +0 -5
- package/TableCell/TableCell.js +14 -57
- package/TableCell/index.js +0 -6
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableCell/tableCellClasses.js +0 -5
- package/TableContainer/TableContainer.js +5 -28
- package/TableContainer/index.js +0 -6
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableContainer/tableContainerClasses.js +0 -5
- package/TableFooter/TableFooter.js +5 -29
- package/TableFooter/index.js +0 -6
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableFooter/tableFooterClasses.js +0 -5
- package/TableHead/TableHead.js +5 -29
- package/TableHead/index.js +0 -6
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TableHead/tableHeadClasses.js +0 -5
- package/TablePagination/TablePagination.js +23 -81
- package/TablePagination/TablePaginationActions.js +11 -41
- package/TablePagination/index.js +0 -6
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TablePagination/tablePaginationClasses.js +0 -5
- package/TableRow/TableRow.js +7 -35
- package/TableRow/index.js +0 -6
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableRow/tableRowClasses.js +0 -5
- package/TableSortLabel/TableSortLabel.js +10 -39
- package/TableSortLabel/index.js +0 -6
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/TableSortLabel/tableSortLabelClasses.js +0 -5
- package/Tabs/ScrollbarSize.js +4 -20
- package/Tabs/Tabs.js +42 -157
- package/Tabs/index.js +0 -6
- package/Tabs/tabsClasses.d.ts +32 -32
- package/Tabs/tabsClasses.js +0 -5
- package/TextField/TextField.js +39 -115
- package/TextField/index.js +0 -6
- package/TextField/textFieldClasses.d.ts +8 -8
- package/TextField/textFieldClasses.js +0 -5
- package/TextareaAutosize/index.js +0 -2
- package/ToggleButton/ToggleButton.js +17 -64
- package/ToggleButton/index.js +0 -6
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButton/toggleButtonClasses.js +0 -5
- package/ToggleButtonGroup/ToggleButtonGroup.js +15 -61
- package/ToggleButtonGroup/index.js +0 -6
- package/ToggleButtonGroup/isValueSelected.js +0 -3
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +0 -5
- package/Toolbar/Toolbar.js +8 -35
- package/Toolbar/index.js +0 -6
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Toolbar/toolbarClasses.js +0 -5
- package/Tooltip/Tooltip.js +50 -159
- package/Tooltip/index.js +0 -6
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Tooltip/tooltipClasses.js +0 -5
- package/Typography/Typography.js +15 -51
- package/Typography/index.js +0 -6
- package/Typography/typographyClasses.d.ts +50 -50
- package/Typography/typographyClasses.js +0 -5
- package/Unstable_Grid2/Grid2.d.ts +4 -4
- package/Unstable_Grid2/Grid2.js +1 -10
- package/Unstable_Grid2/Grid2Props.d.ts +15 -15
- package/Unstable_Grid2/grid2Classes.d.ts +5 -5
- package/Unstable_Grid2/grid2Classes.js +8 -9
- package/Unstable_Grid2/index.d.ts +4 -4
- package/Unstable_Grid2/index.js +0 -8
- package/Unstable_TrapFocus/index.js +0 -2
- package/Zoom/Zoom.js +21 -56
- package/Zoom/index.js +0 -2
- package/className/index.d.ts +1 -1
- package/className/index.js +0 -1
- package/colors/index.js +0 -21
- package/darkScrollbar/index.d.ts +28 -28
- package/darkScrollbar/index.js +0 -1
- package/esm/Accordion/Accordion.js +13 -37
- package/esm/Accordion/AccordionContext.js +1 -3
- package/esm/AccordionActions/AccordionActions.js +5 -17
- package/esm/AccordionDetails/AccordionDetails.js +4 -14
- package/esm/AccordionSummary/AccordionSummary.js +8 -25
- package/esm/Alert/Alert.js +20 -49
- package/esm/AlertTitle/AlertTitle.js +4 -14
- package/esm/AppBar/AppBar.js +11 -27
- package/esm/Autocomplete/Autocomplete.js +60 -149
- package/esm/Avatar/Avatar.js +16 -48
- package/esm/AvatarGroup/AvatarGroup.js +13 -39
- package/esm/Backdrop/Backdrop.js +15 -35
- package/esm/Badge/Badge.js +24 -57
- package/esm/Badge/badgeClasses.js +2 -1
- package/esm/BottomNavigation/BottomNavigation.js +9 -26
- package/esm/BottomNavigationAction/BottomNavigationAction.js +9 -28
- package/esm/Box/Box.js +1 -6
- package/esm/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
- package/esm/Breadcrumbs/Breadcrumbs.js +17 -43
- package/esm/Button/Button.js +22 -57
- package/esm/ButtonBase/ButtonBase.js +39 -110
- package/esm/ButtonBase/Ripple.js +1 -13
- package/esm/ButtonBase/TouchRipple.js +30 -39
- package/esm/ButtonGroup/ButtonGroup.js +18 -46
- package/esm/ButtonGroup/ButtonGroupContext.js +0 -3
- package/esm/Card/Card.js +5 -18
- package/esm/CardActionArea/CardActionArea.js +6 -17
- package/esm/CardActions/CardActions.js +5 -17
- package/esm/CardContent/CardContent.js +5 -17
- package/esm/CardHeader/CardHeader.js +12 -35
- package/esm/CardMedia/CardMedia.js +9 -26
- package/esm/Checkbox/Checkbox.js +13 -49
- package/esm/Chip/Chip.js +22 -70
- package/esm/CircularProgress/CircularProgress.js +18 -43
- package/esm/Collapse/Collapse.js +24 -66
- package/esm/Container/Container.js +2 -13
- package/esm/CssBaseline/CssBaseline.js +2 -14
- package/esm/Dialog/Dialog.js +24 -61
- package/esm/Dialog/DialogContext.js +0 -2
- package/esm/DialogActions/DialogActions.js +5 -17
- package/esm/DialogContent/DialogContent.js +5 -17
- package/esm/DialogContentText/DialogContentText.js +4 -14
- package/esm/DialogTitle/DialogTitle.js +5 -16
- package/esm/Divider/Divider.js +15 -38
- package/esm/Drawer/Drawer.js +27 -54
- package/esm/Fab/Fab.js +15 -42
- package/esm/Fade/Fade.js +21 -43
- package/esm/FilledInput/FilledInput.js +16 -60
- package/esm/FilledInput/filledInputClasses.js +0 -2
- package/esm/FormControl/FormControl.js +19 -58
- package/esm/FormControl/FormControlContext.js +1 -3
- package/esm/FormControl/formControlState.js +0 -2
- package/esm/FormControlLabel/FormControlLabel.js +12 -41
- package/esm/FormGroup/FormGroup.js +6 -19
- package/esm/FormHelperText/FormHelperText.js +7 -31
- package/esm/FormLabel/FormLabel.js +7 -28
- package/esm/GlobalStyles/GlobalStyles.js +1 -6
- package/esm/Grid/Grid.js +41 -109
- package/esm/Grid/GridContext.js +1 -3
- package/esm/Grid/gridClasses.js +8 -4
- package/esm/Grow/Grow.js +22 -50
- package/esm/Hidden/Hidden.js +15 -35
- package/esm/Hidden/HiddenCss.js +6 -33
- package/esm/Hidden/HiddenJs.js +5 -24
- package/esm/Hidden/withWidth.js +17 -29
- package/esm/Icon/Icon.js +12 -30
- package/esm/IconButton/IconButton.js +41 -59
- package/esm/ImageList/ImageList.js +13 -35
- package/esm/ImageList/ImageListContext.js +1 -3
- package/esm/ImageListItem/ImageListItem.js +11 -29
- package/esm/ImageListItemBar/ImageListItemBar.js +9 -25
- package/esm/Input/Input.js +16 -59
- package/esm/Input/inputClasses.js +0 -2
- package/esm/InputAdornment/InputAdornment.js +11 -35
- package/esm/InputBase/InputBase.js +52 -132
- package/esm/InputBase/utils.js +6 -4
- package/esm/InputLabel/InputLabel.js +7 -33
- package/esm/LinearProgress/LinearProgress.js +16 -45
- package/esm/Link/Link.js +15 -44
- package/esm/Link/getTextDecoration.js +0 -5
- package/esm/List/List.js +9 -25
- package/esm/List/ListContext.js +1 -3
- package/esm/ListItem/ListItem.js +38 -73
- package/esm/ListItemAvatar/ListItemAvatar.js +5 -17
- package/esm/ListItemButton/ListItemButton.js +13 -35
- package/esm/ListItemIcon/ListItemIcon.js +5 -17
- package/esm/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -17
- package/esm/ListItemText/ListItemText.js +11 -32
- package/esm/ListSubheader/ListSubheader.js +9 -25
- package/esm/Menu/Menu.js +22 -53
- package/esm/MenuItem/MenuItem.js +13 -39
- package/esm/MenuList/MenuList.js +20 -66
- package/esm/MobileStepper/MobileStepper.js +11 -28
- package/esm/Modal/Modal.js +24 -58
- package/esm/NativeSelect/NativeSelect.js +10 -32
- package/esm/NativeSelect/NativeSelectInput.js +10 -25
- package/esm/OutlinedInput/NotchedOutline.js +6 -16
- package/esm/OutlinedInput/OutlinedInput.js +12 -54
- package/esm/OutlinedInput/outlinedInputClasses.js +0 -2
- package/esm/Pagination/Pagination.js +25 -60
- package/esm/PaginationItem/PaginationItem.js +18 -47
- package/esm/Paper/Paper.js +11 -35
- package/esm/Popover/Popover.js +54 -105
- package/esm/Popper/Popper.js +16 -46
- package/esm/Radio/Radio.js +15 -51
- package/esm/Radio/RadioButtonIcon.js +1 -6
- package/esm/RadioGroup/RadioGroup.js +11 -24
- package/esm/RadioGroup/RadioGroupContext.js +0 -3
- package/esm/Rating/Rating.js +27 -103
- package/esm/ScopedCssBaseline/ScopedCssBaseline.js +5 -21
- package/esm/Select/Select.js +24 -59
- package/esm/Select/SelectInput.js +55 -135
- package/esm/Skeleton/Skeleton.js +15 -36
- package/esm/Slide/Slide.js +26 -70
- package/esm/Slider/Slider.js +24 -91
- package/esm/Snackbar/Snackbar.js +44 -90
- package/esm/SnackbarContent/SnackbarContent.js +8 -22
- package/esm/SpeedDial/SpeedDial.js +44 -103
- package/esm/SpeedDialAction/SpeedDialAction.js +13 -39
- package/esm/SpeedDialIcon/SpeedDialIcon.js +6 -21
- package/esm/Stack/Stack.js +9 -31
- package/esm/Step/Step.js +12 -35
- package/esm/Step/StepContext.js +1 -4
- package/esm/StepButton/StepButton.js +7 -21
- package/esm/StepConnector/StepConnector.js +4 -16
- package/esm/StepContent/StepContent.js +8 -27
- package/esm/StepIcon/StepIcon.js +8 -29
- package/esm/StepLabel/StepLabel.js +12 -33
- package/esm/Stepper/Stepper.js +11 -30
- package/esm/Stepper/StepperContext.js +1 -4
- package/esm/SvgIcon/SvgIcon.js +14 -40
- package/esm/SwipeableDrawer/SwipeArea.js +8 -13
- package/esm/SwipeableDrawer/SwipeableDrawer.js +64 -128
- package/esm/Switch/Switch.js +10 -41
- package/esm/Tab/Tab.js +24 -51
- package/esm/TabScrollButton/TabScrollButton.js +5 -23
- package/esm/Table/Table.js +9 -26
- package/esm/Table/TableContext.js +1 -3
- package/esm/Table/Tablelvl2Context.js +1 -3
- package/esm/TableBody/TableBody.js +5 -17
- package/esm/TableCell/TableCell.js +14 -43
- package/esm/TableContainer/TableContainer.js +5 -17
- package/esm/TableFooter/TableFooter.js +5 -17
- package/esm/TableHead/TableHead.js +5 -17
- package/esm/TablePagination/TablePagination.js +23 -61
- package/esm/TablePagination/TablePaginationActions.js +12 -28
- package/esm/TableRow/TableRow.js +7 -23
- package/esm/TableSortLabel/TableSortLabel.js +10 -25
- package/esm/Tabs/ScrollbarSize.js +4 -8
- package/esm/Tabs/Tabs.js +42 -138
- package/esm/TextField/TextField.js +39 -97
- package/esm/ToggleButton/ToggleButton.js +17 -50
- package/esm/ToggleButtonGroup/ToggleButtonGroup.js +15 -47
- package/esm/ToggleButtonGroup/isValueSelected.js +0 -2
- package/esm/Toolbar/Toolbar.js +8 -24
- package/esm/Tooltip/Tooltip.js +50 -137
- package/esm/Typography/Typography.js +15 -38
- package/esm/Unstable_Grid2/Grid2.js +1 -5
- package/esm/Unstable_Grid2/grid2Classes.js +8 -4
- package/esm/Zoom/Zoom.js +21 -43
- package/esm/index.js +2 -1
- package/esm/internal/SwitchBase.js +27 -63
- package/esm/internal/animate.js +0 -10
- package/esm/internal/svg-icons/Add.js +1 -1
- package/esm/internal/svg-icons/ArrowDownward.js +1 -1
- package/esm/internal/svg-icons/ArrowDropDown.js +1 -1
- package/esm/internal/svg-icons/Cancel.js +1 -1
- package/esm/internal/svg-icons/CheckBox.js +1 -1
- package/esm/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
- package/esm/internal/svg-icons/CheckCircle.js +1 -1
- package/esm/internal/svg-icons/Close.js +1 -1
- package/esm/internal/svg-icons/ErrorOutline.js +1 -1
- package/esm/internal/svg-icons/FirstPage.js +1 -1
- package/esm/internal/svg-icons/IndeterminateCheckBox.js +1 -1
- package/esm/internal/svg-icons/InfoOutlined.js +1 -1
- package/esm/internal/svg-icons/KeyboardArrowLeft.js +1 -1
- package/esm/internal/svg-icons/KeyboardArrowRight.js +1 -1
- package/esm/internal/svg-icons/LastPage.js +1 -1
- package/esm/internal/svg-icons/MoreHoriz.js +1 -1
- package/esm/internal/svg-icons/NavigateBefore.js +1 -1
- package/esm/internal/svg-icons/NavigateNext.js +1 -1
- package/esm/internal/svg-icons/Person.js +1 -1
- package/esm/internal/svg-icons/RadioButtonChecked.js +1 -1
- package/esm/internal/svg-icons/RadioButtonUnchecked.js +1 -1
- package/esm/internal/svg-icons/ReportProblemOutlined.js +1 -1
- package/esm/internal/svg-icons/Star.js +1 -1
- package/esm/internal/svg-icons/StarBorder.js +1 -1
- package/esm/internal/svg-icons/SuccessOutlined.js +1 -1
- package/esm/internal/svg-icons/Warning.js +1 -1
- package/esm/locale/index.js +217 -510
- package/esm/styles/CssVarsProvider.js +0 -4
- package/esm/styles/adaptV4Theme.js +21 -22
- package/esm/styles/createPalette.js +8 -36
- package/esm/styles/createStyles.js +2 -2
- package/esm/styles/createTheme.js +10 -21
- package/esm/styles/createTransitions.js +12 -25
- package/esm/styles/createTypography.js +18 -27
- package/esm/styles/cssUtils.js +18 -18
- package/esm/styles/excludeVariablesFromRoot.js +0 -1
- package/esm/styles/experimental_extendTheme.js +22 -37
- package/esm/styles/index.js +2 -2
- package/esm/styles/responsiveFontSizes.js +3 -11
- package/esm/styles/shadows.js +2 -3
- package/esm/styles/useTheme.js +0 -2
- package/esm/transitions/utils.js +0 -1
- package/esm/useMediaQuery/useMediaQuery.js +12 -23
- package/esm/useMediaQuery/useMediaQueryTheme.js +2 -1
- package/esm/usePagination/usePagination.js +41 -38
- package/esm/useScrollTrigger/useScrollTrigger.js +6 -13
- package/esm/useTouchRipple/useTouchRipple.js +0 -9
- package/esm/utils/createSvgIcon.js +1 -3
- package/esm/utils/index.js +2 -2
- package/esm/utils/shouldSpreadAdditionalProps.js +0 -2
- package/generateUtilityClass/index.d.ts +2 -2
- package/generateUtilityClass/index.js +0 -1
- package/generateUtilityClasses/index.d.ts +1 -1
- package/generateUtilityClasses/index.js +0 -1
- package/index.js +1 -282
- package/internal/SwitchBase.js +27 -78
- package/internal/animate.js +0 -11
- package/internal/svg-icons/Add.js +0 -7
- package/internal/svg-icons/ArrowDownward.js +0 -8
- package/internal/svg-icons/ArrowDropDown.js +0 -8
- package/internal/svg-icons/Cancel.js +0 -8
- package/internal/svg-icons/CheckBox.js +0 -8
- package/internal/svg-icons/CheckBoxOutlineBlank.js +0 -8
- package/internal/svg-icons/CheckCircle.js +0 -8
- package/internal/svg-icons/Close.js +0 -8
- package/internal/svg-icons/ErrorOutline.js +0 -8
- package/internal/svg-icons/FirstPage.js +0 -8
- package/internal/svg-icons/IndeterminateCheckBox.js +0 -8
- package/internal/svg-icons/InfoOutlined.js +0 -8
- package/internal/svg-icons/KeyboardArrowLeft.js +0 -8
- package/internal/svg-icons/KeyboardArrowRight.js +0 -8
- package/internal/svg-icons/LastPage.js +0 -8
- package/internal/svg-icons/MoreHoriz.js +0 -8
- package/internal/svg-icons/NavigateBefore.js +0 -8
- package/internal/svg-icons/NavigateNext.js +0 -8
- package/internal/svg-icons/Person.js +0 -8
- package/internal/svg-icons/RadioButtonChecked.js +0 -8
- package/internal/svg-icons/RadioButtonUnchecked.js +0 -8
- package/internal/svg-icons/ReportProblemOutlined.js +0 -8
- package/internal/svg-icons/Star.js +0 -8
- package/internal/svg-icons/StarBorder.js +0 -8
- package/internal/svg-icons/SuccessOutlined.js +0 -8
- package/internal/svg-icons/Warning.js +0 -8
- package/internal/switchBaseClasses.d.ts +12 -12
- package/internal/switchBaseClasses.js +0 -5
- package/legacy/Accordion/Accordion.js +32 -60
- package/legacy/Accordion/AccordionContext.js +1 -3
- package/legacy/AccordionActions/AccordionActions.js +5 -17
- package/legacy/AccordionDetails/AccordionDetails.js +2 -12
- package/legacy/AccordionSummary/AccordionSummary.js +16 -34
- package/legacy/Alert/Alert.js +31 -60
- package/legacy/AlertTitle/AlertTitle.js +2 -12
- package/legacy/AppBar/AppBar.js +15 -31
- package/legacy/Autocomplete/Autocomplete.js +146 -238
- package/legacy/Avatar/Avatar.js +24 -58
- package/legacy/AvatarGroup/AvatarGroup.js +17 -44
- package/legacy/Backdrop/Backdrop.js +20 -40
- package/legacy/Badge/Badge.js +46 -79
- package/legacy/Badge/badgeClasses.js +2 -1
- package/legacy/BottomNavigation/BottomNavigation.js +9 -26
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +13 -32
- package/legacy/Box/Box.js +1 -6
- package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
- package/legacy/Breadcrumbs/Breadcrumbs.js +23 -49
- package/legacy/Button/Button.js +34 -70
- package/legacy/ButtonBase/ButtonBase.js +56 -134
- package/legacy/ButtonBase/Ripple.js +12 -26
- package/legacy/ButtonBase/TouchRipple.js +39 -49
- package/legacy/ButtonGroup/ButtonGroup.js +33 -61
- package/legacy/ButtonGroup/ButtonGroupContext.js +0 -3
- package/legacy/Card/Card.js +4 -17
- package/legacy/CardActionArea/CardActionArea.js +4 -16
- package/legacy/CardActions/CardActions.js +5 -17
- package/legacy/CardContent/CardContent.js +4 -16
- package/legacy/CardHeader/CardHeader.js +12 -36
- package/legacy/CardMedia/CardMedia.js +11 -28
- package/legacy/Checkbox/Checkbox.js +20 -57
- package/legacy/Chip/Chip.js +39 -90
- package/legacy/CircularProgress/CircularProgress.js +23 -48
- package/legacy/Collapse/Collapse.js +43 -86
- package/legacy/Container/Container.js +2 -13
- package/legacy/CssBaseline/CssBaseline.js +6 -22
- package/legacy/Dialog/Dialog.js +36 -73
- package/legacy/Dialog/DialogContext.js +0 -2
- package/legacy/DialogActions/DialogActions.js +5 -17
- package/legacy/DialogContent/DialogContent.js +6 -18
- package/legacy/DialogContentText/DialogContentText.js +3 -13
- package/legacy/DialogTitle/DialogTitle.js +5 -18
- package/legacy/Divider/Divider.js +32 -55
- package/legacy/Drawer/Drawer.js +30 -59
- package/legacy/Fab/Fab.js +24 -51
- package/legacy/Fade/Fade.js +21 -43
- package/legacy/FilledInput/FilledInput.js +21 -68
- package/legacy/FilledInput/filledInputClasses.js +0 -2
- package/legacy/FormControl/FormControl.js +66 -108
- package/legacy/FormControl/FormControlContext.js +1 -3
- package/legacy/FormControl/formControlState.js +2 -4
- package/legacy/FormControlLabel/FormControlLabel.js +22 -51
- package/legacy/FormGroup/FormGroup.js +7 -20
- package/legacy/FormHelperText/FormHelperText.js +21 -46
- package/legacy/FormLabel/FormLabel.js +19 -41
- package/legacy/GlobalStyles/GlobalStyles.js +1 -6
- package/legacy/Grid/Grid.js +68 -139
- package/legacy/Grid/GridContext.js +1 -3
- package/legacy/Grow/Grow.js +40 -71
- package/legacy/Hidden/Hidden.js +24 -44
- package/legacy/Hidden/HiddenCss.js +8 -36
- package/legacy/Hidden/HiddenJs.js +7 -26
- package/legacy/Hidden/withWidth.js +21 -36
- package/legacy/Icon/Icon.js +17 -35
- package/legacy/IconButton/IconButton.js +29 -49
- package/legacy/ImageList/ImageList.js +17 -39
- package/legacy/ImageList/ImageListContext.js +1 -3
- package/legacy/ImageListItem/ImageListItem.js +17 -36
- package/legacy/ImageListItemBar/ImageListItemBar.js +14 -30
- package/legacy/Input/Input.js +19 -66
- package/legacy/Input/inputClasses.js +0 -2
- package/legacy/InputAdornment/InputAdornment.js +18 -42
- package/legacy/InputBase/InputBase.js +79 -167
- package/legacy/InputBase/utils.js +6 -4
- package/legacy/InputLabel/InputLabel.js +15 -41
- package/legacy/LinearProgress/LinearProgress.js +16 -45
- package/legacy/Link/Link.js +26 -58
- package/legacy/Link/getTextDecoration.js +1 -6
- package/legacy/List/List.js +13 -29
- package/legacy/List/ListContext.js +1 -3
- package/legacy/ListItem/ListItem.js +57 -93
- package/legacy/ListItemAvatar/ListItemAvatar.js +4 -16
- package/legacy/ListItemButton/ListItemButton.js +25 -48
- package/legacy/ListItemIcon/ListItemIcon.js +5 -17
- package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -16
- package/legacy/ListItemText/ListItemText.js +16 -38
- package/legacy/ListSubheader/ListSubheader.js +17 -33
- package/legacy/Menu/Menu.js +23 -54
- package/legacy/MenuItem/MenuItem.js +23 -50
- package/legacy/MenuList/MenuList.js +21 -67
- package/legacy/MobileStepper/MobileStepper.js +16 -33
- package/legacy/Modal/Modal.js +36 -71
- package/legacy/NativeSelect/NativeSelect.js +12 -34
- package/legacy/NativeSelect/NativeSelectInput.js +15 -31
- package/legacy/OutlinedInput/NotchedOutline.js +7 -17
- package/legacy/OutlinedInput/OutlinedInput.js +18 -61
- package/legacy/OutlinedInput/outlinedInputClasses.js +0 -2
- package/legacy/Pagination/Pagination.js +46 -81
- package/legacy/PaginationItem/PaginationItem.js +36 -66
- package/legacy/Paper/Paper.js +18 -42
- package/legacy/Popover/Popover.js +59 -115
- package/legacy/Popper/Popper.js +14 -44
- package/legacy/Radio/Radio.js +19 -55
- package/legacy/Radio/RadioButtonIcon.js +6 -11
- package/legacy/RadioGroup/RadioGroup.js +14 -27
- package/legacy/RadioGroup/RadioGroupContext.js +0 -3
- package/legacy/Rating/Rating.js +89 -175
- package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +8 -25
- package/legacy/Select/Select.js +30 -65
- package/legacy/Select/SelectInput.js +78 -165
- package/legacy/Skeleton/Skeleton.js +19 -40
- package/legacy/Slide/Slide.js +28 -72
- package/legacy/Slider/Slider.js +37 -107
- package/legacy/Snackbar/Snackbar.js +42 -90
- package/legacy/SnackbarContent/SnackbarContent.js +7 -21
- package/legacy/SpeedDial/SpeedDial.js +51 -111
- package/legacy/SpeedDialAction/SpeedDialAction.js +21 -48
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +8 -24
- package/legacy/Stack/Stack.js +11 -34
- package/legacy/Step/Step.js +25 -49
- package/legacy/Step/StepContext.js +1 -4
- package/legacy/StepButton/StepButton.js +8 -23
- package/legacy/StepConnector/StepConnector.js +14 -27
- package/legacy/StepContent/StepContent.js +14 -34
- package/legacy/StepIcon/StepIcon.js +12 -34
- package/legacy/StepLabel/StepLabel.js +25 -50
- package/legacy/Stepper/Stepper.js +17 -36
- package/legacy/Stepper/StepperContext.js +1 -4
- package/legacy/SvgIcon/SvgIcon.js +20 -46
- package/legacy/SwipeableDrawer/SwipeArea.js +8 -13
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +77 -142
- package/legacy/Switch/Switch.js +17 -51
- package/legacy/Tab/Tab.js +30 -58
- package/legacy/TabScrollButton/TabScrollButton.js +7 -24
- package/legacy/Table/Table.js +13 -30
- package/legacy/Table/TableContext.js +1 -3
- package/legacy/Table/Tablelvl2Context.js +1 -3
- package/legacy/TableBody/TableBody.js +4 -16
- package/legacy/TableCell/TableCell.js +19 -48
- package/legacy/TableContainer/TableContainer.js +4 -16
- package/legacy/TableFooter/TableFooter.js +4 -16
- package/legacy/TableHead/TableHead.js +4 -16
- package/legacy/TablePagination/TablePagination.js +34 -74
- package/legacy/TablePagination/TablePaginationActions.js +10 -26
- package/legacy/TableRow/TableRow.js +12 -29
- package/legacy/TableSortLabel/TableSortLabel.js +15 -30
- package/legacy/Tabs/ScrollbarSize.js +2 -6
- package/legacy/Tabs/Tabs.js +85 -189
- package/legacy/TextField/TextField.js +46 -104
- package/legacy/ToggleButton/ToggleButton.js +26 -60
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +23 -55
- package/legacy/ToggleButtonGroup/isValueSelected.js +0 -2
- package/legacy/Toolbar/Toolbar.js +13 -29
- package/legacy/Tooltip/Tooltip.js +89 -188
- package/legacy/Typography/Typography.js +25 -48
- package/legacy/Unstable_Grid2/Grid2.js +1 -5
- package/legacy/Zoom/Zoom.js +21 -43
- package/legacy/index.js +3 -2
- package/legacy/internal/SwitchBase.js +38 -75
- package/legacy/internal/animate.js +3 -12
- package/legacy/internal/svg-icons/Add.js +1 -1
- package/legacy/internal/svg-icons/ArrowDownward.js +1 -1
- package/legacy/internal/svg-icons/ArrowDropDown.js +1 -1
- package/legacy/internal/svg-icons/Cancel.js +1 -1
- package/legacy/internal/svg-icons/CheckBox.js +1 -1
- package/legacy/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
- package/legacy/internal/svg-icons/CheckCircle.js +1 -1
- package/legacy/internal/svg-icons/Close.js +1 -1
- package/legacy/internal/svg-icons/ErrorOutline.js +1 -1
- package/legacy/internal/svg-icons/FirstPage.js +1 -1
- package/legacy/internal/svg-icons/IndeterminateCheckBox.js +1 -1
- package/legacy/internal/svg-icons/InfoOutlined.js +1 -1
- package/legacy/internal/svg-icons/KeyboardArrowLeft.js +1 -1
- package/legacy/internal/svg-icons/KeyboardArrowRight.js +1 -1
- package/legacy/internal/svg-icons/LastPage.js +1 -1
- package/legacy/internal/svg-icons/MoreHoriz.js +1 -1
- package/legacy/internal/svg-icons/NavigateBefore.js +1 -1
- package/legacy/internal/svg-icons/NavigateNext.js +1 -1
- package/legacy/internal/svg-icons/Person.js +1 -1
- package/legacy/internal/svg-icons/RadioButtonChecked.js +1 -1
- package/legacy/internal/svg-icons/RadioButtonUnchecked.js +1 -1
- package/legacy/internal/svg-icons/ReportProblemOutlined.js +1 -1
- package/legacy/internal/svg-icons/Star.js +1 -1
- package/legacy/internal/svg-icons/StarBorder.js +1 -1
- package/legacy/internal/svg-icons/SuccessOutlined.js +1 -1
- package/legacy/internal/svg-icons/Warning.js +1 -1
- package/legacy/locale/index.js +293 -586
- package/legacy/styles/CssVarsProvider.js +20 -26
- package/legacy/styles/adaptV4Theme.js +22 -23
- package/legacy/styles/createMixins.js +0 -1
- package/legacy/styles/createMuiStrictModeTheme.js +0 -1
- package/legacy/styles/createPalette.js +16 -50
- package/legacy/styles/createStyles.js +2 -2
- package/legacy/styles/createTheme.js +15 -29
- package/legacy/styles/createTransitions.js +13 -27
- package/legacy/styles/createTypography.js +18 -27
- package/legacy/styles/cssUtils.js +29 -31
- package/legacy/styles/excludeVariablesFromRoot.js +0 -2
- package/legacy/styles/experimental_extendTheme.js +24 -45
- package/legacy/styles/index.js +2 -2
- package/legacy/styles/responsiveFontSizes.js +10 -18
- package/legacy/styles/shadows.js +2 -3
- package/legacy/styles/useTheme.js +0 -2
- package/legacy/styles/useThemeProps.js +1 -1
- package/legacy/transitions/utils.js +3 -4
- package/legacy/useMediaQuery/useMediaQuery.js +51 -68
- package/legacy/useMediaQuery/useMediaQueryTheme.js +2 -1
- package/legacy/usePagination/usePagination.js +51 -52
- package/legacy/useScrollTrigger/useScrollTrigger.js +14 -24
- package/legacy/useTouchRipple/useTouchRipple.js +7 -18
- package/legacy/utils/createSvgIcon.js +1 -3
- package/legacy/utils/index.js +2 -2
- package/legacy/utils/shouldSpreadAdditionalProps.js +0 -2
- package/locale/index.d.ts +72 -72
- package/locale/index.js +213 -510
- package/modern/Accordion/Accordion.js +13 -37
- package/modern/Accordion/AccordionContext.js +1 -3
- package/modern/AccordionActions/AccordionActions.js +5 -17
- package/modern/AccordionDetails/AccordionDetails.js +4 -14
- package/modern/AccordionSummary/AccordionSummary.js +8 -25
- package/modern/Alert/Alert.js +20 -48
- package/modern/AlertTitle/AlertTitle.js +4 -14
- package/modern/AppBar/AppBar.js +11 -27
- package/modern/Autocomplete/Autocomplete.js +57 -144
- package/modern/Avatar/Avatar.js +16 -48
- package/modern/AvatarGroup/AvatarGroup.js +13 -38
- package/modern/Backdrop/Backdrop.js +15 -34
- package/modern/Badge/Badge.js +24 -56
- package/modern/Badge/badgeClasses.js +2 -1
- package/modern/BottomNavigation/BottomNavigation.js +9 -26
- package/modern/BottomNavigationAction/BottomNavigationAction.js +9 -28
- package/modern/Box/Box.js +1 -6
- package/modern/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
- package/modern/Breadcrumbs/Breadcrumbs.js +17 -43
- package/modern/Button/Button.js +22 -56
- package/modern/ButtonBase/ButtonBase.js +39 -110
- package/modern/ButtonBase/Ripple.js +1 -13
- package/modern/ButtonBase/TouchRipple.js +26 -33
- package/modern/ButtonGroup/ButtonGroup.js +18 -46
- package/modern/ButtonGroup/ButtonGroupContext.js +0 -3
- package/modern/Card/Card.js +5 -18
- package/modern/CardActionArea/CardActionArea.js +6 -17
- package/modern/CardActions/CardActions.js +5 -17
- package/modern/CardContent/CardContent.js +5 -17
- package/modern/CardHeader/CardHeader.js +12 -35
- package/modern/CardMedia/CardMedia.js +9 -26
- package/modern/Checkbox/Checkbox.js +13 -48
- package/modern/Chip/Chip.js +22 -70
- package/modern/CircularProgress/CircularProgress.js +14 -37
- package/modern/Collapse/Collapse.js +24 -66
- package/modern/Container/Container.js +2 -13
- package/modern/CssBaseline/CssBaseline.js +2 -12
- package/modern/Dialog/Dialog.js +24 -61
- package/modern/Dialog/DialogContext.js +0 -2
- package/modern/DialogActions/DialogActions.js +5 -17
- package/modern/DialogContent/DialogContent.js +5 -17
- package/modern/DialogContentText/DialogContentText.js +4 -14
- package/modern/DialogTitle/DialogTitle.js +5 -16
- package/modern/Divider/Divider.js +15 -38
- package/modern/Drawer/Drawer.js +27 -54
- package/modern/Fab/Fab.js +15 -41
- package/modern/Fade/Fade.js +21 -43
- package/modern/FilledInput/FilledInput.js +16 -58
- package/modern/FilledInput/filledInputClasses.js +0 -2
- package/modern/FormControl/FormControl.js +19 -58
- package/modern/FormControl/FormControlContext.js +1 -3
- package/modern/FormControl/formControlState.js +0 -2
- package/modern/FormControlLabel/FormControlLabel.js +12 -40
- package/modern/FormGroup/FormGroup.js +6 -19
- package/modern/FormHelperText/FormHelperText.js +7 -31
- package/modern/FormLabel/FormLabel.js +7 -28
- package/modern/GlobalStyles/GlobalStyles.js +1 -6
- package/modern/Grid/Grid.js +41 -107
- package/modern/Grid/GridContext.js +1 -3
- package/modern/Grid/gridClasses.js +8 -4
- package/modern/Grow/Grow.js +22 -50
- package/modern/Hidden/Hidden.js +15 -35
- package/modern/Hidden/HiddenCss.js +6 -33
- package/modern/Hidden/HiddenJs.js +5 -24
- package/modern/Hidden/withWidth.js +17 -29
- package/modern/Icon/Icon.js +12 -30
- package/modern/IconButton/IconButton.js +40 -59
- package/modern/ImageList/ImageList.js +13 -35
- package/modern/ImageList/ImageListContext.js +1 -3
- package/modern/ImageListItem/ImageListItem.js +11 -29
- package/modern/ImageListItemBar/ImageListItemBar.js +9 -25
- package/modern/Input/Input.js +16 -58
- package/modern/Input/inputClasses.js +0 -2
- package/modern/InputAdornment/InputAdornment.js +11 -35
- package/modern/InputBase/InputBase.js +52 -131
- package/modern/InputBase/utils.js +6 -4
- package/modern/InputLabel/InputLabel.js +7 -33
- package/modern/LinearProgress/LinearProgress.js +10 -37
- package/modern/Link/Link.js +15 -44
- package/modern/Link/getTextDecoration.js +0 -5
- package/modern/List/List.js +9 -25
- package/modern/List/ListContext.js +1 -3
- package/modern/ListItem/ListItem.js +38 -73
- package/modern/ListItemAvatar/ListItemAvatar.js +5 -17
- package/modern/ListItemButton/ListItemButton.js +13 -35
- package/modern/ListItemIcon/ListItemIcon.js +5 -17
- package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -17
- package/modern/ListItemText/ListItemText.js +11 -32
- package/modern/ListSubheader/ListSubheader.js +9 -25
- package/modern/Menu/Menu.js +22 -53
- package/modern/MenuItem/MenuItem.js +13 -39
- package/modern/MenuList/MenuList.js +20 -66
- package/modern/MobileStepper/MobileStepper.js +11 -28
- package/modern/Modal/Modal.js +24 -57
- package/modern/NativeSelect/NativeSelect.js +10 -32
- package/modern/NativeSelect/NativeSelectInput.js +10 -25
- package/modern/OutlinedInput/NotchedOutline.js +6 -16
- package/modern/OutlinedInput/OutlinedInput.js +12 -54
- package/modern/OutlinedInput/outlinedInputClasses.js +0 -2
- package/modern/Pagination/Pagination.js +25 -60
- package/modern/PaginationItem/PaginationItem.js +18 -47
- package/modern/Paper/Paper.js +11 -34
- package/modern/Popover/Popover.js +54 -105
- package/modern/Popper/Popper.js +16 -45
- package/modern/Radio/Radio.js +15 -50
- package/modern/Radio/RadioButtonIcon.js +1 -6
- package/modern/RadioGroup/RadioGroup.js +11 -24
- package/modern/RadioGroup/RadioGroupContext.js +0 -3
- package/modern/Rating/Rating.js +27 -103
- package/modern/ScopedCssBaseline/ScopedCssBaseline.js +5 -20
- package/modern/Select/Select.js +24 -59
- package/modern/Select/SelectInput.js +55 -135
- package/modern/Skeleton/Skeleton.js +11 -30
- package/modern/Slide/Slide.js +26 -70
- package/modern/Slider/Slider.js +24 -90
- package/modern/Snackbar/Snackbar.js +44 -90
- package/modern/SnackbarContent/SnackbarContent.js +8 -22
- package/modern/SpeedDial/SpeedDial.js +44 -103
- package/modern/SpeedDialAction/SpeedDialAction.js +13 -39
- package/modern/SpeedDialIcon/SpeedDialIcon.js +6 -21
- package/modern/Stack/Stack.js +9 -31
- package/modern/Step/Step.js +12 -35
- package/modern/Step/StepContext.js +1 -4
- package/modern/StepButton/StepButton.js +7 -21
- package/modern/StepConnector/StepConnector.js +4 -16
- package/modern/StepContent/StepContent.js +8 -27
- package/modern/StepIcon/StepIcon.js +8 -29
- package/modern/StepLabel/StepLabel.js +12 -32
- package/modern/Stepper/Stepper.js +11 -30
- package/modern/Stepper/StepperContext.js +1 -4
- package/modern/SvgIcon/SvgIcon.js +14 -39
- package/modern/SwipeableDrawer/SwipeArea.js +8 -13
- package/modern/SwipeableDrawer/SwipeableDrawer.js +64 -128
- package/modern/Switch/Switch.js +10 -41
- package/modern/Tab/Tab.js +24 -51
- package/modern/TabScrollButton/TabScrollButton.js +5 -23
- package/modern/Table/Table.js +9 -26
- package/modern/Table/TableContext.js +1 -3
- package/modern/Table/Tablelvl2Context.js +1 -3
- package/modern/TableBody/TableBody.js +5 -17
- package/modern/TableCell/TableCell.js +14 -43
- package/modern/TableContainer/TableContainer.js +5 -17
- package/modern/TableFooter/TableFooter.js +5 -17
- package/modern/TableHead/TableHead.js +5 -17
- package/modern/TablePagination/TablePagination.js +23 -61
- package/modern/TablePagination/TablePaginationActions.js +12 -28
- package/modern/TableRow/TableRow.js +7 -23
- package/modern/TableSortLabel/TableSortLabel.js +10 -25
- package/modern/Tabs/ScrollbarSize.js +4 -8
- package/modern/Tabs/Tabs.js +42 -138
- package/modern/TextField/TextField.js +39 -97
- package/modern/ToggleButton/ToggleButton.js +17 -50
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +15 -47
- package/modern/ToggleButtonGroup/isValueSelected.js +0 -2
- package/modern/Toolbar/Toolbar.js +8 -24
- package/modern/Tooltip/Tooltip.js +50 -135
- package/modern/Typography/Typography.js +15 -38
- package/modern/Unstable_Grid2/Grid2.js +1 -5
- package/modern/Unstable_Grid2/grid2Classes.js +8 -4
- package/modern/Zoom/Zoom.js +21 -43
- package/modern/index.js +3 -2
- package/modern/internal/SwitchBase.js +27 -63
- package/modern/internal/animate.js +0 -10
- package/modern/internal/svg-icons/Add.js +1 -1
- package/modern/internal/svg-icons/ArrowDownward.js +1 -1
- package/modern/internal/svg-icons/ArrowDropDown.js +1 -1
- package/modern/internal/svg-icons/Cancel.js +1 -1
- package/modern/internal/svg-icons/CheckBox.js +1 -1
- package/modern/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
- package/modern/internal/svg-icons/CheckCircle.js +1 -1
- package/modern/internal/svg-icons/Close.js +1 -1
- package/modern/internal/svg-icons/ErrorOutline.js +1 -1
- package/modern/internal/svg-icons/FirstPage.js +1 -1
- package/modern/internal/svg-icons/IndeterminateCheckBox.js +1 -1
- package/modern/internal/svg-icons/InfoOutlined.js +1 -1
- package/modern/internal/svg-icons/KeyboardArrowLeft.js +1 -1
- package/modern/internal/svg-icons/KeyboardArrowRight.js +1 -1
- package/modern/internal/svg-icons/LastPage.js +1 -1
- package/modern/internal/svg-icons/MoreHoriz.js +1 -1
- package/modern/internal/svg-icons/NavigateBefore.js +1 -1
- package/modern/internal/svg-icons/NavigateNext.js +1 -1
- package/modern/internal/svg-icons/Person.js +1 -1
- package/modern/internal/svg-icons/RadioButtonChecked.js +1 -1
- package/modern/internal/svg-icons/RadioButtonUnchecked.js +1 -1
- package/modern/internal/svg-icons/ReportProblemOutlined.js +1 -1
- package/modern/internal/svg-icons/Star.js +1 -1
- package/modern/internal/svg-icons/StarBorder.js +1 -1
- package/modern/internal/svg-icons/SuccessOutlined.js +1 -1
- package/modern/internal/svg-icons/Warning.js +1 -1
- package/modern/locale/index.js +217 -510
- package/modern/styles/CssVarsProvider.js +0 -3
- package/modern/styles/adaptV4Theme.js +21 -22
- package/modern/styles/createPalette.js +8 -36
- package/modern/styles/createStyles.js +2 -2
- package/modern/styles/createTheme.js +10 -21
- package/modern/styles/createTransitions.js +12 -25
- package/modern/styles/createTypography.js +18 -27
- package/modern/styles/cssUtils.js +18 -18
- package/modern/styles/excludeVariablesFromRoot.js +0 -1
- package/modern/styles/experimental_extendTheme.js +22 -36
- package/modern/styles/index.js +2 -2
- package/modern/styles/responsiveFontSizes.js +3 -11
- package/modern/styles/shadows.js +2 -3
- package/modern/styles/useTheme.js +0 -2
- package/modern/useMediaQuery/useMediaQuery.js +12 -23
- package/modern/useMediaQuery/useMediaQueryTheme.js +2 -1
- package/modern/usePagination/usePagination.js +41 -38
- package/modern/useScrollTrigger/useScrollTrigger.js +6 -13
- package/modern/useTouchRipple/useTouchRipple.js +0 -5
- package/modern/utils/createSvgIcon.js +1 -3
- package/modern/utils/index.js +2 -2
- package/modern/utils/shouldSpreadAdditionalProps.js +0 -2
- package/package.json +7 -7
- package/styles/CssVarsProvider.d.ts +14 -14
- package/styles/CssVarsProvider.js +0 -9
- package/styles/ThemeProvider.js +0 -1
- package/styles/adaptV4Theme.js +21 -24
- package/styles/createMixins.js +0 -3
- package/styles/createMuiStrictModeTheme.js +0 -4
- package/styles/createPalette.js +8 -49
- package/styles/createStyles.js +2 -2
- package/styles/createTheme.js +10 -36
- package/styles/createTransitions.js +12 -28
- package/styles/createTypography.js +18 -32
- package/styles/cssUtils.js +18 -25
- package/styles/defaultTheme.js +0 -3
- package/styles/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/excludeVariablesFromRoot.js +0 -2
- package/styles/experimental_extendTheme.d.ts +5 -0
- package/styles/experimental_extendTheme.js +22 -44
- package/styles/index.js +0 -21
- package/styles/makeStyles.js +0 -2
- package/styles/responsiveFontSizes.js +3 -14
- package/styles/shadows.js +2 -3
- package/styles/styled.js +0 -5
- package/styles/useTheme.js +0 -9
- package/styles/useThemeProps.js +0 -4
- package/styles/withStyles.js +0 -2
- package/styles/withTheme.js +0 -2
- package/themeCssVarsAugmentation/index.d.ts +2 -0
- package/transitions/index.d.ts +1 -1
- package/transitions/index.js +0 -2
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/transitions/utils.js +0 -4
- package/umd/material-ui.development.js +3132 -7703
- package/umd/material-ui.production.min.js +20 -20
- package/useAutocomplete/index.js +0 -3
- package/useAutocomplete/useAutocomplete.js +0 -2
- package/useMediaQuery/index.js +0 -2
- package/useMediaQuery/useMediaQuery.d.ts +31 -31
- package/useMediaQuery/useMediaQuery.js +11 -30
- package/useMediaQuery/useMediaQueryTheme.js +0 -3
- package/usePagination/index.js +0 -2
- package/usePagination/usePagination.js +41 -43
- package/useScrollTrigger/index.js +0 -2
- package/useScrollTrigger/useScrollTrigger.js +6 -20
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/index.js +0 -2
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/useTouchRipple/useTouchRipple.js +0 -13
- package/utils/capitalize.js +0 -2
- package/utils/createChainedFunction.js +0 -2
- package/utils/createSvgIcon.js +0 -10
- package/utils/debounce.js +0 -2
- package/utils/deprecatedPropType.js +0 -2
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/getScrollbarSize.js +0 -2
- package/utils/index.js +0 -21
- package/utils/isMuiElement.js +0 -2
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerDocument.js +0 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/ownerWindow.js +0 -2
- package/utils/requirePropFactory.js +0 -2
- package/utils/scrollLeft.js +0 -1
- package/utils/setRef.d.ts +2 -2
- package/utils/setRef.js +0 -2
- package/utils/shouldSpreadAdditionalProps.js +0 -3
- package/utils/unsupportedProp.js +0 -2
- package/utils/useControlled.js +0 -2
- package/utils/useEnhancedEffect.js +0 -2
- package/utils/useEventCallback.js +0 -2
- package/utils/useForkRef.js +0 -2
- package/utils/useId.js +0 -2
- package/utils/useIsFocusVisible.js +0 -2
package/Tabs/Tabs.js
CHANGED
|
@@ -1,101 +1,66 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _reactIs = require("react-is");
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
21
|
-
|
|
22
14
|
var _utils = require("@mui/utils");
|
|
23
|
-
|
|
24
15
|
var _base = require("@mui/base");
|
|
25
|
-
|
|
26
16
|
var _styled = _interopRequireDefault(require("../styles/styled"));
|
|
27
|
-
|
|
28
17
|
var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
|
|
29
|
-
|
|
30
18
|
var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
|
|
31
|
-
|
|
32
19
|
var _debounce = _interopRequireDefault(require("../utils/debounce"));
|
|
33
|
-
|
|
34
20
|
var _scrollLeft = require("../utils/scrollLeft");
|
|
35
|
-
|
|
36
21
|
var _animate = _interopRequireDefault(require("../internal/animate"));
|
|
37
|
-
|
|
38
22
|
var _ScrollbarSize = _interopRequireDefault(require("./ScrollbarSize"));
|
|
39
|
-
|
|
40
23
|
var _TabScrollButton = _interopRequireDefault(require("../TabScrollButton"));
|
|
41
|
-
|
|
42
24
|
var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
|
|
43
|
-
|
|
44
25
|
var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
|
|
45
|
-
|
|
46
26
|
var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
|
|
47
|
-
|
|
48
27
|
var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
|
|
49
|
-
|
|
50
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
51
|
-
|
|
52
29
|
const _excluded = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"];
|
|
53
|
-
|
|
54
30
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
55
|
-
|
|
56
31
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
57
|
-
|
|
58
32
|
const nextItem = (list, item) => {
|
|
59
33
|
if (list === item) {
|
|
60
34
|
return list.firstChild;
|
|
61
35
|
}
|
|
62
|
-
|
|
63
36
|
if (item && item.nextElementSibling) {
|
|
64
37
|
return item.nextElementSibling;
|
|
65
38
|
}
|
|
66
|
-
|
|
67
39
|
return list.firstChild;
|
|
68
40
|
};
|
|
69
|
-
|
|
70
41
|
const previousItem = (list, item) => {
|
|
71
42
|
if (list === item) {
|
|
72
43
|
return list.lastChild;
|
|
73
44
|
}
|
|
74
|
-
|
|
75
45
|
if (item && item.previousElementSibling) {
|
|
76
46
|
return item.previousElementSibling;
|
|
77
47
|
}
|
|
78
|
-
|
|
79
48
|
return list.lastChild;
|
|
80
49
|
};
|
|
81
|
-
|
|
82
50
|
const moveFocus = (list, currentFocus, traversalFunction) => {
|
|
83
51
|
let wrappedOnce = false;
|
|
84
52
|
let nextFocus = traversalFunction(list, currentFocus);
|
|
85
|
-
|
|
86
53
|
while (nextFocus) {
|
|
87
54
|
// Prevent infinite loop.
|
|
88
55
|
if (nextFocus === list.firstChild) {
|
|
89
56
|
if (wrappedOnce) {
|
|
90
57
|
return;
|
|
91
58
|
}
|
|
92
|
-
|
|
93
59
|
wrappedOnce = true;
|
|
94
|
-
}
|
|
95
|
-
|
|
60
|
+
}
|
|
96
61
|
|
|
62
|
+
// Same logic as useAutocomplete.js
|
|
97
63
|
const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
|
|
98
|
-
|
|
99
64
|
if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {
|
|
100
65
|
// Move to the next element.
|
|
101
66
|
nextFocus = traversalFunction(list, nextFocus);
|
|
@@ -105,7 +70,6 @@ const moveFocus = (list, currentFocus, traversalFunction) => {
|
|
|
105
70
|
}
|
|
106
71
|
}
|
|
107
72
|
};
|
|
108
|
-
|
|
109
73
|
const useUtilityClasses = ownerState => {
|
|
110
74
|
const {
|
|
111
75
|
vertical,
|
|
@@ -128,7 +92,6 @@ const useUtilityClasses = ownerState => {
|
|
|
128
92
|
};
|
|
129
93
|
return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
|
|
130
94
|
};
|
|
131
|
-
|
|
132
95
|
const TabsRoot = (0, _styled.default)('div', {
|
|
133
96
|
name: 'MuiTabs',
|
|
134
97
|
slot: 'Root',
|
|
@@ -185,7 +148,6 @@ const TabsScroller = (0, _styled.default)('div', {
|
|
|
185
148
|
// Firefox
|
|
186
149
|
'&::-webkit-scrollbar': {
|
|
187
150
|
display: 'none' // Safari + Chrome
|
|
188
|
-
|
|
189
151
|
}
|
|
190
152
|
}, ownerState.scrollableX && {
|
|
191
153
|
overflowX: 'auto',
|
|
@@ -245,9 +207,9 @@ const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default, {
|
|
|
245
207
|
// Firefox
|
|
246
208
|
'&::-webkit-scrollbar': {
|
|
247
209
|
display: 'none' // Safari + Chrome
|
|
248
|
-
|
|
249
210
|
}
|
|
250
211
|
});
|
|
212
|
+
|
|
251
213
|
const defaultIndicatorStyle = {};
|
|
252
214
|
let warnedOnceTabPresent = false;
|
|
253
215
|
const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
@@ -258,28 +220,28 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
258
220
|
const theme = (0, _useTheme.default)();
|
|
259
221
|
const isRtl = theme.direction === 'rtl';
|
|
260
222
|
const {
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
223
|
+
'aria-label': ariaLabel,
|
|
224
|
+
'aria-labelledby': ariaLabelledBy,
|
|
225
|
+
action,
|
|
226
|
+
centered = false,
|
|
227
|
+
children: childrenProp,
|
|
228
|
+
className,
|
|
229
|
+
component = 'div',
|
|
230
|
+
allowScrollButtonsMobile = false,
|
|
231
|
+
indicatorColor = 'primary',
|
|
232
|
+
onChange,
|
|
233
|
+
orientation = 'horizontal',
|
|
234
|
+
ScrollButtonComponent = _TabScrollButton.default,
|
|
235
|
+
scrollButtons = 'auto',
|
|
236
|
+
selectionFollowsFocus,
|
|
237
|
+
TabIndicatorProps = {},
|
|
238
|
+
TabScrollButtonProps = {},
|
|
239
|
+
textColor = 'primary',
|
|
240
|
+
value,
|
|
241
|
+
variant = 'standard',
|
|
242
|
+
visibleScrollbar = false
|
|
243
|
+
} = props,
|
|
244
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
283
245
|
const scrollable = variant === 'scrollable';
|
|
284
246
|
const vertical = orientation === 'vertical';
|
|
285
247
|
const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';
|
|
@@ -305,13 +267,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
305
267
|
scrollButtonsHideMobile: !allowScrollButtonsMobile
|
|
306
268
|
});
|
|
307
269
|
const classes = useUtilityClasses(ownerState);
|
|
308
|
-
|
|
309
270
|
if (process.env.NODE_ENV !== 'production') {
|
|
310
271
|
if (centered && scrollable) {
|
|
311
272
|
console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties ' + 'at the same time on a `Tabs` component.');
|
|
312
273
|
}
|
|
313
274
|
}
|
|
314
|
-
|
|
315
275
|
const [mounted, setMounted] = React.useState(false);
|
|
316
276
|
const [indicatorStyle, setIndicatorStyle] = React.useState(defaultIndicatorStyle);
|
|
317
277
|
const [displayScroll, setDisplayScroll] = React.useState({
|
|
@@ -325,14 +285,12 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
325
285
|
const valueToIndex = new Map();
|
|
326
286
|
const tabsRef = React.useRef(null);
|
|
327
287
|
const tabListRef = React.useRef(null);
|
|
328
|
-
|
|
329
288
|
const getTabsMeta = () => {
|
|
330
289
|
const tabsNode = tabsRef.current;
|
|
331
290
|
let tabsMeta;
|
|
332
|
-
|
|
333
291
|
if (tabsNode) {
|
|
334
|
-
const rect = tabsNode.getBoundingClientRect();
|
|
335
|
-
|
|
292
|
+
const rect = tabsNode.getBoundingClientRect();
|
|
293
|
+
// create a new object with ClientRect class props + scrollLeft
|
|
336
294
|
tabsMeta = {
|
|
337
295
|
clientWidth: tabsNode.clientWidth,
|
|
338
296
|
scrollLeft: tabsNode.scrollLeft,
|
|
@@ -345,23 +303,17 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
345
303
|
right: rect.right
|
|
346
304
|
};
|
|
347
305
|
}
|
|
348
|
-
|
|
349
306
|
let tabMeta;
|
|
350
|
-
|
|
351
307
|
if (tabsNode && value !== false) {
|
|
352
308
|
const children = tabListRef.current.children;
|
|
353
|
-
|
|
354
309
|
if (children.length > 0) {
|
|
355
310
|
const tab = children[valueToIndex.get(value)];
|
|
356
|
-
|
|
357
311
|
if (process.env.NODE_ENV !== 'production') {
|
|
358
312
|
if (!tab) {
|
|
359
313
|
console.error([`MUI: The \`value\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with "${value}".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\n'));
|
|
360
314
|
}
|
|
361
315
|
}
|
|
362
|
-
|
|
363
316
|
tabMeta = tab ? tab.getBoundingClientRect() : null;
|
|
364
|
-
|
|
365
317
|
if (process.env.NODE_ENV !== 'production') {
|
|
366
318
|
if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
|
|
367
319
|
tabsMeta = null;
|
|
@@ -371,13 +323,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
371
323
|
}
|
|
372
324
|
}
|
|
373
325
|
}
|
|
374
|
-
|
|
375
326
|
return {
|
|
376
327
|
tabsMeta,
|
|
377
328
|
tabMeta
|
|
378
329
|
};
|
|
379
330
|
};
|
|
380
|
-
|
|
381
331
|
const updateIndicatorState = (0, _useEventCallback.default)(() => {
|
|
382
332
|
const {
|
|
383
333
|
tabsMeta,
|
|
@@ -385,41 +335,36 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
385
335
|
} = getTabsMeta();
|
|
386
336
|
let startValue = 0;
|
|
387
337
|
let startIndicator;
|
|
388
|
-
|
|
389
338
|
if (vertical) {
|
|
390
339
|
startIndicator = 'top';
|
|
391
|
-
|
|
392
340
|
if (tabMeta && tabsMeta) {
|
|
393
341
|
startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;
|
|
394
342
|
}
|
|
395
343
|
} else {
|
|
396
344
|
startIndicator = isRtl ? 'right' : 'left';
|
|
397
|
-
|
|
398
345
|
if (tabMeta && tabsMeta) {
|
|
399
346
|
const correction = isRtl ? tabsMeta.scrollLeftNormalized + tabsMeta.clientWidth - tabsMeta.scrollWidth : tabsMeta.scrollLeft;
|
|
400
347
|
startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);
|
|
401
348
|
}
|
|
402
349
|
}
|
|
403
|
-
|
|
404
350
|
const newIndicatorStyle = {
|
|
405
351
|
[startIndicator]: startValue,
|
|
406
352
|
// May be wrong until the font is loaded.
|
|
407
353
|
[size]: tabMeta ? tabMeta[size] : 0
|
|
408
|
-
};
|
|
409
|
-
// eslint-disable-next-line no-restricted-globals
|
|
354
|
+
};
|
|
410
355
|
|
|
356
|
+
// IE11 support, replace with Number.isNaN
|
|
357
|
+
// eslint-disable-next-line no-restricted-globals
|
|
411
358
|
if (isNaN(indicatorStyle[startIndicator]) || isNaN(indicatorStyle[size])) {
|
|
412
359
|
setIndicatorStyle(newIndicatorStyle);
|
|
413
360
|
} else {
|
|
414
361
|
const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);
|
|
415
362
|
const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);
|
|
416
|
-
|
|
417
363
|
if (dStart >= 1 || dSize >= 1) {
|
|
418
364
|
setIndicatorStyle(newIndicatorStyle);
|
|
419
365
|
}
|
|
420
366
|
}
|
|
421
367
|
});
|
|
422
|
-
|
|
423
368
|
const scroll = (scrollValue, {
|
|
424
369
|
animation = true
|
|
425
370
|
} = {}) => {
|
|
@@ -431,62 +376,50 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
431
376
|
tabsRef.current[scrollStart] = scrollValue;
|
|
432
377
|
}
|
|
433
378
|
};
|
|
434
|
-
|
|
435
379
|
const moveTabsScroll = delta => {
|
|
436
380
|
let scrollValue = tabsRef.current[scrollStart];
|
|
437
|
-
|
|
438
381
|
if (vertical) {
|
|
439
382
|
scrollValue += delta;
|
|
440
383
|
} else {
|
|
441
|
-
scrollValue += delta * (isRtl ? -1 : 1);
|
|
442
|
-
|
|
384
|
+
scrollValue += delta * (isRtl ? -1 : 1);
|
|
385
|
+
// Fix for Edge
|
|
443
386
|
scrollValue *= isRtl && (0, _scrollLeft.detectScrollType)() === 'reverse' ? -1 : 1;
|
|
444
387
|
}
|
|
445
|
-
|
|
446
388
|
scroll(scrollValue);
|
|
447
389
|
};
|
|
448
|
-
|
|
449
390
|
const getScrollSize = () => {
|
|
450
391
|
const containerSize = tabsRef.current[clientSize];
|
|
451
392
|
let totalSize = 0;
|
|
452
393
|
const children = Array.from(tabListRef.current.children);
|
|
453
|
-
|
|
454
394
|
for (let i = 0; i < children.length; i += 1) {
|
|
455
395
|
const tab = children[i];
|
|
456
|
-
|
|
457
396
|
if (totalSize + tab[clientSize] > containerSize) {
|
|
458
397
|
// If the first item is longer than the container size, then only scroll
|
|
459
398
|
// by the container size.
|
|
460
399
|
if (i === 0) {
|
|
461
400
|
totalSize = containerSize;
|
|
462
401
|
}
|
|
463
|
-
|
|
464
402
|
break;
|
|
465
403
|
}
|
|
466
|
-
|
|
467
404
|
totalSize += tab[clientSize];
|
|
468
405
|
}
|
|
469
|
-
|
|
470
406
|
return totalSize;
|
|
471
407
|
};
|
|
472
|
-
|
|
473
408
|
const handleStartScrollClick = () => {
|
|
474
409
|
moveTabsScroll(-1 * getScrollSize());
|
|
475
410
|
};
|
|
476
|
-
|
|
477
411
|
const handleEndScrollClick = () => {
|
|
478
412
|
moveTabsScroll(getScrollSize());
|
|
479
|
-
};
|
|
480
|
-
// with CSS improves.
|
|
481
|
-
|
|
413
|
+
};
|
|
482
414
|
|
|
415
|
+
// TODO Remove <ScrollbarSize /> as browser support for hidding the scrollbar
|
|
416
|
+
// with CSS improves.
|
|
483
417
|
const handleScrollbarSizeChange = React.useCallback(scrollbarWidth => {
|
|
484
418
|
setScrollerStyle({
|
|
485
419
|
overflow: null,
|
|
486
420
|
scrollbarWidth
|
|
487
421
|
});
|
|
488
422
|
}, []);
|
|
489
|
-
|
|
490
423
|
const getConditionalElements = () => {
|
|
491
424
|
const conditionalElements = {};
|
|
492
425
|
conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsScrollbarSize, {
|
|
@@ -513,17 +446,14 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
513
446
|
})) : null;
|
|
514
447
|
return conditionalElements;
|
|
515
448
|
};
|
|
516
|
-
|
|
517
449
|
const scrollSelectedIntoView = (0, _useEventCallback.default)(animation => {
|
|
518
450
|
const {
|
|
519
451
|
tabsMeta,
|
|
520
452
|
tabMeta
|
|
521
453
|
} = getTabsMeta();
|
|
522
|
-
|
|
523
454
|
if (!tabMeta || !tabsMeta) {
|
|
524
455
|
return;
|
|
525
456
|
}
|
|
526
|
-
|
|
527
457
|
if (tabMeta[start] < tabsMeta[start]) {
|
|
528
458
|
// left side of button is out of view
|
|
529
459
|
const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);
|
|
@@ -549,17 +479,15 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
549
479
|
} = tabsRef.current;
|
|
550
480
|
let showStartScroll;
|
|
551
481
|
let showEndScroll;
|
|
552
|
-
|
|
553
482
|
if (vertical) {
|
|
554
483
|
showStartScroll = scrollTop > 1;
|
|
555
484
|
showEndScroll = scrollTop < scrollHeight - clientHeight - 1;
|
|
556
485
|
} else {
|
|
557
|
-
const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction);
|
|
558
|
-
|
|
486
|
+
const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction);
|
|
487
|
+
// use 1 for the potential rounding error with browser zooms.
|
|
559
488
|
showStartScroll = isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
|
|
560
489
|
showEndScroll = !isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
|
|
561
490
|
}
|
|
562
|
-
|
|
563
491
|
if (showStartScroll !== displayScroll.start || showEndScroll !== displayScroll.end) {
|
|
564
492
|
setDisplayScroll({
|
|
565
493
|
start: showStartScroll,
|
|
@@ -584,18 +512,15 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
584
512
|
const win = (0, _ownerWindow.default)(tabsRef.current);
|
|
585
513
|
win.addEventListener('resize', handleResize);
|
|
586
514
|
let resizeObserver;
|
|
587
|
-
|
|
588
515
|
if (typeof ResizeObserver !== 'undefined') {
|
|
589
516
|
resizeObserver = new ResizeObserver(handleResize);
|
|
590
517
|
Array.from(tabListRef.current.children).forEach(child => {
|
|
591
518
|
resizeObserver.observe(child);
|
|
592
519
|
});
|
|
593
520
|
}
|
|
594
|
-
|
|
595
521
|
return () => {
|
|
596
522
|
handleResize.clear();
|
|
597
523
|
win.removeEventListener('resize', handleResize);
|
|
598
|
-
|
|
599
524
|
if (resizeObserver) {
|
|
600
525
|
resizeObserver.disconnect();
|
|
601
526
|
}
|
|
@@ -634,13 +559,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
634
559
|
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
635
560
|
return null;
|
|
636
561
|
}
|
|
637
|
-
|
|
638
562
|
if (process.env.NODE_ENV !== 'production') {
|
|
639
563
|
if ((0, _reactIs.isFragment)(child)) {
|
|
640
564
|
console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
|
|
641
565
|
}
|
|
642
566
|
}
|
|
643
|
-
|
|
644
567
|
const childValue = child.props.value === undefined ? childIndex : child.props.value;
|
|
645
568
|
valueToIndex.set(childValue, childIndex);
|
|
646
569
|
const selected = childValue === value;
|
|
@@ -657,54 +580,44 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
657
580
|
tabIndex: 0
|
|
658
581
|
} : {}));
|
|
659
582
|
});
|
|
660
|
-
|
|
661
583
|
const handleKeyDown = event => {
|
|
662
584
|
const list = tabListRef.current;
|
|
663
|
-
const currentFocus = (0, _ownerDocument.default)(list).activeElement;
|
|
585
|
+
const currentFocus = (0, _ownerDocument.default)(list).activeElement;
|
|
586
|
+
// Keyboard navigation assumes that [role="tab"] are siblings
|
|
664
587
|
// though we might warn in the future about nested, interactive elements
|
|
665
588
|
// as a a11y violation
|
|
666
|
-
|
|
667
589
|
const role = currentFocus.getAttribute('role');
|
|
668
|
-
|
|
669
590
|
if (role !== 'tab') {
|
|
670
591
|
return;
|
|
671
592
|
}
|
|
672
|
-
|
|
673
593
|
let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
|
|
674
594
|
let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
|
|
675
|
-
|
|
676
595
|
if (orientation === 'horizontal' && isRtl) {
|
|
677
596
|
// swap previousItemKey with nextItemKey
|
|
678
597
|
previousItemKey = 'ArrowRight';
|
|
679
598
|
nextItemKey = 'ArrowLeft';
|
|
680
599
|
}
|
|
681
|
-
|
|
682
600
|
switch (event.key) {
|
|
683
601
|
case previousItemKey:
|
|
684
602
|
event.preventDefault();
|
|
685
603
|
moveFocus(list, currentFocus, previousItem);
|
|
686
604
|
break;
|
|
687
|
-
|
|
688
605
|
case nextItemKey:
|
|
689
606
|
event.preventDefault();
|
|
690
607
|
moveFocus(list, currentFocus, nextItem);
|
|
691
608
|
break;
|
|
692
|
-
|
|
693
609
|
case 'Home':
|
|
694
610
|
event.preventDefault();
|
|
695
611
|
moveFocus(list, null, nextItem);
|
|
696
612
|
break;
|
|
697
|
-
|
|
698
613
|
case 'End':
|
|
699
614
|
event.preventDefault();
|
|
700
615
|
moveFocus(list, null, previousItem);
|
|
701
616
|
break;
|
|
702
|
-
|
|
703
617
|
default:
|
|
704
618
|
break;
|
|
705
619
|
}
|
|
706
620
|
};
|
|
707
|
-
|
|
708
621
|
const conditionalElements = getConditionalElements();
|
|
709
622
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsRoot, (0, _extends2.default)({
|
|
710
623
|
className: (0, _clsx.default)(classes.root, className),
|
|
@@ -735,14 +648,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
735
648
|
}), conditionalElements.scrollButtonEnd]
|
|
736
649
|
}));
|
|
737
650
|
});
|
|
738
|
-
process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
739
|
-
/* remove-proptypes */
|
|
740
|
-
= {
|
|
651
|
+
process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ = {
|
|
741
652
|
// ----------------------------- Warning --------------------------------
|
|
742
653
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
743
654
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
744
655
|
// ----------------------------------------------------------------------
|
|
745
|
-
|
|
746
656
|
/**
|
|
747
657
|
* Callback fired when the component mounts.
|
|
748
658
|
* This is useful when you want to trigger an action programmatically.
|
|
@@ -752,60 +662,48 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
752
662
|
* that can be triggered programmatically.
|
|
753
663
|
*/
|
|
754
664
|
action: _utils.refType,
|
|
755
|
-
|
|
756
665
|
/**
|
|
757
666
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
758
667
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
759
668
|
* @default false
|
|
760
669
|
*/
|
|
761
670
|
allowScrollButtonsMobile: _propTypes.default.bool,
|
|
762
|
-
|
|
763
671
|
/**
|
|
764
672
|
* The label for the Tabs as a string.
|
|
765
673
|
*/
|
|
766
674
|
'aria-label': _propTypes.default.string,
|
|
767
|
-
|
|
768
675
|
/**
|
|
769
676
|
* An id or list of ids separated by a space that label the Tabs.
|
|
770
677
|
*/
|
|
771
678
|
'aria-labelledby': _propTypes.default.string,
|
|
772
|
-
|
|
773
679
|
/**
|
|
774
680
|
* If `true`, the tabs are centered.
|
|
775
681
|
* This prop is intended for large views.
|
|
776
682
|
* @default false
|
|
777
683
|
*/
|
|
778
684
|
centered: _propTypes.default.bool,
|
|
779
|
-
|
|
780
685
|
/**
|
|
781
686
|
* The content of the component.
|
|
782
687
|
*/
|
|
783
688
|
children: _propTypes.default.node,
|
|
784
|
-
|
|
785
689
|
/**
|
|
786
690
|
* Override or extend the styles applied to the component.
|
|
787
691
|
*/
|
|
788
692
|
classes: _propTypes.default.object,
|
|
789
|
-
|
|
790
693
|
/**
|
|
791
694
|
* @ignore
|
|
792
695
|
*/
|
|
793
696
|
className: _propTypes.default.string,
|
|
794
|
-
|
|
795
697
|
/**
|
|
796
698
|
* The component used for the root node.
|
|
797
699
|
* Either a string to use a HTML element or a component.
|
|
798
700
|
*/
|
|
799
701
|
component: _propTypes.default.elementType,
|
|
800
|
-
|
|
801
702
|
/**
|
|
802
703
|
* Determines the color of the indicator.
|
|
803
704
|
* @default 'primary'
|
|
804
705
|
*/
|
|
805
|
-
indicatorColor: _propTypes.default
|
|
806
|
-
/* @typescript-to-proptypes-ignore */
|
|
807
|
-
.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
808
|
-
|
|
706
|
+
indicatorColor: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
809
707
|
/**
|
|
810
708
|
* Callback fired when the value changes.
|
|
811
709
|
*
|
|
@@ -813,19 +711,16 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
813
711
|
* @param {any} value We default to the index of the child (number)
|
|
814
712
|
*/
|
|
815
713
|
onChange: _propTypes.default.func,
|
|
816
|
-
|
|
817
714
|
/**
|
|
818
715
|
* The component orientation (layout flow direction).
|
|
819
716
|
* @default 'horizontal'
|
|
820
717
|
*/
|
|
821
718
|
orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
|
|
822
|
-
|
|
823
719
|
/**
|
|
824
720
|
* The component used to render the scroll buttons.
|
|
825
721
|
* @default TabScrollButton
|
|
826
722
|
*/
|
|
827
723
|
ScrollButtonComponent: _propTypes.default.elementType,
|
|
828
|
-
|
|
829
724
|
/**
|
|
830
725
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
831
726
|
*
|
|
@@ -837,45 +732,36 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
837
732
|
* This behavior can be disabled with `allowScrollButtonsMobile`.
|
|
838
733
|
* @default 'auto'
|
|
839
734
|
*/
|
|
840
|
-
scrollButtons: _propTypes.default
|
|
841
|
-
/* @typescript-to-proptypes-ignore */
|
|
842
|
-
.oneOf(['auto', false, true]),
|
|
843
|
-
|
|
735
|
+
scrollButtons: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOf(['auto', false, true]),
|
|
844
736
|
/**
|
|
845
737
|
* If `true` the selected tab changes on focus. Otherwise it only
|
|
846
738
|
* changes on activation.
|
|
847
739
|
*/
|
|
848
740
|
selectionFollowsFocus: _propTypes.default.bool,
|
|
849
|
-
|
|
850
741
|
/**
|
|
851
742
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
852
743
|
*/
|
|
853
744
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
854
|
-
|
|
855
745
|
/**
|
|
856
746
|
* Props applied to the tab indicator element.
|
|
857
747
|
* @default {}
|
|
858
748
|
*/
|
|
859
749
|
TabIndicatorProps: _propTypes.default.object,
|
|
860
|
-
|
|
861
750
|
/**
|
|
862
751
|
* Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
|
|
863
752
|
* @default {}
|
|
864
753
|
*/
|
|
865
754
|
TabScrollButtonProps: _propTypes.default.object,
|
|
866
|
-
|
|
867
755
|
/**
|
|
868
756
|
* Determines the color of the `Tab`.
|
|
869
757
|
* @default 'primary'
|
|
870
758
|
*/
|
|
871
759
|
textColor: _propTypes.default.oneOf(['inherit', 'primary', 'secondary']),
|
|
872
|
-
|
|
873
760
|
/**
|
|
874
761
|
* The value of the currently selected `Tab`.
|
|
875
762
|
* If you don't want any selected `Tab`, you can set this prop to `false`.
|
|
876
763
|
*/
|
|
877
764
|
value: _propTypes.default.any,
|
|
878
|
-
|
|
879
765
|
/**
|
|
880
766
|
* Determines additional display behavior of the tabs:
|
|
881
767
|
*
|
|
@@ -887,7 +773,6 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
887
773
|
* @default 'standard'
|
|
888
774
|
*/
|
|
889
775
|
variant: _propTypes.default.oneOf(['fullWidth', 'scrollable', 'standard']),
|
|
890
|
-
|
|
891
776
|
/**
|
|
892
777
|
* If `true`, the scrollbar is visible. It can be useful when displaying
|
|
893
778
|
* a long vertical list of tabs.
|
package/Tabs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "tabsClasses", {
|
|
|
20
19
|
return _tabsClasses.default;
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
|
-
|
|
24
22
|
var _Tabs = _interopRequireDefault(require("./Tabs"));
|
|
25
|
-
|
|
26
23
|
var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
|
|
27
|
-
|
|
28
24
|
Object.keys(_tabsClasses).forEach(function (key) {
|
|
29
25
|
if (key === "default" || key === "__esModule") return;
|
|
30
26
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -36,7 +32,5 @@ Object.keys(_tabsClasses).forEach(function (key) {
|
|
|
36
32
|
}
|
|
37
33
|
});
|
|
38
34
|
});
|
|
39
|
-
|
|
40
35
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
36
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|