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