@mui/material 5.13.0 → 5.13.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.js +44 -43
- package/AccordionActions/AccordionActions.js +18 -18
- package/AccordionDetails/AccordionDetails.js +7 -9
- package/AccordionSummary/AccordionSummary.js +32 -32
- package/Alert/Alert.js +64 -60
- package/AlertTitle/AlertTitle.js +7 -9
- package/AppBar/AppBar.js +89 -73
- package/Autocomplete/Autocomplete.js +172 -141
- package/Avatar/Avatar.js +42 -38
- package/AvatarGroup/AvatarGroup.js +34 -33
- package/Backdrop/Backdrop.js +33 -31
- package/Badge/Badge.js +119 -107
- package/BottomNavigation/BottomNavigation.js +15 -17
- package/BottomNavigationAction/BottomNavigationAction.js +29 -31
- package/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
- package/Breadcrumbs/Breadcrumbs.js +19 -21
- package/Button/Button.js +168 -133
- package/ButtonBase/ButtonBase.js +43 -42
- package/ButtonBase/TouchRipple.js +9 -12
- package/ButtonGroup/ButtonGroup.js +111 -89
- package/CHANGELOG.md +62 -0
- package/Card/Card.js +11 -12
- package/CardActionArea/CardActionArea.js +9 -12
- package/CardActions/CardActions.js +18 -18
- package/CardContent/CardContent.js +11 -12
- package/CardHeader/CardHeader.js +30 -31
- package/CardMedia/CardMedia.js +28 -27
- package/Checkbox/Checkbox.js +44 -39
- package/Chip/Chip.js +146 -129
- package/CircularProgress/CircularProgress.js +43 -36
- package/Collapse/Collapse.js +73 -65
- package/CssBaseline/CssBaseline.js +17 -14
- package/Dialog/Dialog.js +103 -94
- package/DialogActions/DialogActions.js +18 -18
- package/DialogContent/DialogContent.js +22 -22
- package/DialogContentText/DialogContentText.js +13 -11
- package/DialogTitle/DialogTitle.js +8 -10
- package/Divider/Divider.js +99 -84
- package/Drawer/Drawer.js +85 -76
- package/Fab/Fab.js +71 -60
- package/Fade/Fade.js +31 -30
- package/FilledInput/FilledInput.js +135 -117
- package/FilledInput/filledInputClasses.js +4 -2
- package/FormControl/FormControl.js +41 -35
- package/FormControlLabel/FormControlLabel.js +43 -38
- package/FormGroup/FormGroup.js +16 -16
- package/FormHelperText/FormHelperText.js +30 -23
- package/FormLabel/FormLabel.js +26 -18
- package/GlobalStyles/GlobalStyles.js +3 -3
- package/Grid/Grid.js +50 -41
- package/Grow/Grow.js +31 -30
- package/Hidden/Hidden.js +21 -22
- package/Hidden/HiddenCss.js +29 -29
- package/Hidden/withWidth.js +19 -19
- package/Icon/Icon.js +14 -15
- package/IconButton/IconButton.js +59 -52
- package/ImageList/ImageList.js +30 -29
- package/ImageListItem/ImageListItem.js +40 -39
- package/ImageListItemBar/ImageListItemBar.js +47 -41
- package/Input/Input.js +77 -74
- package/Input/inputClasses.js +4 -2
- package/InputAdornment/InputAdornment.js +36 -34
- package/InputBase/InputBase.js +116 -92
- package/InputLabel/InputLabel.js +83 -68
- package/LinearProgress/LinearProgress.js +64 -58
- package/Link/Link.js +69 -64
- package/List/List.js +24 -24
- package/ListItem/ListItem.js +113 -96
- package/ListItemAvatar/ListItemAvatar.js +15 -15
- package/ListItemButton/ListItemButton.js +40 -35
- package/ListItemIcon/ListItemIcon.js +15 -15
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/ListItemText/ListItemText.js +34 -34
- package/ListSubheader/ListSubheader.js +36 -32
- package/Menu/Menu.js +38 -39
- package/MenuItem/MenuItem.js +50 -45
- package/MenuList/MenuList.js +17 -20
- package/MobileStepper/MobileStepper.js +61 -53
- package/Modal/Modal.js +50 -45
- package/NativeSelect/NativeSelect.js +26 -22
- package/NativeSelect/NativeSelectInput.js +50 -43
- package/OutlinedInput/NotchedOutline.js +55 -51
- package/OutlinedInput/OutlinedInput.js +72 -59
- package/OutlinedInput/outlinedInputClasses.js +4 -2
- package/Pagination/Pagination.js +35 -31
- package/PaginationItem/PaginationItem.js +105 -93
- package/Paper/Paper.js +32 -28
- package/Popover/Popover.js +49 -51
- package/Popper/Popper.js +25 -27
- package/README.md +1 -1
- package/Radio/Radio.js +36 -33
- package/Radio/RadioButtonIcon.js +11 -10
- package/RadioGroup/RadioGroup.js +14 -17
- package/Rating/Rating.js +88 -73
- package/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
- package/Select/Select.js +59 -55
- package/Select/SelectInput.js +58 -57
- package/Skeleton/Skeleton.js +51 -46
- package/Slide/Slide.js +37 -33
- package/Slider/Slider.js +281 -216
- package/Snackbar/Snackbar.js +81 -67
- package/SnackbarContent/SnackbarContent.js +13 -15
- package/SpeedDial/SpeedDial.js +85 -83
- package/SpeedDialAction/SpeedDialAction.js +57 -52
- package/SpeedDialIcon/SpeedDialIcon.js +25 -24
- package/Step/Step.js +27 -26
- package/StepButton/StepButton.js +23 -24
- package/StepConnector/StepConnector.js +34 -31
- package/StepContent/StepContent.js +23 -24
- package/StepIcon/StepIcon.js +22 -22
- package/StepLabel/StepLabel.js +34 -33
- package/Stepper/Stepper.js +33 -31
- package/SvgIcon/SvgIcon.js +19 -20
- package/SwipeableDrawer/SwipeArea.js +33 -30
- package/SwipeableDrawer/SwipeableDrawer.js +49 -43
- package/Switch/Switch.js +59 -52
- package/Tab/Tab.js +93 -83
- package/TabScrollButton/TabScrollButton.js +30 -25
- package/Table/Table.js +20 -19
- package/TableBody/TableBody.js +11 -12
- package/TableCell/TableCell.js +70 -59
- package/TableContainer/TableContainer.js +11 -12
- package/TableFooter/TableFooter.js +11 -12
- package/TableHead/TableHead.js +11 -12
- package/TablePagination/TablePagination.js +53 -49
- package/TablePagination/TablePaginationActions.js +22 -25
- package/TableRow/TableRow.js +13 -14
- package/TableSortLabel/TableSortLabel.js +23 -23
- package/Tabs/ScrollbarSize.js +7 -9
- package/Tabs/Tabs.js +107 -92
- package/TextField/TextField.js +57 -57
- package/ToggleButton/ToggleButton.js +36 -35
- package/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
- package/Toolbar/Toolbar.js +26 -25
- package/Tooltip/Tooltip.js +177 -147
- package/Typography/Typography.js +37 -32
- package/Zoom/Zoom.js +31 -30
- package/index.js +1 -1
- package/internal/SwitchBase.js +45 -43
- package/legacy/Accordion/Accordion.js +9 -8
- package/legacy/AccordionActions/AccordionActions.js +6 -4
- package/legacy/AccordionDetails/AccordionDetails.js +4 -2
- package/legacy/AccordionSummary/AccordionSummary.js +12 -11
- package/legacy/Alert/Alert.js +11 -10
- package/legacy/AlertTitle/AlertTitle.js +4 -2
- package/legacy/AppBar/AppBar.js +18 -16
- package/legacy/Autocomplete/Autocomplete.js +45 -43
- package/legacy/Avatar/Avatar.js +11 -9
- package/legacy/AvatarGroup/AvatarGroup.js +10 -9
- package/legacy/Backdrop/Backdrop.js +10 -8
- package/legacy/Badge/Badge.js +16 -15
- package/legacy/BottomNavigation/BottomNavigation.js +6 -4
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +9 -8
- package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +10 -8
- package/legacy/Breadcrumbs/Breadcrumbs.js +5 -4
- package/legacy/Button/Button.js +37 -36
- package/legacy/ButtonBase/ButtonBase.js +6 -5
- package/legacy/ButtonBase/TouchRipple.js +5 -3
- package/legacy/ButtonGroup/ButtonGroup.js +28 -27
- package/legacy/Card/Card.js +5 -3
- package/legacy/CardActionArea/CardActionArea.js +4 -3
- package/legacy/CardActions/CardActions.js +6 -4
- package/legacy/CardContent/CardContent.js +5 -3
- package/legacy/CardHeader/CardHeader.js +11 -10
- package/legacy/CardMedia/CardMedia.js +9 -7
- package/legacy/Checkbox/Checkbox.js +9 -8
- package/legacy/Chip/Chip.js +26 -25
- package/legacy/CircularProgress/CircularProgress.js +12 -10
- package/legacy/Collapse/Collapse.js +17 -16
- package/legacy/CssBaseline/CssBaseline.js +9 -7
- package/legacy/Dialog/Dialog.js +20 -19
- package/legacy/DialogActions/DialogActions.js +6 -4
- package/legacy/DialogContent/DialogContent.js +5 -4
- package/legacy/DialogContentText/DialogContentText.js +6 -4
- package/legacy/DialogTitle/DialogTitle.js +4 -2
- package/legacy/Divider/Divider.js +19 -17
- package/legacy/Drawer/Drawer.js +23 -21
- package/legacy/Fab/Fab.js +13 -12
- package/legacy/Fade/Fade.js +8 -6
- package/legacy/FilledInput/FilledInput.js +24 -23
- package/legacy/FilledInput/filledInputClasses.js +4 -2
- package/legacy/FormControl/FormControl.js +10 -8
- package/legacy/FormControlLabel/FormControlLabel.js +11 -10
- package/legacy/FormGroup/FormGroup.js +6 -4
- package/legacy/FormHelperText/FormHelperText.js +12 -11
- package/legacy/FormLabel/FormLabel.js +13 -12
- package/legacy/GlobalStyles/GlobalStyles.js +4 -2
- package/legacy/Grid/Grid.js +13 -11
- package/legacy/Grow/Grow.js +8 -6
- package/legacy/Hidden/Hidden.js +5 -3
- package/legacy/Hidden/HiddenCss.js +4 -3
- package/legacy/Hidden/withWidth.js +6 -4
- package/legacy/Icon/Icon.js +5 -3
- package/legacy/IconButton/IconButton.js +15 -14
- package/legacy/ImageList/ImageList.js +9 -7
- package/legacy/ImageListItem/ImageListItem.js +9 -8
- package/legacy/ImageListItemBar/ImageListItemBar.js +13 -11
- package/legacy/Input/Input.js +8 -7
- package/legacy/Input/inputClasses.js +4 -2
- package/legacy/InputAdornment/InputAdornment.js +9 -8
- package/legacy/InputBase/InputBase.js +28 -27
- package/legacy/InputLabel/InputLabel.js +14 -13
- package/legacy/LinearProgress/LinearProgress.js +17 -15
- package/legacy/Link/Link.js +9 -8
- package/legacy/List/List.js +8 -6
- package/legacy/ListItem/ListItem.js +25 -24
- package/legacy/ListItemAvatar/ListItemAvatar.js +6 -4
- package/legacy/ListItemButton/ListItemButton.js +16 -15
- package/legacy/ListItemIcon/ListItemIcon.js +6 -4
- package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +6 -4
- package/legacy/ListItemText/ListItemText.js +11 -10
- package/legacy/ListSubheader/ListSubheader.js +10 -8
- package/legacy/Menu/Menu.js +12 -10
- package/legacy/MenuItem/MenuItem.js +22 -21
- package/legacy/MenuList/MenuList.js +5 -3
- package/legacy/MobileStepper/MobileStepper.js +12 -10
- package/legacy/Modal/Modal.js +10 -8
- package/legacy/NativeSelect/NativeSelect.js +8 -6
- package/legacy/NativeSelect/NativeSelectInput.js +17 -16
- package/legacy/OutlinedInput/NotchedOutline.js +8 -6
- package/legacy/OutlinedInput/OutlinedInput.js +23 -22
- package/legacy/OutlinedInput/outlinedInputClasses.js +4 -2
- package/legacy/Pagination/Pagination.js +9 -7
- package/legacy/PaginationItem/PaginationItem.js +24 -23
- package/legacy/Paper/Paper.js +9 -7
- package/legacy/Popover/Popover.js +12 -10
- package/legacy/Popper/Popper.js +6 -4
- package/legacy/Radio/Radio.js +8 -7
- package/legacy/Radio/RadioButtonIcon.js +5 -3
- package/legacy/RadioGroup/RadioGroup.js +5 -3
- package/legacy/Rating/Rating.js +24 -23
- package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +6 -4
- package/legacy/Select/Select.js +10 -8
- package/legacy/Select/SelectInput.js +11 -10
- package/legacy/Skeleton/Skeleton.js +13 -11
- package/legacy/Slide/Slide.js +10 -8
- package/legacy/Slider/Slider.js +65 -64
- package/legacy/Snackbar/Snackbar.js +16 -15
- package/legacy/SnackbarContent/SnackbarContent.js +5 -4
- package/legacy/SpeedDial/SpeedDial.js +15 -14
- package/legacy/SpeedDialAction/SpeedDialAction.js +16 -15
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +7 -6
- package/legacy/Step/Step.js +8 -6
- package/legacy/StepButton/StepButton.js +8 -7
- package/legacy/StepConnector/StepConnector.js +10 -8
- package/legacy/StepContent/StepContent.js +9 -7
- package/legacy/StepIcon/StepIcon.js +7 -6
- package/legacy/StepLabel/StepLabel.js +20 -19
- package/legacy/Stepper/Stepper.js +10 -8
- package/legacy/SvgIcon/SvgIcon.js +6 -4
- package/legacy/SwipeableDrawer/SwipeArea.js +9 -8
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +10 -8
- package/legacy/Switch/Switch.js +11 -10
- package/legacy/Tab/Tab.js +16 -15
- package/legacy/TabScrollButton/TabScrollButton.js +7 -6
- package/legacy/Table/Table.js +7 -5
- package/legacy/TableBody/TableBody.js +5 -3
- package/legacy/TableCell/TableCell.js +15 -14
- package/legacy/TableContainer/TableContainer.js +5 -3
- package/legacy/TableFooter/TableFooter.js +5 -3
- package/legacy/TableHead/TableHead.js +5 -3
- package/legacy/TablePagination/TablePagination.js +15 -14
- package/legacy/TablePagination/TablePaginationActions.js +9 -7
- package/legacy/TableRow/TableRow.js +4 -3
- package/legacy/TableSortLabel/TableSortLabel.js +7 -6
- package/legacy/Tabs/ScrollbarSize.js +4 -2
- package/legacy/Tabs/Tabs.js +23 -22
- package/legacy/TextField/TextField.js +14 -12
- package/legacy/ToggleButton/ToggleButton.js +12 -11
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +8 -7
- package/legacy/Toolbar/Toolbar.js +6 -5
- package/legacy/Tooltip/Tooltip.js +34 -33
- package/legacy/Typography/Typography.js +11 -9
- package/legacy/Zoom/Zoom.js +8 -6
- package/legacy/index.js +1 -1
- package/legacy/internal/SwitchBase.js +10 -8
- package/legacy/locale/index.js +383 -68
- package/legacy/styles/CssVarsProvider.js +4 -2
- package/legacy/styles/ThemeProvider.js +4 -2
- package/legacy/styles/adaptV4Theme.js +7 -6
- package/legacy/styles/createMixins.js +3 -2
- package/legacy/styles/createPalette.js +6 -4
- package/legacy/styles/createTheme.js +4 -3
- package/legacy/styles/createTransitions.js +7 -5
- package/legacy/styles/createTypography.js +6 -4
- package/legacy/styles/experimental_extendTheme.js +12 -10
- package/legacy/styles/responsiveFontSizes.js +6 -4
- package/legacy/usePagination/usePagination.js +4 -2
- package/legacy/useScrollTrigger/useScrollTrigger.js +4 -2
- package/legacy/utils/createSvgIcon.js +5 -3
- package/locale/index.d.ts +4 -0
- package/locale/index.js +309 -0
- package/modern/Accordion/Accordion.js +44 -43
- package/modern/AccordionActions/AccordionActions.js +18 -18
- package/modern/AccordionDetails/AccordionDetails.js +7 -9
- package/modern/AccordionSummary/AccordionSummary.js +32 -32
- package/modern/Alert/Alert.js +64 -60
- package/modern/AlertTitle/AlertTitle.js +7 -9
- package/modern/AppBar/AppBar.js +89 -73
- package/modern/Autocomplete/Autocomplete.js +169 -138
- package/modern/Avatar/Avatar.js +42 -38
- package/modern/AvatarGroup/AvatarGroup.js +34 -33
- package/modern/Backdrop/Backdrop.js +33 -31
- package/modern/Badge/Badge.js +119 -107
- package/modern/BottomNavigation/BottomNavigation.js +15 -17
- package/modern/BottomNavigationAction/BottomNavigationAction.js +29 -31
- package/modern/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
- package/modern/Breadcrumbs/Breadcrumbs.js +19 -21
- package/modern/Button/Button.js +168 -133
- package/modern/ButtonBase/ButtonBase.js +43 -42
- package/modern/ButtonBase/TouchRipple.js +9 -12
- package/modern/ButtonGroup/ButtonGroup.js +111 -89
- package/modern/Card/Card.js +11 -12
- package/modern/CardActionArea/CardActionArea.js +9 -12
- package/modern/CardActions/CardActions.js +18 -18
- package/modern/CardContent/CardContent.js +11 -12
- package/modern/CardHeader/CardHeader.js +30 -31
- package/modern/CardMedia/CardMedia.js +28 -27
- package/modern/Checkbox/Checkbox.js +44 -39
- package/modern/Chip/Chip.js +146 -129
- package/modern/CircularProgress/CircularProgress.js +43 -36
- package/modern/Collapse/Collapse.js +73 -65
- package/modern/CssBaseline/CssBaseline.js +17 -14
- package/modern/Dialog/Dialog.js +103 -94
- package/modern/DialogActions/DialogActions.js +18 -18
- package/modern/DialogContent/DialogContent.js +22 -22
- package/modern/DialogContentText/DialogContentText.js +13 -11
- package/modern/DialogTitle/DialogTitle.js +8 -10
- package/modern/Divider/Divider.js +99 -84
- package/modern/Drawer/Drawer.js +85 -76
- package/modern/Fab/Fab.js +70 -59
- package/modern/Fade/Fade.js +31 -30
- package/modern/FilledInput/FilledInput.js +135 -117
- package/modern/FilledInput/filledInputClasses.js +4 -2
- package/modern/FormControl/FormControl.js +41 -35
- package/modern/FormControlLabel/FormControlLabel.js +43 -38
- package/modern/FormGroup/FormGroup.js +16 -16
- package/modern/FormHelperText/FormHelperText.js +30 -23
- package/modern/FormLabel/FormLabel.js +26 -18
- package/modern/GlobalStyles/GlobalStyles.js +3 -3
- package/modern/Grid/Grid.js +50 -41
- package/modern/Grow/Grow.js +31 -30
- package/modern/Hidden/Hidden.js +21 -22
- package/modern/Hidden/HiddenCss.js +29 -29
- package/modern/Hidden/withWidth.js +19 -19
- package/modern/Icon/Icon.js +14 -15
- package/modern/IconButton/IconButton.js +59 -52
- package/modern/ImageList/ImageList.js +30 -29
- package/modern/ImageListItem/ImageListItem.js +40 -39
- package/modern/ImageListItemBar/ImageListItemBar.js +47 -41
- package/modern/Input/Input.js +77 -74
- package/modern/Input/inputClasses.js +4 -2
- package/modern/InputAdornment/InputAdornment.js +36 -34
- package/modern/InputBase/InputBase.js +116 -92
- package/modern/InputLabel/InputLabel.js +83 -68
- package/modern/LinearProgress/LinearProgress.js +64 -58
- package/modern/Link/Link.js +69 -64
- package/modern/List/List.js +24 -24
- package/modern/ListItem/ListItem.js +113 -96
- package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
- package/modern/ListItemButton/ListItemButton.js +40 -35
- package/modern/ListItemIcon/ListItemIcon.js +15 -15
- package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/modern/ListItemText/ListItemText.js +34 -34
- package/modern/ListSubheader/ListSubheader.js +36 -32
- package/modern/Menu/Menu.js +38 -39
- package/modern/MenuItem/MenuItem.js +50 -45
- package/modern/MenuList/MenuList.js +17 -20
- package/modern/MobileStepper/MobileStepper.js +61 -53
- package/modern/Modal/Modal.js +50 -45
- package/modern/NativeSelect/NativeSelect.js +26 -22
- package/modern/NativeSelect/NativeSelectInput.js +50 -43
- package/modern/OutlinedInput/NotchedOutline.js +55 -51
- package/modern/OutlinedInput/OutlinedInput.js +72 -59
- package/modern/OutlinedInput/outlinedInputClasses.js +4 -2
- package/modern/Pagination/Pagination.js +35 -31
- package/modern/PaginationItem/PaginationItem.js +105 -93
- package/modern/Paper/Paper.js +32 -28
- package/modern/Popover/Popover.js +49 -51
- package/modern/Popper/Popper.js +25 -27
- package/modern/Radio/Radio.js +36 -33
- package/modern/Radio/RadioButtonIcon.js +11 -10
- package/modern/RadioGroup/RadioGroup.js +14 -17
- package/modern/Rating/Rating.js +88 -73
- package/modern/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
- package/modern/Select/Select.js +59 -55
- package/modern/Select/SelectInput.js +58 -57
- package/modern/Skeleton/Skeleton.js +51 -46
- package/modern/Slide/Slide.js +37 -33
- package/modern/Slider/Slider.js +281 -216
- package/modern/Snackbar/Snackbar.js +81 -67
- package/modern/SnackbarContent/SnackbarContent.js +13 -15
- package/modern/SpeedDial/SpeedDial.js +85 -83
- package/modern/SpeedDialAction/SpeedDialAction.js +57 -52
- package/modern/SpeedDialIcon/SpeedDialIcon.js +25 -24
- package/modern/Step/Step.js +27 -26
- package/modern/StepButton/StepButton.js +23 -24
- package/modern/StepConnector/StepConnector.js +34 -31
- package/modern/StepContent/StepContent.js +23 -24
- package/modern/StepIcon/StepIcon.js +22 -22
- package/modern/StepLabel/StepLabel.js +34 -33
- package/modern/Stepper/Stepper.js +33 -31
- package/modern/SvgIcon/SvgIcon.js +19 -20
- package/modern/SwipeableDrawer/SwipeArea.js +33 -30
- package/modern/SwipeableDrawer/SwipeableDrawer.js +49 -43
- package/modern/Switch/Switch.js +59 -52
- package/modern/Tab/Tab.js +93 -83
- package/modern/TabScrollButton/TabScrollButton.js +30 -25
- package/modern/Table/Table.js +20 -19
- package/modern/TableBody/TableBody.js +11 -12
- package/modern/TableCell/TableCell.js +70 -59
- package/modern/TableContainer/TableContainer.js +11 -12
- package/modern/TableFooter/TableFooter.js +11 -12
- package/modern/TableHead/TableHead.js +11 -12
- package/modern/TablePagination/TablePagination.js +53 -49
- package/modern/TablePagination/TablePaginationActions.js +22 -25
- package/modern/TableRow/TableRow.js +13 -14
- package/modern/TableSortLabel/TableSortLabel.js +23 -23
- package/modern/Tabs/ScrollbarSize.js +7 -9
- package/modern/Tabs/Tabs.js +107 -92
- package/modern/TextField/TextField.js +57 -57
- package/modern/ToggleButton/ToggleButton.js +36 -35
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
- package/modern/Toolbar/Toolbar.js +26 -25
- package/modern/Tooltip/Tooltip.js +177 -147
- package/modern/Typography/Typography.js +37 -32
- package/modern/Zoom/Zoom.js +31 -30
- package/modern/index.js +1 -1
- package/modern/internal/SwitchBase.js +45 -43
- package/modern/locale/index.js +309 -0
- package/modern/styles/CssVarsProvider.js +3 -3
- package/modern/styles/ThemeProvider.js +7 -10
- package/modern/styles/adaptV4Theme.js +31 -31
- package/modern/styles/createMixins.js +4 -4
- package/modern/styles/createPalette.js +16 -13
- package/modern/styles/createTheme.js +16 -11
- package/modern/styles/createTransitions.js +17 -14
- package/modern/styles/createTypography.js +31 -29
- package/modern/styles/experimental_extendTheme.js +41 -33
- package/modern/styles/responsiveFontSizes.js +17 -11
- package/modern/usePagination/usePagination.js +18 -20
- package/modern/useScrollTrigger/useScrollTrigger.js +8 -10
- package/modern/utils/createSvgIcon.js +4 -5
- package/node/Accordion/Accordion.js +44 -43
- package/node/AccordionActions/AccordionActions.js +18 -18
- package/node/AccordionDetails/AccordionDetails.js +7 -9
- package/node/AccordionSummary/AccordionSummary.js +32 -32
- package/node/Alert/Alert.js +64 -60
- package/node/AlertTitle/AlertTitle.js +7 -9
- package/node/AppBar/AppBar.js +89 -73
- package/node/Autocomplete/Autocomplete.js +172 -141
- package/node/Avatar/Avatar.js +42 -38
- package/node/AvatarGroup/AvatarGroup.js +34 -33
- package/node/Backdrop/Backdrop.js +33 -31
- package/node/Badge/Badge.js +119 -107
- package/node/BottomNavigation/BottomNavigation.js +15 -17
- package/node/BottomNavigationAction/BottomNavigationAction.js +29 -31
- package/node/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
- package/node/Breadcrumbs/Breadcrumbs.js +19 -21
- package/node/Button/Button.js +168 -133
- package/node/ButtonBase/ButtonBase.js +43 -42
- package/node/ButtonBase/TouchRipple.js +9 -12
- package/node/ButtonGroup/ButtonGroup.js +111 -89
- package/node/Card/Card.js +11 -12
- package/node/CardActionArea/CardActionArea.js +9 -12
- package/node/CardActions/CardActions.js +18 -18
- package/node/CardContent/CardContent.js +11 -12
- package/node/CardHeader/CardHeader.js +30 -31
- package/node/CardMedia/CardMedia.js +28 -27
- package/node/Checkbox/Checkbox.js +44 -39
- package/node/Chip/Chip.js +146 -129
- package/node/CircularProgress/CircularProgress.js +43 -36
- package/node/Collapse/Collapse.js +73 -65
- package/node/CssBaseline/CssBaseline.js +17 -14
- package/node/Dialog/Dialog.js +103 -94
- package/node/DialogActions/DialogActions.js +18 -18
- package/node/DialogContent/DialogContent.js +22 -22
- package/node/DialogContentText/DialogContentText.js +13 -11
- package/node/DialogTitle/DialogTitle.js +8 -10
- package/node/Divider/Divider.js +99 -84
- package/node/Drawer/Drawer.js +85 -76
- package/node/Fab/Fab.js +71 -60
- package/node/Fade/Fade.js +31 -30
- package/node/FilledInput/FilledInput.js +135 -117
- package/node/FilledInput/filledInputClasses.js +4 -2
- package/node/FormControl/FormControl.js +41 -35
- package/node/FormControlLabel/FormControlLabel.js +43 -38
- package/node/FormGroup/FormGroup.js +16 -16
- package/node/FormHelperText/FormHelperText.js +30 -23
- package/node/FormLabel/FormLabel.js +26 -18
- package/node/GlobalStyles/GlobalStyles.js +3 -3
- package/node/Grid/Grid.js +54 -43
- package/node/Grow/Grow.js +31 -30
- package/node/Hidden/Hidden.js +24 -26
- package/node/Hidden/HiddenCss.js +29 -29
- package/node/Hidden/withWidth.js +19 -19
- package/node/Icon/Icon.js +14 -15
- package/node/IconButton/IconButton.js +59 -52
- package/node/ImageList/ImageList.js +30 -29
- package/node/ImageListItem/ImageListItem.js +40 -39
- package/node/ImageListItemBar/ImageListItemBar.js +47 -41
- package/node/Input/Input.js +77 -74
- package/node/Input/inputClasses.js +4 -2
- package/node/InputAdornment/InputAdornment.js +36 -34
- package/node/InputBase/InputBase.js +116 -92
- package/node/InputLabel/InputLabel.js +83 -68
- package/node/LinearProgress/LinearProgress.js +64 -58
- package/node/Link/Link.js +69 -64
- package/node/List/List.js +24 -24
- package/node/ListItem/ListItem.js +113 -96
- package/node/ListItemAvatar/ListItemAvatar.js +15 -15
- package/node/ListItemButton/ListItemButton.js +40 -35
- package/node/ListItemIcon/ListItemIcon.js +15 -15
- package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/node/ListItemText/ListItemText.js +34 -34
- package/node/ListSubheader/ListSubheader.js +36 -32
- package/node/Menu/Menu.js +38 -39
- package/node/MenuItem/MenuItem.js +50 -45
- package/node/MenuList/MenuList.js +17 -20
- package/node/MobileStepper/MobileStepper.js +61 -53
- package/node/Modal/Modal.js +50 -45
- package/node/NativeSelect/NativeSelect.js +26 -22
- package/node/NativeSelect/NativeSelectInput.js +50 -43
- package/node/OutlinedInput/NotchedOutline.js +55 -51
- package/node/OutlinedInput/OutlinedInput.js +72 -59
- package/node/OutlinedInput/outlinedInputClasses.js +4 -2
- package/node/Pagination/Pagination.js +35 -31
- package/node/PaginationItem/PaginationItem.js +105 -93
- package/node/Paper/Paper.js +32 -28
- package/node/Popover/Popover.js +49 -51
- package/node/Popper/Popper.js +25 -27
- package/node/Radio/Radio.js +36 -33
- package/node/Radio/RadioButtonIcon.js +11 -10
- package/node/RadioGroup/RadioGroup.js +14 -17
- package/node/Rating/Rating.js +88 -73
- package/node/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
- package/node/Select/Select.js +59 -55
- package/node/Select/SelectInput.js +58 -57
- package/node/Skeleton/Skeleton.js +51 -46
- package/node/Slide/Slide.js +39 -34
- package/node/Slider/Slider.js +281 -216
- package/node/Snackbar/Snackbar.js +81 -67
- package/node/SnackbarContent/SnackbarContent.js +13 -15
- package/node/SpeedDial/SpeedDial.js +85 -83
- package/node/SpeedDialAction/SpeedDialAction.js +59 -52
- package/node/SpeedDialIcon/SpeedDialIcon.js +25 -24
- package/node/Step/Step.js +27 -26
- package/node/StepButton/StepButton.js +23 -24
- package/node/StepConnector/StepConnector.js +34 -31
- package/node/StepContent/StepContent.js +23 -24
- package/node/StepIcon/StepIcon.js +22 -22
- package/node/StepLabel/StepLabel.js +34 -33
- package/node/Stepper/Stepper.js +33 -31
- package/node/SvgIcon/SvgIcon.js +19 -20
- package/node/SwipeableDrawer/SwipeArea.js +33 -30
- package/node/SwipeableDrawer/SwipeableDrawer.js +51 -44
- package/node/Switch/Switch.js +61 -52
- package/node/Tab/Tab.js +93 -83
- package/node/TabScrollButton/TabScrollButton.js +32 -26
- package/node/Table/Table.js +20 -19
- package/node/TableBody/TableBody.js +11 -12
- package/node/TableCell/TableCell.js +70 -59
- package/node/TableContainer/TableContainer.js +11 -12
- package/node/TableFooter/TableFooter.js +11 -12
- package/node/TableHead/TableHead.js +11 -12
- package/node/TablePagination/TablePagination.js +53 -49
- package/node/TablePagination/TablePaginationActions.js +22 -25
- package/node/TableRow/TableRow.js +13 -14
- package/node/TableSortLabel/TableSortLabel.js +23 -23
- package/node/Tabs/ScrollbarSize.js +7 -9
- package/node/Tabs/Tabs.js +107 -92
- package/node/TextField/TextField.js +57 -57
- package/node/ToggleButton/ToggleButton.js +38 -35
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
- package/node/Toolbar/Toolbar.js +26 -25
- package/node/Tooltip/Tooltip.js +177 -147
- package/node/Typography/Typography.js +37 -32
- package/node/Zoom/Zoom.js +31 -30
- package/node/index.js +1 -1
- package/node/internal/SwitchBase.js +45 -43
- package/node/locale/index.js +314 -1
- package/node/styles/CssVarsProvider.js +3 -3
- package/node/styles/ThemeProvider.js +7 -10
- package/node/styles/adaptV4Theme.js +31 -32
- package/node/styles/createMixins.js +4 -5
- package/node/styles/createPalette.js +16 -13
- package/node/styles/createTheme.js +16 -11
- package/node/styles/createTransitions.js +17 -15
- package/node/styles/createTypography.js +31 -30
- package/node/styles/experimental_extendTheme.js +41 -33
- package/node/styles/responsiveFontSizes.js +17 -12
- package/node/usePagination/usePagination.js +18 -21
- package/node/useScrollTrigger/useScrollTrigger.js +8 -11
- package/node/utils/createSvgIcon.js +4 -5
- package/package.json +5 -5
- package/styles/CssVarsProvider.js +3 -3
- package/styles/ThemeProvider.js +7 -10
- package/styles/adaptV4Theme.js +31 -31
- package/styles/createMixins.js +4 -4
- package/styles/createPalette.js +16 -13
- package/styles/createTheme.js +16 -11
- package/styles/createTransitions.js +17 -14
- package/styles/createTypography.js +31 -29
- package/styles/experimental_extendTheme.js +41 -33
- package/styles/responsiveFontSizes.js +17 -11
- package/umd/material-ui.development.js +7513 -6042
- package/umd/material-ui.production.min.js +21 -21
- package/usePagination/usePagination.js +18 -20
- package/useScrollTrigger/useScrollTrigger.js +8 -10
- package/utils/createSvgIcon.js +4 -5
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
import * as React from 'react';
|
|
5
6
|
import { isFragment } from 'react-is';
|
|
6
7
|
import PropTypes from 'prop-types';
|
|
@@ -33,14 +34,14 @@ var ToggleButtonGroupRoot = styled('div', {
|
|
|
33
34
|
})(function (_ref3) {
|
|
34
35
|
var ownerState = _ref3.ownerState,
|
|
35
36
|
theme = _ref3.theme;
|
|
36
|
-
return
|
|
37
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
37
38
|
display: 'inline-flex',
|
|
38
39
|
borderRadius: (theme.vars || theme).shape.borderRadius
|
|
39
40
|
}, ownerState.orientation === 'vertical' && {
|
|
40
41
|
flexDirection: 'column'
|
|
41
|
-
}, ownerState.fullWidth && {
|
|
42
|
+
}), ownerState.fullWidth && {
|
|
42
43
|
width: '100%'
|
|
43
|
-
}, _defineProperty({}, "& .".concat(toggleButtonGroupClasses.grouped),
|
|
44
|
+
}), {}, _defineProperty({}, "& .".concat(toggleButtonGroupClasses.grouped), _objectSpread({}, ownerState.orientation === 'horizontal' ? _defineProperty({
|
|
44
45
|
'&:not(:first-of-type)': {
|
|
45
46
|
marginLeft: -1,
|
|
46
47
|
borderLeft: '1px solid transparent',
|
|
@@ -92,7 +93,7 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
|
|
|
92
93
|
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
93
94
|
value = props.value,
|
|
94
95
|
other = _objectWithoutProperties(props, ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"]);
|
|
95
|
-
var ownerState =
|
|
96
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
96
97
|
disabled: disabled,
|
|
97
98
|
fullWidth: fullWidth,
|
|
98
99
|
orientation: orientation,
|
|
@@ -119,12 +120,12 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
|
|
|
119
120
|
}
|
|
120
121
|
onChange(event, value === buttonValue ? null : buttonValue);
|
|
121
122
|
};
|
|
122
|
-
return /*#__PURE__*/_jsx(ToggleButtonGroupRoot,
|
|
123
|
+
return /*#__PURE__*/_jsx(ToggleButtonGroupRoot, _objectSpread(_objectSpread({
|
|
123
124
|
role: "group",
|
|
124
125
|
className: clsx(classes.root, className),
|
|
125
126
|
ref: ref,
|
|
126
127
|
ownerState: ownerState
|
|
127
|
-
}, other, {
|
|
128
|
+
}, other), {}, {
|
|
128
129
|
children: React.Children.map(children, function (child) {
|
|
129
130
|
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
130
131
|
return null;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
-
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
import * as React from 'react';
|
|
5
6
|
import PropTypes from 'prop-types';
|
|
6
7
|
import clsx from 'clsx';
|
|
@@ -28,7 +29,7 @@ var ToolbarRoot = styled('div', {
|
|
|
28
29
|
})(function (_ref) {
|
|
29
30
|
var theme = _ref.theme,
|
|
30
31
|
ownerState = _ref.ownerState;
|
|
31
|
-
return
|
|
32
|
+
return _objectSpread(_objectSpread({
|
|
32
33
|
position: 'relative',
|
|
33
34
|
display: 'flex',
|
|
34
35
|
alignItems: 'center'
|
|
@@ -38,7 +39,7 @@ var ToolbarRoot = styled('div', {
|
|
|
38
39
|
}, theme.breakpoints.up('sm'), {
|
|
39
40
|
paddingLeft: theme.spacing(3),
|
|
40
41
|
paddingRight: theme.spacing(3)
|
|
41
|
-
}), ownerState.variant === 'dense' && {
|
|
42
|
+
})), ownerState.variant === 'dense' && {
|
|
42
43
|
minHeight: 48
|
|
43
44
|
});
|
|
44
45
|
}, function (_ref3) {
|
|
@@ -59,13 +60,13 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
|
|
|
59
60
|
_props$variant = props.variant,
|
|
60
61
|
variant = _props$variant === void 0 ? 'regular' : _props$variant,
|
|
61
62
|
other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "variant"]);
|
|
62
|
-
var ownerState =
|
|
63
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
63
64
|
component: component,
|
|
64
65
|
disableGutters: disableGutters,
|
|
65
66
|
variant: variant
|
|
66
67
|
});
|
|
67
68
|
var classes = useUtilityClasses(ownerState);
|
|
68
|
-
return /*#__PURE__*/_jsx(ToolbarRoot,
|
|
69
|
+
return /*#__PURE__*/_jsx(ToolbarRoot, _objectSpread({
|
|
69
70
|
as: component,
|
|
70
71
|
className: clsx(classes.root, className),
|
|
71
72
|
ref: ref,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
6
|
import * as React from 'react';
|
|
6
7
|
import PropTypes from 'prop-types';
|
|
7
8
|
import clsx from 'clsx';
|
|
@@ -50,14 +51,14 @@ var TooltipPopper = styled(Popper, {
|
|
|
50
51
|
var theme = _ref.theme,
|
|
51
52
|
ownerState = _ref.ownerState,
|
|
52
53
|
open = _ref.open;
|
|
53
|
-
return
|
|
54
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
54
55
|
zIndex: (theme.vars || theme).zIndex.tooltip,
|
|
55
56
|
pointerEvents: 'none'
|
|
56
57
|
}, !ownerState.disableInteractive && {
|
|
57
58
|
pointerEvents: 'auto'
|
|
58
|
-
}, !open && {
|
|
59
|
+
}), !open && {
|
|
59
60
|
pointerEvents: 'none'
|
|
60
|
-
}, ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
|
|
61
|
+
}), ownerState.arrow && (_ref2 = {}, _defineProperty(_ref2, "&[data-popper-placement*=\"bottom\"] .".concat(tooltipClasses.arrow), {
|
|
61
62
|
top: 0,
|
|
62
63
|
marginTop: '-0.71em',
|
|
63
64
|
'&::before': {
|
|
@@ -69,25 +70,25 @@ var TooltipPopper = styled(Popper, {
|
|
|
69
70
|
'&::before': {
|
|
70
71
|
transformOrigin: '100% 0'
|
|
71
72
|
}
|
|
72
|
-
}), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow),
|
|
73
|
+
}), _defineProperty(_ref2, "&[data-popper-placement*=\"right\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
|
|
73
74
|
left: 0,
|
|
74
75
|
marginLeft: '-0.71em'
|
|
75
76
|
} : {
|
|
76
77
|
right: 0,
|
|
77
78
|
marginRight: '-0.71em'
|
|
78
|
-
}, {
|
|
79
|
+
}), {}, {
|
|
79
80
|
height: '1em',
|
|
80
81
|
width: '0.71em',
|
|
81
82
|
'&::before': {
|
|
82
83
|
transformOrigin: '100% 100%'
|
|
83
84
|
}
|
|
84
|
-
})), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow),
|
|
85
|
+
})), _defineProperty(_ref2, "&[data-popper-placement*=\"left\"] .".concat(tooltipClasses.arrow), _objectSpread(_objectSpread({}, !ownerState.isRtl ? {
|
|
85
86
|
right: 0,
|
|
86
87
|
marginRight: '-0.71em'
|
|
87
88
|
} : {
|
|
88
89
|
left: 0,
|
|
89
90
|
marginLeft: '-0.71em'
|
|
90
|
-
}, {
|
|
91
|
+
}), {}, {
|
|
91
92
|
height: '1em',
|
|
92
93
|
width: '0.71em',
|
|
93
94
|
'&::before': {
|
|
@@ -103,10 +104,10 @@ var TooltipTooltip = styled('div', {
|
|
|
103
104
|
return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles["tooltipPlacement".concat(capitalize(ownerState.placement.split('-')[0]))]];
|
|
104
105
|
}
|
|
105
106
|
})(function (_ref3) {
|
|
106
|
-
var
|
|
107
|
+
var _objectSpread2;
|
|
107
108
|
var theme = _ref3.theme,
|
|
108
109
|
ownerState = _ref3.ownerState;
|
|
109
|
-
return
|
|
110
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
110
111
|
backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
|
|
111
112
|
borderRadius: (theme.vars || theme).shape.borderRadius,
|
|
112
113
|
color: (theme.vars || theme).palette.common.white,
|
|
@@ -120,42 +121,42 @@ var TooltipTooltip = styled('div', {
|
|
|
120
121
|
}, ownerState.arrow && {
|
|
121
122
|
position: 'relative',
|
|
122
123
|
margin: 0
|
|
123
|
-
}, ownerState.touch && {
|
|
124
|
+
}), ownerState.touch && {
|
|
124
125
|
padding: '8px 16px',
|
|
125
126
|
fontSize: theme.typography.pxToRem(14),
|
|
126
127
|
lineHeight: "".concat(round(16 / 14), "em"),
|
|
127
128
|
fontWeight: theme.typography.fontWeightRegular
|
|
128
|
-
}, (
|
|
129
|
+
}), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"left\"] &"), _objectSpread({
|
|
129
130
|
transformOrigin: 'right center'
|
|
130
|
-
}, !ownerState.isRtl ?
|
|
131
|
+
}, !ownerState.isRtl ? _objectSpread({
|
|
131
132
|
marginRight: '14px'
|
|
132
133
|
}, ownerState.touch && {
|
|
133
134
|
marginRight: '24px'
|
|
134
|
-
}) :
|
|
135
|
+
}) : _objectSpread({
|
|
135
136
|
marginLeft: '14px'
|
|
136
137
|
}, ownerState.touch && {
|
|
137
138
|
marginLeft: '24px'
|
|
138
|
-
}))), _defineProperty(
|
|
139
|
+
}))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"right\"] &"), _objectSpread({
|
|
139
140
|
transformOrigin: 'left center'
|
|
140
|
-
}, !ownerState.isRtl ?
|
|
141
|
+
}, !ownerState.isRtl ? _objectSpread({
|
|
141
142
|
marginLeft: '14px'
|
|
142
143
|
}, ownerState.touch && {
|
|
143
144
|
marginLeft: '24px'
|
|
144
|
-
}) :
|
|
145
|
+
}) : _objectSpread({
|
|
145
146
|
marginRight: '14px'
|
|
146
147
|
}, ownerState.touch && {
|
|
147
148
|
marginRight: '24px'
|
|
148
|
-
}))), _defineProperty(
|
|
149
|
+
}))), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"top\"] &"), _objectSpread({
|
|
149
150
|
transformOrigin: 'center bottom',
|
|
150
151
|
marginBottom: '14px'
|
|
151
152
|
}, ownerState.touch && {
|
|
152
153
|
marginBottom: '24px'
|
|
153
|
-
})), _defineProperty(
|
|
154
|
+
})), _defineProperty(_objectSpread2, ".".concat(tooltipClasses.popper, "[data-popper-placement*=\"bottom\"] &"), _objectSpread({
|
|
154
155
|
transformOrigin: 'center top',
|
|
155
156
|
marginTop: '14px'
|
|
156
157
|
}, ownerState.touch && {
|
|
157
158
|
marginTop: '24px'
|
|
158
|
-
})),
|
|
159
|
+
})), _objectSpread2));
|
|
159
160
|
});
|
|
160
161
|
var TooltipArrow = styled('span', {
|
|
161
162
|
name: 'MuiTooltip',
|
|
@@ -474,7 +475,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
474
475
|
nameOrDescProps['aria-label'] = titleIsString ? title : null;
|
|
475
476
|
nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;
|
|
476
477
|
}
|
|
477
|
-
var childrenProps =
|
|
478
|
+
var childrenProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, nameOrDescProps), other), children.props), {}, {
|
|
478
479
|
className: clsx(other.className, children.props.className),
|
|
479
480
|
onTouchStart: detectTouchStart,
|
|
480
481
|
ref: handleRef
|
|
@@ -530,11 +531,11 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
530
531
|
if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {
|
|
531
532
|
tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
|
|
532
533
|
}
|
|
533
|
-
return
|
|
534
|
+
return _objectSpread(_objectSpread({}, PopperProps.popperOptions), {}, {
|
|
534
535
|
modifiers: tooltipModifiers
|
|
535
536
|
});
|
|
536
537
|
}, [arrowRef, PopperProps]);
|
|
537
|
-
var ownerState =
|
|
538
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
538
539
|
isRtl: isRtl,
|
|
539
540
|
arrow: arrow,
|
|
540
541
|
disableInteractive: disableInteractive,
|
|
@@ -547,18 +548,18 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
547
548
|
var TransitionComponent = (_ref6 = (_ref7 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref7 : TransitionComponentProp) != null ? _ref6 : Grow;
|
|
548
549
|
var TooltipComponent = (_ref8 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref8 : TooltipTooltip;
|
|
549
550
|
var ArrowComponent = (_ref9 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref9 : TooltipArrow;
|
|
550
|
-
var popperProps = appendOwnerState(PopperComponent,
|
|
551
|
+
var popperProps = appendOwnerState(PopperComponent, _objectSpread(_objectSpread(_objectSpread({}, PopperProps), (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper), {}, {
|
|
551
552
|
className: clsx(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref10 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref10.className)
|
|
552
553
|
}), ownerState);
|
|
553
|
-
var transitionProps = appendOwnerState(TransitionComponent,
|
|
554
|
-
var tooltipProps = appendOwnerState(TooltipComponent,
|
|
554
|
+
var transitionProps = appendOwnerState(TransitionComponent, _objectSpread(_objectSpread({}, TransitionProps), (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
|
|
555
|
+
var tooltipProps = appendOwnerState(TooltipComponent, _objectSpread(_objectSpread({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip), {}, {
|
|
555
556
|
className: clsx(classes.tooltip, (_ref11 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref11.className)
|
|
556
557
|
}), ownerState);
|
|
557
|
-
var tooltipArrowProps = appendOwnerState(ArrowComponent,
|
|
558
|
+
var tooltipArrowProps = appendOwnerState(ArrowComponent, _objectSpread(_objectSpread({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow), {}, {
|
|
558
559
|
className: clsx(classes.arrow, (_ref12 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref12.className)
|
|
559
560
|
}), ownerState);
|
|
560
561
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
561
|
-
children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent,
|
|
562
|
+
children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _objectSpread(_objectSpread(_objectSpread({
|
|
562
563
|
as: PopperComponentProp != null ? PopperComponentProp : Popper,
|
|
563
564
|
placement: placement,
|
|
564
565
|
anchorEl: followCursor ? {
|
|
@@ -577,15 +578,15 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
577
578
|
open: childNode ? open : false,
|
|
578
579
|
id: id,
|
|
579
580
|
transition: true
|
|
580
|
-
}, interactiveWrapperListeners, popperProps, {
|
|
581
|
+
}, interactiveWrapperListeners), popperProps), {}, {
|
|
581
582
|
popperOptions: popperOptions,
|
|
582
583
|
children: function children(_ref13) {
|
|
583
584
|
var TransitionPropsInner = _ref13.TransitionProps;
|
|
584
|
-
return /*#__PURE__*/_jsx(TransitionComponent,
|
|
585
|
+
return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread(_objectSpread({
|
|
585
586
|
timeout: theme.transitions.duration.shorter
|
|
586
|
-
}, TransitionPropsInner, transitionProps, {
|
|
587
|
-
children: /*#__PURE__*/_jsxs(TooltipComponent,
|
|
588
|
-
children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent,
|
|
587
|
+
}, TransitionPropsInner), transitionProps), {}, {
|
|
588
|
+
children: /*#__PURE__*/_jsxs(TooltipComponent, _objectSpread(_objectSpread({}, tooltipProps), {}, {
|
|
589
|
+
children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _objectSpread(_objectSpread({}, tooltipArrowProps), {}, {
|
|
589
590
|
ref: setArrowRef
|
|
590
591
|
})) : null]
|
|
591
592
|
}))
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import PropTypes from 'prop-types';
|
|
5
7
|
import clsx from 'clsx';
|
|
@@ -32,17 +34,17 @@ export var TypographyRoot = styled('span', {
|
|
|
32
34
|
})(function (_ref) {
|
|
33
35
|
var theme = _ref.theme,
|
|
34
36
|
ownerState = _ref.ownerState;
|
|
35
|
-
return
|
|
37
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
36
38
|
margin: 0
|
|
37
|
-
}, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
|
|
39
|
+
}, ownerState.variant && theme.typography[ownerState.variant]), ownerState.align !== 'inherit' && {
|
|
38
40
|
textAlign: ownerState.align
|
|
39
|
-
}, ownerState.noWrap && {
|
|
41
|
+
}), ownerState.noWrap && {
|
|
40
42
|
overflow: 'hidden',
|
|
41
43
|
textOverflow: 'ellipsis',
|
|
42
44
|
whiteSpace: 'nowrap'
|
|
43
|
-
}, ownerState.gutterBottom && {
|
|
45
|
+
}), ownerState.gutterBottom && {
|
|
44
46
|
marginBottom: '0.35em'
|
|
45
|
-
}, ownerState.paragraph && {
|
|
47
|
+
}), ownerState.paragraph && {
|
|
46
48
|
marginBottom: 16
|
|
47
49
|
});
|
|
48
50
|
});
|
|
@@ -77,7 +79,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
|
|
|
77
79
|
name: 'MuiTypography'
|
|
78
80
|
});
|
|
79
81
|
var color = transformDeprecatedColors(themeProps.color);
|
|
80
|
-
var props = extendSxProp(
|
|
82
|
+
var props = extendSxProp(_objectSpread(_objectSpread({}, themeProps), {}, {
|
|
81
83
|
color: color
|
|
82
84
|
}));
|
|
83
85
|
var _props$align = props.align,
|
|
@@ -95,7 +97,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
|
|
|
95
97
|
_props$variantMapping = props.variantMapping,
|
|
96
98
|
variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,
|
|
97
99
|
other = _objectWithoutProperties(props, ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
|
|
98
|
-
var ownerState =
|
|
100
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
99
101
|
align: align,
|
|
100
102
|
color: color,
|
|
101
103
|
className: className,
|
|
@@ -108,7 +110,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
|
|
|
108
110
|
});
|
|
109
111
|
var Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
|
110
112
|
var classes = useUtilityClasses(ownerState);
|
|
111
|
-
return /*#__PURE__*/_jsx(TypographyRoot,
|
|
113
|
+
return /*#__PURE__*/_jsx(TypographyRoot, _objectSpread({
|
|
112
114
|
as: Component,
|
|
113
115
|
ref: ref,
|
|
114
116
|
ownerState: ownerState,
|
package/legacy/Zoom/Zoom.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import PropTypes from 'prop-types';
|
|
5
7
|
import { Transition } from 'react-transition-group';
|
|
@@ -102,7 +104,7 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
|
|
|
102
104
|
addEndListener(nodeRef.current, next);
|
|
103
105
|
}
|
|
104
106
|
};
|
|
105
|
-
return /*#__PURE__*/_jsx(TransitionComponent,
|
|
107
|
+
return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
|
|
106
108
|
appear: appear,
|
|
107
109
|
in: inProp,
|
|
108
110
|
nodeRef: nodeRef,
|
|
@@ -114,13 +116,13 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
|
|
|
114
116
|
onExiting: handleExiting,
|
|
115
117
|
addEndListener: handleAddEndListener,
|
|
116
118
|
timeout: timeout
|
|
117
|
-
}, other, {
|
|
119
|
+
}, other), {}, {
|
|
118
120
|
children: function children(state, childProps) {
|
|
119
|
-
return /*#__PURE__*/React.cloneElement(_children,
|
|
120
|
-
style:
|
|
121
|
+
return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
|
|
122
|
+
style: _objectSpread(_objectSpread(_objectSpread({
|
|
121
123
|
transform: 'scale(0)',
|
|
122
124
|
visibility: state === 'exited' && !inProp ? 'hidden' : undefined
|
|
123
|
-
}, styles[state], style, _children.props.style),
|
|
125
|
+
}, styles[state]), style), _children.props.style),
|
|
124
126
|
ref: handleRef
|
|
125
127
|
}, childProps));
|
|
126
128
|
}
|
package/legacy/index.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
import
|
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
6
|
import * as React from 'react';
|
|
5
7
|
import PropTypes from 'prop-types';
|
|
6
8
|
import clsx from 'clsx';
|
|
@@ -27,12 +29,12 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
27
29
|
};
|
|
28
30
|
var SwitchBaseRoot = styled(ButtonBase)(function (_ref) {
|
|
29
31
|
var ownerState = _ref.ownerState;
|
|
30
|
-
return
|
|
32
|
+
return _objectSpread(_objectSpread({
|
|
31
33
|
padding: 9,
|
|
32
34
|
borderRadius: '50%'
|
|
33
35
|
}, ownerState.edge === 'start' && {
|
|
34
36
|
marginLeft: ownerState.size === 'small' ? -3 : -12
|
|
35
|
-
}, ownerState.edge === 'end' && {
|
|
37
|
+
}), ownerState.edge === 'end' && {
|
|
36
38
|
marginRight: ownerState.size === 'small' ? -3 : -12
|
|
37
39
|
});
|
|
38
40
|
});
|
|
@@ -123,14 +125,14 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
|
|
|
123
125
|
}
|
|
124
126
|
}
|
|
125
127
|
var hasLabelFor = type === 'checkbox' || type === 'radio';
|
|
126
|
-
var ownerState =
|
|
128
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
127
129
|
checked: checked,
|
|
128
130
|
disabled: disabled,
|
|
129
131
|
disableFocusRipple: disableFocusRipple,
|
|
130
132
|
edge: edge
|
|
131
133
|
});
|
|
132
134
|
var classes = useUtilityClasses(ownerState);
|
|
133
|
-
return /*#__PURE__*/_jsxs(SwitchBaseRoot,
|
|
135
|
+
return /*#__PURE__*/_jsxs(SwitchBaseRoot, _objectSpread(_objectSpread({
|
|
134
136
|
component: "span",
|
|
135
137
|
className: clsx(classes.root, className),
|
|
136
138
|
centerRipple: true,
|
|
@@ -142,8 +144,8 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
|
|
|
142
144
|
onBlur: handleBlur,
|
|
143
145
|
ownerState: ownerState,
|
|
144
146
|
ref: ref
|
|
145
|
-
}, other, {
|
|
146
|
-
children: [/*#__PURE__*/_jsx(SwitchBaseInput,
|
|
147
|
+
}, other), {}, {
|
|
148
|
+
children: [/*#__PURE__*/_jsx(SwitchBaseInput, _objectSpread(_objectSpread({
|
|
147
149
|
autoFocus: autoFocus,
|
|
148
150
|
checked: checkedProp,
|
|
149
151
|
defaultChecked: defaultChecked,
|
|
@@ -160,7 +162,7 @@ var SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {
|
|
|
160
162
|
type: type
|
|
161
163
|
}, type === 'checkbox' && value === undefined ? {} : {
|
|
162
164
|
value: value
|
|
163
|
-
}, inputProps)), checked ? checkedIcon : icon]
|
|
165
|
+
}), inputProps)), checked ? checkedIcon : icon]
|
|
164
166
|
}));
|
|
165
167
|
});
|
|
166
168
|
|