@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
package/legacy/Fade/Fade.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 Fade = /*#__PURE__*/React.forwardRef(function Fade(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: enableStrictModeCompat ? nodeRef : undefined,
|
|
@@ -116,13 +114,13 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(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
|
opacity: 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
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
4
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
6
5
|
import * as React from 'react';
|
|
7
6
|
import { refType, deepmerge } from '@mui/utils';
|
|
8
7
|
import PropTypes from 'prop-types';
|
|
@@ -21,7 +20,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
21
20
|
input: ['input']
|
|
22
21
|
};
|
|
23
22
|
var composedClasses = composeClasses(slots, getFilledInputUtilityClass, classes);
|
|
24
|
-
return
|
|
23
|
+
return _extends({}, classes, composedClasses);
|
|
25
24
|
};
|
|
26
25
|
var FilledInputRoot = styled(InputBaseRoot, {
|
|
27
26
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
@@ -34,7 +33,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
34
33
|
return [].concat(_toConsumableArray(inputBaseRootOverridesResolver(props, styles)), [!ownerState.disableUnderline && styles.underline]);
|
|
35
34
|
}
|
|
36
35
|
})(function (_ref) {
|
|
37
|
-
var
|
|
36
|
+
var _extends2, _palette, _ref2;
|
|
38
37
|
var theme = _ref.theme,
|
|
39
38
|
ownerState = _ref.ownerState;
|
|
40
39
|
var light = theme.palette.mode === 'light';
|
|
@@ -42,7 +41,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
42
41
|
var backgroundColor = light ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.09)';
|
|
43
42
|
var hoverBackground = light ? 'rgba(0, 0, 0, 0.09)' : 'rgba(255, 255, 255, 0.13)';
|
|
44
43
|
var disabledBackground = light ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)';
|
|
45
|
-
return
|
|
44
|
+
return _extends((_extends2 = {
|
|
46
45
|
position: 'relative',
|
|
47
46
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor,
|
|
48
47
|
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
|
|
@@ -58,11 +57,11 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
58
57
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
|
|
59
58
|
}
|
|
60
59
|
}
|
|
61
|
-
}, _defineProperty(
|
|
60
|
+
}, _defineProperty(_extends2, "&.".concat(filledInputClasses.focused), {
|
|
62
61
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
|
|
63
|
-
}), _defineProperty(
|
|
62
|
+
}), _defineProperty(_extends2, "&.".concat(filledInputClasses.disabled), {
|
|
64
63
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground
|
|
65
|
-
}),
|
|
64
|
+
}), _extends2), !ownerState.disableUnderline && (_ref2 = {
|
|
66
65
|
'&:after': {
|
|
67
66
|
borderBottom: "2px solid ".concat((_palette = (theme.vars || theme).palette[ownerState.color || 'primary']) == null ? void 0 : _palette.main),
|
|
68
67
|
left: 0,
|
|
@@ -102,16 +101,16 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
102
101
|
borderBottom: "1px solid ".concat((theme.vars || theme).palette.text.primary)
|
|
103
102
|
}), _defineProperty(_ref2, "&.".concat(filledInputClasses.disabled, ":before"), {
|
|
104
103
|
borderBottomStyle: 'dotted'
|
|
105
|
-
}), _ref2)
|
|
104
|
+
}), _ref2), ownerState.startAdornment && {
|
|
106
105
|
paddingLeft: 12
|
|
107
|
-
}
|
|
106
|
+
}, ownerState.endAdornment && {
|
|
108
107
|
paddingRight: 12
|
|
109
|
-
}
|
|
108
|
+
}, ownerState.multiline && _extends({
|
|
110
109
|
padding: '25px 12px 8px'
|
|
111
110
|
}, ownerState.size === 'small' && {
|
|
112
111
|
paddingTop: 21,
|
|
113
112
|
paddingBottom: 4
|
|
114
|
-
}
|
|
113
|
+
}, ownerState.hiddenLabel && {
|
|
115
114
|
paddingTop: 16,
|
|
116
115
|
paddingBottom: 17
|
|
117
116
|
}));
|
|
@@ -123,7 +122,7 @@ var FilledInputInput = styled(InputBaseInput, {
|
|
|
123
122
|
})(function (_ref3) {
|
|
124
123
|
var theme = _ref3.theme,
|
|
125
124
|
ownerState = _ref3.ownerState;
|
|
126
|
-
return
|
|
125
|
+
return _extends({
|
|
127
126
|
paddingTop: 25,
|
|
128
127
|
paddingRight: 12,
|
|
129
128
|
paddingBottom: 8,
|
|
@@ -136,7 +135,7 @@ var FilledInputInput = styled(InputBaseInput, {
|
|
|
136
135
|
borderTopLeftRadius: 'inherit',
|
|
137
136
|
borderTopRightRadius: 'inherit'
|
|
138
137
|
}
|
|
139
|
-
}
|
|
138
|
+
}, theme.vars && _defineProperty({
|
|
140
139
|
'&:-webkit-autofill': {
|
|
141
140
|
borderTopLeftRadius: 'inherit',
|
|
142
141
|
borderTopRightRadius: 'inherit'
|
|
@@ -147,22 +146,22 @@ var FilledInputInput = styled(InputBaseInput, {
|
|
|
147
146
|
WebkitTextFillColor: '#fff',
|
|
148
147
|
caretColor: '#fff'
|
|
149
148
|
}
|
|
150
|
-
})
|
|
149
|
+
}), ownerState.size === 'small' && {
|
|
151
150
|
paddingTop: 21,
|
|
152
151
|
paddingBottom: 4
|
|
153
|
-
}
|
|
152
|
+
}, ownerState.hiddenLabel && {
|
|
154
153
|
paddingTop: 16,
|
|
155
154
|
paddingBottom: 17
|
|
156
|
-
}
|
|
155
|
+
}, ownerState.multiline && {
|
|
157
156
|
paddingTop: 0,
|
|
158
157
|
paddingBottom: 0,
|
|
159
158
|
paddingLeft: 0,
|
|
160
159
|
paddingRight: 0
|
|
161
|
-
}
|
|
160
|
+
}, ownerState.startAdornment && {
|
|
162
161
|
paddingLeft: 0
|
|
163
|
-
}
|
|
162
|
+
}, ownerState.endAdornment && {
|
|
164
163
|
paddingRight: 0
|
|
165
|
-
}
|
|
164
|
+
}, ownerState.hiddenLabel && ownerState.size === 'small' && {
|
|
166
165
|
paddingTop: 8,
|
|
167
166
|
paddingBottom: 9
|
|
168
167
|
});
|
|
@@ -190,7 +189,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
|
|
|
190
189
|
_props$type = props.type,
|
|
191
190
|
type = _props$type === void 0 ? 'text' : _props$type,
|
|
192
191
|
other = _objectWithoutProperties(props, ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"]);
|
|
193
|
-
var ownerState =
|
|
192
|
+
var ownerState = _extends({}, props, {
|
|
194
193
|
fullWidth: fullWidth,
|
|
195
194
|
inputComponent: inputComponent,
|
|
196
195
|
multiline: multiline,
|
|
@@ -208,7 +207,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
|
|
|
208
207
|
var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
|
|
209
208
|
var RootSlot = (_ref5 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref5 : FilledInputRoot;
|
|
210
209
|
var InputSlot = (_ref6 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref6 : FilledInputInput;
|
|
211
|
-
return /*#__PURE__*/_jsx(InputBase,
|
|
210
|
+
return /*#__PURE__*/_jsx(InputBase, _extends({
|
|
212
211
|
slots: {
|
|
213
212
|
root: RootSlot,
|
|
214
213
|
input: InputSlot
|
|
@@ -219,7 +218,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
|
|
|
219
218
|
multiline: multiline,
|
|
220
219
|
ref: ref,
|
|
221
220
|
type: type
|
|
222
|
-
}, other
|
|
221
|
+
}, other, {
|
|
223
222
|
classes: classes
|
|
224
223
|
}));
|
|
225
224
|
});
|
|
@@ -1,11 +1,9 @@
|
|
|
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_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
5
3
|
import generateUtilityClass from '../generateUtilityClass';
|
|
6
4
|
import { inputBaseClasses } from '../InputBase';
|
|
7
5
|
export function getFilledInputUtilityClass(slot) {
|
|
8
6
|
return generateUtilityClass('MuiFilledInput', slot);
|
|
9
7
|
}
|
|
10
|
-
var filledInputClasses =
|
|
8
|
+
var filledInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
|
|
11
9
|
export default filledInputClasses;
|
|
@@ -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';
|
|
@@ -28,11 +26,11 @@ var FormControlRoot = styled('div', {
|
|
|
28
26
|
slot: 'Root',
|
|
29
27
|
overridesResolver: function overridesResolver(_ref, styles) {
|
|
30
28
|
var ownerState = _ref.ownerState;
|
|
31
|
-
return
|
|
29
|
+
return _extends({}, styles.root, styles["margin".concat(capitalize(ownerState.margin))], ownerState.fullWidth && styles.fullWidth);
|
|
32
30
|
}
|
|
33
31
|
})(function (_ref2) {
|
|
34
32
|
var ownerState = _ref2.ownerState;
|
|
35
|
-
return
|
|
33
|
+
return _extends({
|
|
36
34
|
display: 'inline-flex',
|
|
37
35
|
flexDirection: 'column',
|
|
38
36
|
position: 'relative',
|
|
@@ -45,10 +43,10 @@ var FormControlRoot = styled('div', {
|
|
|
45
43
|
}, ownerState.margin === 'normal' && {
|
|
46
44
|
marginTop: 16,
|
|
47
45
|
marginBottom: 8
|
|
48
|
-
}
|
|
46
|
+
}, ownerState.margin === 'dense' && {
|
|
49
47
|
marginTop: 8,
|
|
50
48
|
marginBottom: 4
|
|
51
|
-
}
|
|
49
|
+
}, ownerState.fullWidth && {
|
|
52
50
|
width: '100%'
|
|
53
51
|
});
|
|
54
52
|
});
|
|
@@ -106,7 +104,7 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, re
|
|
|
106
104
|
_props$variant = props.variant,
|
|
107
105
|
variant = _props$variant === void 0 ? 'outlined' : _props$variant,
|
|
108
106
|
other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"]);
|
|
109
|
-
var ownerState =
|
|
107
|
+
var ownerState = _extends({}, props, {
|
|
110
108
|
color: color,
|
|
111
109
|
component: component,
|
|
112
110
|
disabled: disabled,
|
|
@@ -208,12 +206,12 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, re
|
|
|
208
206
|
}, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
|
|
209
207
|
return /*#__PURE__*/_jsx(FormControlContext.Provider, {
|
|
210
208
|
value: childContext,
|
|
211
|
-
children: /*#__PURE__*/_jsx(FormControlRoot,
|
|
209
|
+
children: /*#__PURE__*/_jsx(FormControlRoot, _extends({
|
|
212
210
|
as: component,
|
|
213
211
|
ownerState: ownerState,
|
|
214
212
|
className: clsx(classes.root, className),
|
|
215
213
|
ref: ref
|
|
216
|
-
}, other
|
|
214
|
+
}, other, {
|
|
217
215
|
children: children
|
|
218
216
|
}))
|
|
219
217
|
});
|
|
@@ -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 PropTypes from 'prop-types';
|
|
7
6
|
import clsx from 'clsx';
|
|
@@ -39,7 +38,7 @@ export var FormControlLabelRoot = styled('label', {
|
|
|
39
38
|
})(function (_ref2) {
|
|
40
39
|
var theme = _ref2.theme,
|
|
41
40
|
ownerState = _ref2.ownerState;
|
|
42
|
-
return
|
|
41
|
+
return _extends(_defineProperty({
|
|
43
42
|
display: 'inline-flex',
|
|
44
43
|
alignItems: 'center',
|
|
45
44
|
cursor: 'pointer',
|
|
@@ -55,13 +54,13 @@ export var FormControlLabelRoot = styled('label', {
|
|
|
55
54
|
marginLeft: 16,
|
|
56
55
|
// used for row presentation of radio/checkbox
|
|
57
56
|
marginRight: -11
|
|
58
|
-
}
|
|
57
|
+
}, ownerState.labelPlacement === 'top' && {
|
|
59
58
|
flexDirection: 'column-reverse',
|
|
60
59
|
marginLeft: 16
|
|
61
|
-
}
|
|
60
|
+
}, ownerState.labelPlacement === 'bottom' && {
|
|
62
61
|
flexDirection: 'column',
|
|
63
62
|
marginLeft: 16
|
|
64
|
-
}
|
|
63
|
+
}, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
|
|
65
64
|
color: (theme.vars || theme).palette.text.disabled
|
|
66
65
|
})));
|
|
67
66
|
});
|
|
@@ -123,7 +122,7 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
|
|
|
123
122
|
muiFormControl: muiFormControl,
|
|
124
123
|
states: ['error']
|
|
125
124
|
});
|
|
126
|
-
var ownerState =
|
|
125
|
+
var ownerState = _extends({}, props, {
|
|
127
126
|
disabled: disabled,
|
|
128
127
|
labelPlacement: labelPlacement,
|
|
129
128
|
required: required,
|
|
@@ -133,18 +132,18 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
|
|
|
133
132
|
var typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
|
|
134
133
|
var label = labelProp;
|
|
135
134
|
if (label != null && label.type !== Typography && !disableTypography) {
|
|
136
|
-
label = /*#__PURE__*/_jsx(Typography,
|
|
135
|
+
label = /*#__PURE__*/_jsx(Typography, _extends({
|
|
137
136
|
component: "span"
|
|
138
|
-
}, typographySlotProps
|
|
137
|
+
}, typographySlotProps, {
|
|
139
138
|
className: clsx(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
|
|
140
139
|
children: label
|
|
141
140
|
}));
|
|
142
141
|
}
|
|
143
|
-
return /*#__PURE__*/_jsxs(FormControlLabelRoot,
|
|
142
|
+
return /*#__PURE__*/_jsxs(FormControlLabelRoot, _extends({
|
|
144
143
|
className: clsx(classes.root, className),
|
|
145
144
|
ownerState: ownerState,
|
|
146
145
|
ref: ref
|
|
147
|
-
}, other
|
|
146
|
+
}, other, {
|
|
148
147
|
children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/_jsxs(AsteriskComponent, {
|
|
149
148
|
ownerState: ownerState,
|
|
150
149
|
"aria-hidden": true,
|
|
@@ -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';
|
|
@@ -30,7 +28,7 @@ var FormGroupRoot = styled('div', {
|
|
|
30
28
|
}
|
|
31
29
|
})(function (_ref) {
|
|
32
30
|
var ownerState = _ref.ownerState;
|
|
33
|
-
return
|
|
31
|
+
return _extends({
|
|
34
32
|
display: 'flex',
|
|
35
33
|
flexDirection: 'column',
|
|
36
34
|
flexWrap: 'wrap'
|
|
@@ -59,12 +57,12 @@ var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref) {
|
|
|
59
57
|
muiFormControl: muiFormControl,
|
|
60
58
|
states: ['error']
|
|
61
59
|
});
|
|
62
|
-
var ownerState =
|
|
60
|
+
var ownerState = _extends({}, props, {
|
|
63
61
|
row: row,
|
|
64
62
|
error: fcs.error
|
|
65
63
|
});
|
|
66
64
|
var classes = useUtilityClasses(ownerState);
|
|
67
|
-
return /*#__PURE__*/_jsx(FormGroupRoot,
|
|
65
|
+
return /*#__PURE__*/_jsx(FormGroupRoot, _extends({
|
|
68
66
|
className: clsx(classes.root, className),
|
|
69
67
|
ownerState: ownerState,
|
|
70
68
|
ref: ref
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
4
|
var _span;
|
|
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 * as React from 'react';
|
|
7
6
|
import PropTypes from 'prop-types';
|
|
8
7
|
import clsx from 'clsx';
|
|
@@ -36,24 +35,24 @@ var FormHelperTextRoot = styled('p', {
|
|
|
36
35
|
return [styles.root, ownerState.size && styles["size".concat(capitalize(ownerState.size))], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
|
|
37
36
|
}
|
|
38
37
|
})(function (_ref) {
|
|
39
|
-
var
|
|
38
|
+
var _extends2;
|
|
40
39
|
var theme = _ref.theme,
|
|
41
40
|
ownerState = _ref.ownerState;
|
|
42
|
-
return
|
|
41
|
+
return _extends({
|
|
43
42
|
color: (theme.vars || theme).palette.text.secondary
|
|
44
|
-
}, theme.typography.caption
|
|
43
|
+
}, theme.typography.caption, (_extends2 = {
|
|
45
44
|
textAlign: 'left',
|
|
46
45
|
marginTop: 3,
|
|
47
46
|
marginRight: 0,
|
|
48
47
|
marginBottom: 0,
|
|
49
48
|
marginLeft: 0
|
|
50
|
-
}, _defineProperty(
|
|
49
|
+
}, _defineProperty(_extends2, "&.".concat(formHelperTextClasses.disabled), {
|
|
51
50
|
color: (theme.vars || theme).palette.text.disabled
|
|
52
|
-
}), _defineProperty(
|
|
51
|
+
}), _defineProperty(_extends2, "&.".concat(formHelperTextClasses.error), {
|
|
53
52
|
color: (theme.vars || theme).palette.error.main
|
|
54
|
-
}),
|
|
53
|
+
}), _extends2), ownerState.size === 'small' && {
|
|
55
54
|
marginTop: 4
|
|
56
|
-
}
|
|
55
|
+
}, ownerState.contained && {
|
|
57
56
|
marginLeft: 14,
|
|
58
57
|
marginRight: 14
|
|
59
58
|
});
|
|
@@ -81,7 +80,7 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
|
|
|
81
80
|
muiFormControl: muiFormControl,
|
|
82
81
|
states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
|
|
83
82
|
});
|
|
84
|
-
var ownerState =
|
|
83
|
+
var ownerState = _extends({}, props, {
|
|
85
84
|
component: component,
|
|
86
85
|
contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
|
|
87
86
|
variant: fcs.variant,
|
|
@@ -93,12 +92,12 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
|
|
|
93
92
|
required: fcs.required
|
|
94
93
|
});
|
|
95
94
|
var classes = useUtilityClasses(ownerState);
|
|
96
|
-
return /*#__PURE__*/_jsx(FormHelperTextRoot,
|
|
95
|
+
return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({
|
|
97
96
|
as: component,
|
|
98
97
|
ownerState: ownerState,
|
|
99
98
|
className: clsx(classes.root, className),
|
|
100
99
|
ref: ref
|
|
101
|
-
}, other
|
|
100
|
+
}, other, {
|
|
102
101
|
children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
|
|
103
102
|
_span || (_span = /*#__PURE__*/_jsx("span", {
|
|
104
103
|
className: "notranslate",
|
|
@@ -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';
|
|
@@ -32,25 +31,25 @@ export var FormLabelRoot = styled('label', {
|
|
|
32
31
|
slot: 'Root',
|
|
33
32
|
overridesResolver: function overridesResolver(_ref, styles) {
|
|
34
33
|
var ownerState = _ref.ownerState;
|
|
35
|
-
return
|
|
34
|
+
return _extends({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);
|
|
36
35
|
}
|
|
37
36
|
})(function (_ref2) {
|
|
38
|
-
var
|
|
37
|
+
var _extends2;
|
|
39
38
|
var theme = _ref2.theme,
|
|
40
39
|
ownerState = _ref2.ownerState;
|
|
41
|
-
return
|
|
40
|
+
return _extends({
|
|
42
41
|
color: (theme.vars || theme).palette.text.secondary
|
|
43
|
-
}, theme.typography.body1
|
|
42
|
+
}, theme.typography.body1, (_extends2 = {
|
|
44
43
|
lineHeight: '1.4375em',
|
|
45
44
|
padding: 0,
|
|
46
45
|
position: 'relative'
|
|
47
|
-
}, _defineProperty(
|
|
46
|
+
}, _defineProperty(_extends2, "&.".concat(formLabelClasses.focused), {
|
|
48
47
|
color: (theme.vars || theme).palette[ownerState.color].main
|
|
49
|
-
}), _defineProperty(
|
|
48
|
+
}), _defineProperty(_extends2, "&.".concat(formLabelClasses.disabled), {
|
|
50
49
|
color: (theme.vars || theme).palette.text.disabled
|
|
51
|
-
}), _defineProperty(
|
|
50
|
+
}), _defineProperty(_extends2, "&.".concat(formLabelClasses.error), {
|
|
52
51
|
color: (theme.vars || theme).palette.error.main
|
|
53
|
-
}),
|
|
52
|
+
}), _extends2));
|
|
54
53
|
});
|
|
55
54
|
var AsteriskComponent = styled('span', {
|
|
56
55
|
name: 'MuiFormLabel',
|
|
@@ -86,7 +85,7 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
|
|
|
86
85
|
muiFormControl: muiFormControl,
|
|
87
86
|
states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
|
|
88
87
|
});
|
|
89
|
-
var ownerState =
|
|
88
|
+
var ownerState = _extends({}, props, {
|
|
90
89
|
color: fcs.color || 'primary',
|
|
91
90
|
component: component,
|
|
92
91
|
disabled: fcs.disabled,
|
|
@@ -96,12 +95,12 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
|
|
|
96
95
|
required: fcs.required
|
|
97
96
|
});
|
|
98
97
|
var classes = useUtilityClasses(ownerState);
|
|
99
|
-
return /*#__PURE__*/_jsxs(FormLabelRoot,
|
|
98
|
+
return /*#__PURE__*/_jsxs(FormLabelRoot, _extends({
|
|
100
99
|
as: component,
|
|
101
100
|
ownerState: ownerState,
|
|
102
101
|
className: clsx(classes.root, className),
|
|
103
102
|
ref: ref
|
|
104
|
-
}, other
|
|
103
|
+
}, other, {
|
|
105
104
|
children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {
|
|
106
105
|
ownerState: ownerState,
|
|
107
106
|
"aria-hidden": true,
|
|
@@ -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 * as React from 'react';
|
|
5
3
|
import PropTypes from 'prop-types';
|
|
6
4
|
import { GlobalStyles as SystemGlobalStyles } from '@mui/system';
|
|
@@ -8,7 +6,7 @@ import defaultTheme from '../styles/defaultTheme';
|
|
|
8
6
|
import THEME_ID from '../styles/identifier';
|
|
9
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
8
|
function GlobalStyles(props) {
|
|
11
|
-
return /*#__PURE__*/_jsx(SystemGlobalStyles,
|
|
9
|
+
return /*#__PURE__*/_jsx(SystemGlobalStyles, _extends({}, props, {
|
|
12
10
|
defaultTheme: defaultTheme,
|
|
13
11
|
themeId: THEME_ID
|
|
14
12
|
}));
|
package/legacy/Grid/Grid.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
5
5
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
6
|
-
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; }
|
|
7
|
-
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; }
|
|
8
6
|
// A grid component using the following libs as inspiration.
|
|
9
7
|
//
|
|
10
8
|
// For the implementation:
|
|
@@ -84,7 +82,7 @@ export function generateGrid(_ref) {
|
|
|
84
82
|
|
|
85
83
|
// Close to the bootstrap implementation:
|
|
86
84
|
// https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
|
|
87
|
-
styles =
|
|
85
|
+
styles = _extends({
|
|
88
86
|
flexBasis: width,
|
|
89
87
|
flexGrow: 0,
|
|
90
88
|
maxWidth: width
|
|
@@ -286,17 +284,17 @@ var GridRoot = styled('div', {
|
|
|
286
284
|
}
|
|
287
285
|
})(function (_ref10) {
|
|
288
286
|
var ownerState = _ref10.ownerState;
|
|
289
|
-
return
|
|
287
|
+
return _extends({
|
|
290
288
|
boxSizing: 'border-box'
|
|
291
289
|
}, ownerState.container && {
|
|
292
290
|
display: 'flex',
|
|
293
291
|
flexWrap: 'wrap',
|
|
294
292
|
width: '100%'
|
|
295
|
-
}
|
|
293
|
+
}, ownerState.item && {
|
|
296
294
|
margin: 0 // For instance, it's useful when used with a `figure` element.
|
|
297
|
-
}
|
|
295
|
+
}, ownerState.zeroMinWidth && {
|
|
298
296
|
minWidth: 0
|
|
299
|
-
}
|
|
297
|
+
}, ownerState.wrap !== 'wrap' && {
|
|
300
298
|
flexWrap: ownerState.wrap
|
|
301
299
|
});
|
|
302
300
|
}, generateDirection, generateRowGap, generateColumnGap, generateGrid);
|
|
@@ -381,14 +379,14 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
|
|
|
381
379
|
// columns set with default breakpoint unit of 12
|
|
382
380
|
var columns = container ? columnsProp || 12 : columnsContext;
|
|
383
381
|
var breakpointsValues = {};
|
|
384
|
-
var otherFiltered =
|
|
382
|
+
var otherFiltered = _extends({}, other);
|
|
385
383
|
breakpoints.keys.forEach(function (breakpoint) {
|
|
386
384
|
if (other[breakpoint] != null) {
|
|
387
385
|
breakpointsValues[breakpoint] = other[breakpoint];
|
|
388
386
|
delete otherFiltered[breakpoint];
|
|
389
387
|
}
|
|
390
388
|
});
|
|
391
|
-
var ownerState =
|
|
389
|
+
var ownerState = _extends({}, props, {
|
|
392
390
|
columns: columns,
|
|
393
391
|
container: container,
|
|
394
392
|
direction: direction,
|
|
@@ -398,13 +396,13 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
|
|
|
398
396
|
wrap: wrap,
|
|
399
397
|
zeroMinWidth: zeroMinWidth,
|
|
400
398
|
spacing: spacing
|
|
401
|
-
}, breakpointsValues
|
|
399
|
+
}, breakpointsValues, {
|
|
402
400
|
breakpoints: breakpoints.keys
|
|
403
401
|
});
|
|
404
402
|
var classes = useUtilityClasses(ownerState);
|
|
405
403
|
return /*#__PURE__*/_jsx(GridContext.Provider, {
|
|
406
404
|
value: columns,
|
|
407
|
-
children: /*#__PURE__*/_jsx(GridRoot,
|
|
405
|
+
children: /*#__PURE__*/_jsx(GridRoot, _extends({
|
|
408
406
|
ownerState: ownerState,
|
|
409
407
|
className: clsx(classes.root, className),
|
|
410
408
|
as: component,
|
|
@@ -543,7 +541,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
|
|
|
543
541
|
if (process.env.NODE_ENV !== 'production') {
|
|
544
542
|
var requireProp = requirePropFactory('Grid', Grid);
|
|
545
543
|
// eslint-disable-next-line no-useless-concat
|
|
546
|
-
Grid['propTypes' + ''] =
|
|
544
|
+
Grid['propTypes' + ''] = _extends({}, Grid.propTypes, {
|
|
547
545
|
direction: requireProp('container'),
|
|
548
546
|
lg: requireProp('item'),
|
|
549
547
|
md: requireProp('item'),
|
package/legacy/Grow/Grow.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 { elementAcceptingRef } from '@mui/utils';
|
|
@@ -154,7 +152,7 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
154
152
|
clearTimeout(timer.current);
|
|
155
153
|
};
|
|
156
154
|
}, []);
|
|
157
|
-
return /*#__PURE__*/_jsx(TransitionComponent,
|
|
155
|
+
return /*#__PURE__*/_jsx(TransitionComponent, _extends({
|
|
158
156
|
appear: appear,
|
|
159
157
|
in: inProp,
|
|
160
158
|
nodeRef: nodeRef,
|
|
@@ -166,14 +164,14 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
166
164
|
onExiting: handleExiting,
|
|
167
165
|
addEndListener: handleAddEndListener,
|
|
168
166
|
timeout: timeout === 'auto' ? null : timeout
|
|
169
|
-
}, other
|
|
167
|
+
}, other, {
|
|
170
168
|
children: function children(state, childProps) {
|
|
171
|
-
return /*#__PURE__*/React.cloneElement(_children,
|
|
172
|
-
style:
|
|
169
|
+
return /*#__PURE__*/React.cloneElement(_children, _extends({
|
|
170
|
+
style: _extends({
|
|
173
171
|
opacity: 0,
|
|
174
172
|
transform: getScale(0.75),
|
|
175
173
|
visibility: state === 'exited' && !inProp ? 'hidden' : undefined
|
|
176
|
-
}, styles[state]
|
|
174
|
+
}, styles[state], style, _children.props.style),
|
|
177
175
|
ref: handleRef
|
|
178
176
|
}, childProps));
|
|
179
177
|
}
|