@mui/material 5.13.0 → 5.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.js +44 -43
- package/AccordionActions/AccordionActions.js +18 -18
- package/AccordionDetails/AccordionDetails.js +7 -9
- package/AccordionSummary/AccordionSummary.js +32 -32
- package/Alert/Alert.js +64 -60
- package/AlertTitle/AlertTitle.js +7 -9
- package/AppBar/AppBar.js +89 -73
- package/Autocomplete/Autocomplete.js +172 -141
- package/Avatar/Avatar.js +42 -38
- package/AvatarGroup/AvatarGroup.js +34 -33
- package/Backdrop/Backdrop.js +33 -31
- package/Badge/Badge.js +119 -107
- package/BottomNavigation/BottomNavigation.js +15 -17
- package/BottomNavigationAction/BottomNavigationAction.js +29 -31
- package/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
- package/Breadcrumbs/Breadcrumbs.js +19 -21
- package/Button/Button.js +168 -133
- package/ButtonBase/ButtonBase.js +43 -42
- package/ButtonBase/TouchRipple.js +9 -12
- package/ButtonGroup/ButtonGroup.js +111 -89
- package/CHANGELOG.md +62 -0
- package/Card/Card.js +11 -12
- package/CardActionArea/CardActionArea.js +9 -12
- package/CardActions/CardActions.js +18 -18
- package/CardContent/CardContent.js +11 -12
- package/CardHeader/CardHeader.js +30 -31
- package/CardMedia/CardMedia.js +28 -27
- package/Checkbox/Checkbox.js +44 -39
- package/Chip/Chip.js +146 -129
- package/CircularProgress/CircularProgress.js +43 -36
- package/Collapse/Collapse.js +73 -65
- package/CssBaseline/CssBaseline.js +17 -14
- package/Dialog/Dialog.js +103 -94
- package/DialogActions/DialogActions.js +18 -18
- package/DialogContent/DialogContent.js +22 -22
- package/DialogContentText/DialogContentText.js +13 -11
- package/DialogTitle/DialogTitle.js +8 -10
- package/Divider/Divider.js +99 -84
- package/Drawer/Drawer.js +85 -76
- package/Fab/Fab.js +71 -60
- package/Fade/Fade.js +31 -30
- package/FilledInput/FilledInput.js +135 -117
- package/FilledInput/filledInputClasses.js +4 -2
- package/FormControl/FormControl.js +41 -35
- package/FormControlLabel/FormControlLabel.js +43 -38
- package/FormGroup/FormGroup.js +16 -16
- package/FormHelperText/FormHelperText.js +30 -23
- package/FormLabel/FormLabel.js +26 -18
- package/GlobalStyles/GlobalStyles.js +3 -3
- package/Grid/Grid.js +50 -41
- package/Grow/Grow.js +31 -30
- package/Hidden/Hidden.js +21 -22
- package/Hidden/HiddenCss.js +29 -29
- package/Hidden/withWidth.js +19 -19
- package/Icon/Icon.js +14 -15
- package/IconButton/IconButton.js +59 -52
- package/ImageList/ImageList.js +30 -29
- package/ImageListItem/ImageListItem.js +40 -39
- package/ImageListItemBar/ImageListItemBar.js +47 -41
- package/Input/Input.js +77 -74
- package/Input/inputClasses.js +4 -2
- package/InputAdornment/InputAdornment.js +36 -34
- package/InputBase/InputBase.js +116 -92
- package/InputLabel/InputLabel.js +83 -68
- package/LinearProgress/LinearProgress.js +64 -58
- package/Link/Link.js +69 -64
- package/List/List.js +24 -24
- package/ListItem/ListItem.js +113 -96
- package/ListItemAvatar/ListItemAvatar.js +15 -15
- package/ListItemButton/ListItemButton.js +40 -35
- package/ListItemIcon/ListItemIcon.js +15 -15
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/ListItemText/ListItemText.js +34 -34
- package/ListSubheader/ListSubheader.js +36 -32
- package/Menu/Menu.js +38 -39
- package/MenuItem/MenuItem.js +50 -45
- package/MenuList/MenuList.js +17 -20
- package/MobileStepper/MobileStepper.js +61 -53
- package/Modal/Modal.js +50 -45
- package/NativeSelect/NativeSelect.js +26 -22
- package/NativeSelect/NativeSelectInput.js +50 -43
- package/OutlinedInput/NotchedOutline.js +55 -51
- package/OutlinedInput/OutlinedInput.js +72 -59
- package/OutlinedInput/outlinedInputClasses.js +4 -2
- package/Pagination/Pagination.js +35 -31
- package/PaginationItem/PaginationItem.js +105 -93
- package/Paper/Paper.js +32 -28
- package/Popover/Popover.js +49 -51
- package/Popper/Popper.js +25 -27
- package/README.md +1 -1
- package/Radio/Radio.js +36 -33
- package/Radio/RadioButtonIcon.js +11 -10
- package/RadioGroup/RadioGroup.js +14 -17
- package/Rating/Rating.js +88 -73
- package/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
- package/Select/Select.js +59 -55
- package/Select/SelectInput.js +58 -57
- package/Skeleton/Skeleton.js +51 -46
- package/Slide/Slide.js +37 -33
- package/Slider/Slider.js +281 -216
- package/Snackbar/Snackbar.js +81 -67
- package/SnackbarContent/SnackbarContent.js +13 -15
- package/SpeedDial/SpeedDial.js +85 -83
- package/SpeedDialAction/SpeedDialAction.js +57 -52
- package/SpeedDialIcon/SpeedDialIcon.js +25 -24
- package/Step/Step.js +27 -26
- package/StepButton/StepButton.js +23 -24
- package/StepConnector/StepConnector.js +34 -31
- package/StepContent/StepContent.js +23 -24
- package/StepIcon/StepIcon.js +22 -22
- package/StepLabel/StepLabel.js +34 -33
- package/Stepper/Stepper.js +33 -31
- package/SvgIcon/SvgIcon.js +19 -20
- package/SwipeableDrawer/SwipeArea.js +33 -30
- package/SwipeableDrawer/SwipeableDrawer.js +49 -43
- package/Switch/Switch.js +59 -52
- package/Tab/Tab.js +93 -83
- package/TabScrollButton/TabScrollButton.js +30 -25
- package/Table/Table.js +20 -19
- package/TableBody/TableBody.js +11 -12
- package/TableCell/TableCell.js +70 -59
- package/TableContainer/TableContainer.js +11 -12
- package/TableFooter/TableFooter.js +11 -12
- package/TableHead/TableHead.js +11 -12
- package/TablePagination/TablePagination.js +53 -49
- package/TablePagination/TablePaginationActions.js +22 -25
- package/TableRow/TableRow.js +13 -14
- package/TableSortLabel/TableSortLabel.js +23 -23
- package/Tabs/ScrollbarSize.js +7 -9
- package/Tabs/Tabs.js +107 -92
- package/TextField/TextField.js +57 -57
- package/ToggleButton/ToggleButton.js +36 -35
- package/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
- package/Toolbar/Toolbar.js +26 -25
- package/Tooltip/Tooltip.js +177 -147
- package/Typography/Typography.js +37 -32
- package/Zoom/Zoom.js +31 -30
- package/index.js +1 -1
- package/internal/SwitchBase.js +45 -43
- package/legacy/Accordion/Accordion.js +9 -8
- package/legacy/AccordionActions/AccordionActions.js +6 -4
- package/legacy/AccordionDetails/AccordionDetails.js +4 -2
- package/legacy/AccordionSummary/AccordionSummary.js +12 -11
- package/legacy/Alert/Alert.js +11 -10
- package/legacy/AlertTitle/AlertTitle.js +4 -2
- package/legacy/AppBar/AppBar.js +18 -16
- package/legacy/Autocomplete/Autocomplete.js +45 -43
- package/legacy/Avatar/Avatar.js +11 -9
- package/legacy/AvatarGroup/AvatarGroup.js +10 -9
- package/legacy/Backdrop/Backdrop.js +10 -8
- package/legacy/Badge/Badge.js +16 -15
- package/legacy/BottomNavigation/BottomNavigation.js +6 -4
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +9 -8
- package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +10 -8
- package/legacy/Breadcrumbs/Breadcrumbs.js +5 -4
- package/legacy/Button/Button.js +37 -36
- package/legacy/ButtonBase/ButtonBase.js +6 -5
- package/legacy/ButtonBase/TouchRipple.js +5 -3
- package/legacy/ButtonGroup/ButtonGroup.js +28 -27
- package/legacy/Card/Card.js +5 -3
- package/legacy/CardActionArea/CardActionArea.js +4 -3
- package/legacy/CardActions/CardActions.js +6 -4
- package/legacy/CardContent/CardContent.js +5 -3
- package/legacy/CardHeader/CardHeader.js +11 -10
- package/legacy/CardMedia/CardMedia.js +9 -7
- package/legacy/Checkbox/Checkbox.js +9 -8
- package/legacy/Chip/Chip.js +26 -25
- package/legacy/CircularProgress/CircularProgress.js +12 -10
- package/legacy/Collapse/Collapse.js +17 -16
- package/legacy/CssBaseline/CssBaseline.js +9 -7
- package/legacy/Dialog/Dialog.js +20 -19
- package/legacy/DialogActions/DialogActions.js +6 -4
- package/legacy/DialogContent/DialogContent.js +5 -4
- package/legacy/DialogContentText/DialogContentText.js +6 -4
- package/legacy/DialogTitle/DialogTitle.js +4 -2
- package/legacy/Divider/Divider.js +19 -17
- package/legacy/Drawer/Drawer.js +23 -21
- package/legacy/Fab/Fab.js +13 -12
- package/legacy/Fade/Fade.js +8 -6
- package/legacy/FilledInput/FilledInput.js +24 -23
- package/legacy/FilledInput/filledInputClasses.js +4 -2
- package/legacy/FormControl/FormControl.js +10 -8
- package/legacy/FormControlLabel/FormControlLabel.js +11 -10
- package/legacy/FormGroup/FormGroup.js +6 -4
- package/legacy/FormHelperText/FormHelperText.js +12 -11
- package/legacy/FormLabel/FormLabel.js +13 -12
- package/legacy/GlobalStyles/GlobalStyles.js +4 -2
- package/legacy/Grid/Grid.js +13 -11
- package/legacy/Grow/Grow.js +8 -6
- package/legacy/Hidden/Hidden.js +5 -3
- package/legacy/Hidden/HiddenCss.js +4 -3
- package/legacy/Hidden/withWidth.js +6 -4
- package/legacy/Icon/Icon.js +5 -3
- package/legacy/IconButton/IconButton.js +15 -14
- package/legacy/ImageList/ImageList.js +9 -7
- package/legacy/ImageListItem/ImageListItem.js +9 -8
- package/legacy/ImageListItemBar/ImageListItemBar.js +13 -11
- package/legacy/Input/Input.js +8 -7
- package/legacy/Input/inputClasses.js +4 -2
- package/legacy/InputAdornment/InputAdornment.js +9 -8
- package/legacy/InputBase/InputBase.js +28 -27
- package/legacy/InputLabel/InputLabel.js +14 -13
- package/legacy/LinearProgress/LinearProgress.js +17 -15
- package/legacy/Link/Link.js +9 -8
- package/legacy/List/List.js +8 -6
- package/legacy/ListItem/ListItem.js +25 -24
- package/legacy/ListItemAvatar/ListItemAvatar.js +6 -4
- package/legacy/ListItemButton/ListItemButton.js +16 -15
- package/legacy/ListItemIcon/ListItemIcon.js +6 -4
- package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +6 -4
- package/legacy/ListItemText/ListItemText.js +11 -10
- package/legacy/ListSubheader/ListSubheader.js +10 -8
- package/legacy/Menu/Menu.js +12 -10
- package/legacy/MenuItem/MenuItem.js +22 -21
- package/legacy/MenuList/MenuList.js +5 -3
- package/legacy/MobileStepper/MobileStepper.js +12 -10
- package/legacy/Modal/Modal.js +10 -8
- package/legacy/NativeSelect/NativeSelect.js +8 -6
- package/legacy/NativeSelect/NativeSelectInput.js +17 -16
- package/legacy/OutlinedInput/NotchedOutline.js +8 -6
- package/legacy/OutlinedInput/OutlinedInput.js +23 -22
- package/legacy/OutlinedInput/outlinedInputClasses.js +4 -2
- package/legacy/Pagination/Pagination.js +9 -7
- package/legacy/PaginationItem/PaginationItem.js +24 -23
- package/legacy/Paper/Paper.js +9 -7
- package/legacy/Popover/Popover.js +12 -10
- package/legacy/Popper/Popper.js +6 -4
- package/legacy/Radio/Radio.js +8 -7
- package/legacy/Radio/RadioButtonIcon.js +5 -3
- package/legacy/RadioGroup/RadioGroup.js +5 -3
- package/legacy/Rating/Rating.js +24 -23
- package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +6 -4
- package/legacy/Select/Select.js +10 -8
- package/legacy/Select/SelectInput.js +11 -10
- package/legacy/Skeleton/Skeleton.js +13 -11
- package/legacy/Slide/Slide.js +10 -8
- package/legacy/Slider/Slider.js +65 -64
- package/legacy/Snackbar/Snackbar.js +16 -15
- package/legacy/SnackbarContent/SnackbarContent.js +5 -4
- package/legacy/SpeedDial/SpeedDial.js +15 -14
- package/legacy/SpeedDialAction/SpeedDialAction.js +16 -15
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +7 -6
- package/legacy/Step/Step.js +8 -6
- package/legacy/StepButton/StepButton.js +8 -7
- package/legacy/StepConnector/StepConnector.js +10 -8
- package/legacy/StepContent/StepContent.js +9 -7
- package/legacy/StepIcon/StepIcon.js +7 -6
- package/legacy/StepLabel/StepLabel.js +20 -19
- package/legacy/Stepper/Stepper.js +10 -8
- package/legacy/SvgIcon/SvgIcon.js +6 -4
- package/legacy/SwipeableDrawer/SwipeArea.js +9 -8
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +10 -8
- package/legacy/Switch/Switch.js +11 -10
- package/legacy/Tab/Tab.js +16 -15
- package/legacy/TabScrollButton/TabScrollButton.js +7 -6
- package/legacy/Table/Table.js +7 -5
- package/legacy/TableBody/TableBody.js +5 -3
- package/legacy/TableCell/TableCell.js +15 -14
- package/legacy/TableContainer/TableContainer.js +5 -3
- package/legacy/TableFooter/TableFooter.js +5 -3
- package/legacy/TableHead/TableHead.js +5 -3
- package/legacy/TablePagination/TablePagination.js +15 -14
- package/legacy/TablePagination/TablePaginationActions.js +9 -7
- package/legacy/TableRow/TableRow.js +4 -3
- package/legacy/TableSortLabel/TableSortLabel.js +7 -6
- package/legacy/Tabs/ScrollbarSize.js +4 -2
- package/legacy/Tabs/Tabs.js +23 -22
- package/legacy/TextField/TextField.js +14 -12
- package/legacy/ToggleButton/ToggleButton.js +12 -11
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +8 -7
- package/legacy/Toolbar/Toolbar.js +6 -5
- package/legacy/Tooltip/Tooltip.js +34 -33
- package/legacy/Typography/Typography.js +11 -9
- package/legacy/Zoom/Zoom.js +8 -6
- package/legacy/index.js +1 -1
- package/legacy/internal/SwitchBase.js +10 -8
- package/legacy/locale/index.js +383 -68
- package/legacy/styles/CssVarsProvider.js +4 -2
- package/legacy/styles/ThemeProvider.js +4 -2
- package/legacy/styles/adaptV4Theme.js +7 -6
- package/legacy/styles/createMixins.js +3 -2
- package/legacy/styles/createPalette.js +6 -4
- package/legacy/styles/createTheme.js +4 -3
- package/legacy/styles/createTransitions.js +7 -5
- package/legacy/styles/createTypography.js +6 -4
- package/legacy/styles/experimental_extendTheme.js +12 -10
- package/legacy/styles/responsiveFontSizes.js +6 -4
- package/legacy/usePagination/usePagination.js +4 -2
- package/legacy/useScrollTrigger/useScrollTrigger.js +4 -2
- package/legacy/utils/createSvgIcon.js +5 -3
- package/locale/index.d.ts +4 -0
- package/locale/index.js +309 -0
- package/modern/Accordion/Accordion.js +44 -43
- package/modern/AccordionActions/AccordionActions.js +18 -18
- package/modern/AccordionDetails/AccordionDetails.js +7 -9
- package/modern/AccordionSummary/AccordionSummary.js +32 -32
- package/modern/Alert/Alert.js +64 -60
- package/modern/AlertTitle/AlertTitle.js +7 -9
- package/modern/AppBar/AppBar.js +89 -73
- package/modern/Autocomplete/Autocomplete.js +169 -138
- package/modern/Avatar/Avatar.js +42 -38
- package/modern/AvatarGroup/AvatarGroup.js +34 -33
- package/modern/Backdrop/Backdrop.js +33 -31
- package/modern/Badge/Badge.js +119 -107
- package/modern/BottomNavigation/BottomNavigation.js +15 -17
- package/modern/BottomNavigationAction/BottomNavigationAction.js +29 -31
- package/modern/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
- package/modern/Breadcrumbs/Breadcrumbs.js +19 -21
- package/modern/Button/Button.js +168 -133
- package/modern/ButtonBase/ButtonBase.js +43 -42
- package/modern/ButtonBase/TouchRipple.js +9 -12
- package/modern/ButtonGroup/ButtonGroup.js +111 -89
- package/modern/Card/Card.js +11 -12
- package/modern/CardActionArea/CardActionArea.js +9 -12
- package/modern/CardActions/CardActions.js +18 -18
- package/modern/CardContent/CardContent.js +11 -12
- package/modern/CardHeader/CardHeader.js +30 -31
- package/modern/CardMedia/CardMedia.js +28 -27
- package/modern/Checkbox/Checkbox.js +44 -39
- package/modern/Chip/Chip.js +146 -129
- package/modern/CircularProgress/CircularProgress.js +43 -36
- package/modern/Collapse/Collapse.js +73 -65
- package/modern/CssBaseline/CssBaseline.js +17 -14
- package/modern/Dialog/Dialog.js +103 -94
- package/modern/DialogActions/DialogActions.js +18 -18
- package/modern/DialogContent/DialogContent.js +22 -22
- package/modern/DialogContentText/DialogContentText.js +13 -11
- package/modern/DialogTitle/DialogTitle.js +8 -10
- package/modern/Divider/Divider.js +99 -84
- package/modern/Drawer/Drawer.js +85 -76
- package/modern/Fab/Fab.js +70 -59
- package/modern/Fade/Fade.js +31 -30
- package/modern/FilledInput/FilledInput.js +135 -117
- package/modern/FilledInput/filledInputClasses.js +4 -2
- package/modern/FormControl/FormControl.js +41 -35
- package/modern/FormControlLabel/FormControlLabel.js +43 -38
- package/modern/FormGroup/FormGroup.js +16 -16
- package/modern/FormHelperText/FormHelperText.js +30 -23
- package/modern/FormLabel/FormLabel.js +26 -18
- package/modern/GlobalStyles/GlobalStyles.js +3 -3
- package/modern/Grid/Grid.js +50 -41
- package/modern/Grow/Grow.js +31 -30
- package/modern/Hidden/Hidden.js +21 -22
- package/modern/Hidden/HiddenCss.js +29 -29
- package/modern/Hidden/withWidth.js +19 -19
- package/modern/Icon/Icon.js +14 -15
- package/modern/IconButton/IconButton.js +59 -52
- package/modern/ImageList/ImageList.js +30 -29
- package/modern/ImageListItem/ImageListItem.js +40 -39
- package/modern/ImageListItemBar/ImageListItemBar.js +47 -41
- package/modern/Input/Input.js +77 -74
- package/modern/Input/inputClasses.js +4 -2
- package/modern/InputAdornment/InputAdornment.js +36 -34
- package/modern/InputBase/InputBase.js +116 -92
- package/modern/InputLabel/InputLabel.js +83 -68
- package/modern/LinearProgress/LinearProgress.js +64 -58
- package/modern/Link/Link.js +69 -64
- package/modern/List/List.js +24 -24
- package/modern/ListItem/ListItem.js +113 -96
- package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
- package/modern/ListItemButton/ListItemButton.js +40 -35
- package/modern/ListItemIcon/ListItemIcon.js +15 -15
- package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/modern/ListItemText/ListItemText.js +34 -34
- package/modern/ListSubheader/ListSubheader.js +36 -32
- package/modern/Menu/Menu.js +38 -39
- package/modern/MenuItem/MenuItem.js +50 -45
- package/modern/MenuList/MenuList.js +17 -20
- package/modern/MobileStepper/MobileStepper.js +61 -53
- package/modern/Modal/Modal.js +50 -45
- package/modern/NativeSelect/NativeSelect.js +26 -22
- package/modern/NativeSelect/NativeSelectInput.js +50 -43
- package/modern/OutlinedInput/NotchedOutline.js +55 -51
- package/modern/OutlinedInput/OutlinedInput.js +72 -59
- package/modern/OutlinedInput/outlinedInputClasses.js +4 -2
- package/modern/Pagination/Pagination.js +35 -31
- package/modern/PaginationItem/PaginationItem.js +105 -93
- package/modern/Paper/Paper.js +32 -28
- package/modern/Popover/Popover.js +49 -51
- package/modern/Popper/Popper.js +25 -27
- package/modern/Radio/Radio.js +36 -33
- package/modern/Radio/RadioButtonIcon.js +11 -10
- package/modern/RadioGroup/RadioGroup.js +14 -17
- package/modern/Rating/Rating.js +88 -73
- package/modern/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
- package/modern/Select/Select.js +59 -55
- package/modern/Select/SelectInput.js +58 -57
- package/modern/Skeleton/Skeleton.js +51 -46
- package/modern/Slide/Slide.js +37 -33
- package/modern/Slider/Slider.js +281 -216
- package/modern/Snackbar/Snackbar.js +81 -67
- package/modern/SnackbarContent/SnackbarContent.js +13 -15
- package/modern/SpeedDial/SpeedDial.js +85 -83
- package/modern/SpeedDialAction/SpeedDialAction.js +57 -52
- package/modern/SpeedDialIcon/SpeedDialIcon.js +25 -24
- package/modern/Step/Step.js +27 -26
- package/modern/StepButton/StepButton.js +23 -24
- package/modern/StepConnector/StepConnector.js +34 -31
- package/modern/StepContent/StepContent.js +23 -24
- package/modern/StepIcon/StepIcon.js +22 -22
- package/modern/StepLabel/StepLabel.js +34 -33
- package/modern/Stepper/Stepper.js +33 -31
- package/modern/SvgIcon/SvgIcon.js +19 -20
- package/modern/SwipeableDrawer/SwipeArea.js +33 -30
- package/modern/SwipeableDrawer/SwipeableDrawer.js +49 -43
- package/modern/Switch/Switch.js +59 -52
- package/modern/Tab/Tab.js +93 -83
- package/modern/TabScrollButton/TabScrollButton.js +30 -25
- package/modern/Table/Table.js +20 -19
- package/modern/TableBody/TableBody.js +11 -12
- package/modern/TableCell/TableCell.js +70 -59
- package/modern/TableContainer/TableContainer.js +11 -12
- package/modern/TableFooter/TableFooter.js +11 -12
- package/modern/TableHead/TableHead.js +11 -12
- package/modern/TablePagination/TablePagination.js +53 -49
- package/modern/TablePagination/TablePaginationActions.js +22 -25
- package/modern/TableRow/TableRow.js +13 -14
- package/modern/TableSortLabel/TableSortLabel.js +23 -23
- package/modern/Tabs/ScrollbarSize.js +7 -9
- package/modern/Tabs/Tabs.js +107 -92
- package/modern/TextField/TextField.js +57 -57
- package/modern/ToggleButton/ToggleButton.js +36 -35
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
- package/modern/Toolbar/Toolbar.js +26 -25
- package/modern/Tooltip/Tooltip.js +177 -147
- package/modern/Typography/Typography.js +37 -32
- package/modern/Zoom/Zoom.js +31 -30
- package/modern/index.js +1 -1
- package/modern/internal/SwitchBase.js +45 -43
- package/modern/locale/index.js +309 -0
- package/modern/styles/CssVarsProvider.js +3 -3
- package/modern/styles/ThemeProvider.js +7 -10
- package/modern/styles/adaptV4Theme.js +31 -31
- package/modern/styles/createMixins.js +4 -4
- package/modern/styles/createPalette.js +16 -13
- package/modern/styles/createTheme.js +16 -11
- package/modern/styles/createTransitions.js +17 -14
- package/modern/styles/createTypography.js +31 -29
- package/modern/styles/experimental_extendTheme.js +41 -33
- package/modern/styles/responsiveFontSizes.js +17 -11
- package/modern/usePagination/usePagination.js +18 -20
- package/modern/useScrollTrigger/useScrollTrigger.js +8 -10
- package/modern/utils/createSvgIcon.js +4 -5
- package/node/Accordion/Accordion.js +44 -43
- package/node/AccordionActions/AccordionActions.js +18 -18
- package/node/AccordionDetails/AccordionDetails.js +7 -9
- package/node/AccordionSummary/AccordionSummary.js +32 -32
- package/node/Alert/Alert.js +64 -60
- package/node/AlertTitle/AlertTitle.js +7 -9
- package/node/AppBar/AppBar.js +89 -73
- package/node/Autocomplete/Autocomplete.js +172 -141
- package/node/Avatar/Avatar.js +42 -38
- package/node/AvatarGroup/AvatarGroup.js +34 -33
- package/node/Backdrop/Backdrop.js +33 -31
- package/node/Badge/Badge.js +119 -107
- package/node/BottomNavigation/BottomNavigation.js +15 -17
- package/node/BottomNavigationAction/BottomNavigationAction.js +29 -31
- package/node/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
- package/node/Breadcrumbs/Breadcrumbs.js +19 -21
- package/node/Button/Button.js +168 -133
- package/node/ButtonBase/ButtonBase.js +43 -42
- package/node/ButtonBase/TouchRipple.js +9 -12
- package/node/ButtonGroup/ButtonGroup.js +111 -89
- package/node/Card/Card.js +11 -12
- package/node/CardActionArea/CardActionArea.js +9 -12
- package/node/CardActions/CardActions.js +18 -18
- package/node/CardContent/CardContent.js +11 -12
- package/node/CardHeader/CardHeader.js +30 -31
- package/node/CardMedia/CardMedia.js +28 -27
- package/node/Checkbox/Checkbox.js +44 -39
- package/node/Chip/Chip.js +146 -129
- package/node/CircularProgress/CircularProgress.js +43 -36
- package/node/Collapse/Collapse.js +73 -65
- package/node/CssBaseline/CssBaseline.js +17 -14
- package/node/Dialog/Dialog.js +103 -94
- package/node/DialogActions/DialogActions.js +18 -18
- package/node/DialogContent/DialogContent.js +22 -22
- package/node/DialogContentText/DialogContentText.js +13 -11
- package/node/DialogTitle/DialogTitle.js +8 -10
- package/node/Divider/Divider.js +99 -84
- package/node/Drawer/Drawer.js +85 -76
- package/node/Fab/Fab.js +71 -60
- package/node/Fade/Fade.js +31 -30
- package/node/FilledInput/FilledInput.js +135 -117
- package/node/FilledInput/filledInputClasses.js +4 -2
- package/node/FormControl/FormControl.js +41 -35
- package/node/FormControlLabel/FormControlLabel.js +43 -38
- package/node/FormGroup/FormGroup.js +16 -16
- package/node/FormHelperText/FormHelperText.js +30 -23
- package/node/FormLabel/FormLabel.js +26 -18
- package/node/GlobalStyles/GlobalStyles.js +3 -3
- package/node/Grid/Grid.js +54 -43
- package/node/Grow/Grow.js +31 -30
- package/node/Hidden/Hidden.js +24 -26
- package/node/Hidden/HiddenCss.js +29 -29
- package/node/Hidden/withWidth.js +19 -19
- package/node/Icon/Icon.js +14 -15
- package/node/IconButton/IconButton.js +59 -52
- package/node/ImageList/ImageList.js +30 -29
- package/node/ImageListItem/ImageListItem.js +40 -39
- package/node/ImageListItemBar/ImageListItemBar.js +47 -41
- package/node/Input/Input.js +77 -74
- package/node/Input/inputClasses.js +4 -2
- package/node/InputAdornment/InputAdornment.js +36 -34
- package/node/InputBase/InputBase.js +116 -92
- package/node/InputLabel/InputLabel.js +83 -68
- package/node/LinearProgress/LinearProgress.js +64 -58
- package/node/Link/Link.js +69 -64
- package/node/List/List.js +24 -24
- package/node/ListItem/ListItem.js +113 -96
- package/node/ListItemAvatar/ListItemAvatar.js +15 -15
- package/node/ListItemButton/ListItemButton.js +40 -35
- package/node/ListItemIcon/ListItemIcon.js +15 -15
- package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/node/ListItemText/ListItemText.js +34 -34
- package/node/ListSubheader/ListSubheader.js +36 -32
- package/node/Menu/Menu.js +38 -39
- package/node/MenuItem/MenuItem.js +50 -45
- package/node/MenuList/MenuList.js +17 -20
- package/node/MobileStepper/MobileStepper.js +61 -53
- package/node/Modal/Modal.js +50 -45
- package/node/NativeSelect/NativeSelect.js +26 -22
- package/node/NativeSelect/NativeSelectInput.js +50 -43
- package/node/OutlinedInput/NotchedOutline.js +55 -51
- package/node/OutlinedInput/OutlinedInput.js +72 -59
- package/node/OutlinedInput/outlinedInputClasses.js +4 -2
- package/node/Pagination/Pagination.js +35 -31
- package/node/PaginationItem/PaginationItem.js +105 -93
- package/node/Paper/Paper.js +32 -28
- package/node/Popover/Popover.js +49 -51
- package/node/Popper/Popper.js +25 -27
- package/node/Radio/Radio.js +36 -33
- package/node/Radio/RadioButtonIcon.js +11 -10
- package/node/RadioGroup/RadioGroup.js +14 -17
- package/node/Rating/Rating.js +88 -73
- package/node/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
- package/node/Select/Select.js +59 -55
- package/node/Select/SelectInput.js +58 -57
- package/node/Skeleton/Skeleton.js +51 -46
- package/node/Slide/Slide.js +39 -34
- package/node/Slider/Slider.js +281 -216
- package/node/Snackbar/Snackbar.js +81 -67
- package/node/SnackbarContent/SnackbarContent.js +13 -15
- package/node/SpeedDial/SpeedDial.js +85 -83
- package/node/SpeedDialAction/SpeedDialAction.js +59 -52
- package/node/SpeedDialIcon/SpeedDialIcon.js +25 -24
- package/node/Step/Step.js +27 -26
- package/node/StepButton/StepButton.js +23 -24
- package/node/StepConnector/StepConnector.js +34 -31
- package/node/StepContent/StepContent.js +23 -24
- package/node/StepIcon/StepIcon.js +22 -22
- package/node/StepLabel/StepLabel.js +34 -33
- package/node/Stepper/Stepper.js +33 -31
- package/node/SvgIcon/SvgIcon.js +19 -20
- package/node/SwipeableDrawer/SwipeArea.js +33 -30
- package/node/SwipeableDrawer/SwipeableDrawer.js +51 -44
- package/node/Switch/Switch.js +61 -52
- package/node/Tab/Tab.js +93 -83
- package/node/TabScrollButton/TabScrollButton.js +32 -26
- package/node/Table/Table.js +20 -19
- package/node/TableBody/TableBody.js +11 -12
- package/node/TableCell/TableCell.js +70 -59
- package/node/TableContainer/TableContainer.js +11 -12
- package/node/TableFooter/TableFooter.js +11 -12
- package/node/TableHead/TableHead.js +11 -12
- package/node/TablePagination/TablePagination.js +53 -49
- package/node/TablePagination/TablePaginationActions.js +22 -25
- package/node/TableRow/TableRow.js +13 -14
- package/node/TableSortLabel/TableSortLabel.js +23 -23
- package/node/Tabs/ScrollbarSize.js +7 -9
- package/node/Tabs/Tabs.js +107 -92
- package/node/TextField/TextField.js +57 -57
- package/node/ToggleButton/ToggleButton.js +38 -35
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
- package/node/Toolbar/Toolbar.js +26 -25
- package/node/Tooltip/Tooltip.js +177 -147
- package/node/Typography/Typography.js +37 -32
- package/node/Zoom/Zoom.js +31 -30
- package/node/index.js +1 -1
- package/node/internal/SwitchBase.js +45 -43
- package/node/locale/index.js +314 -1
- package/node/styles/CssVarsProvider.js +3 -3
- package/node/styles/ThemeProvider.js +7 -10
- package/node/styles/adaptV4Theme.js +31 -32
- package/node/styles/createMixins.js +4 -5
- package/node/styles/createPalette.js +16 -13
- package/node/styles/createTheme.js +16 -11
- package/node/styles/createTransitions.js +17 -15
- package/node/styles/createTypography.js +31 -30
- package/node/styles/experimental_extendTheme.js +41 -33
- package/node/styles/responsiveFontSizes.js +17 -12
- package/node/usePagination/usePagination.js +18 -21
- package/node/useScrollTrigger/useScrollTrigger.js +8 -11
- package/node/utils/createSvgIcon.js +4 -5
- package/package.json +5 -5
- package/styles/CssVarsProvider.js +3 -3
- package/styles/ThemeProvider.js +7 -10
- package/styles/adaptV4Theme.js +31 -31
- package/styles/createMixins.js +4 -4
- package/styles/createPalette.js +16 -13
- package/styles/createTheme.js +16 -11
- package/styles/createTransitions.js +17 -14
- package/styles/createTypography.js +31 -29
- package/styles/experimental_extendTheme.js +41 -33
- package/styles/responsiveFontSizes.js +17 -11
- package/umd/material-ui.development.js +7513 -6042
- package/umd/material-ui.production.min.js +21 -21
- package/usePagination/usePagination.js +18 -20
- package/useScrollTrigger/useScrollTrigger.js +8 -10
- package/utils/createSvgIcon.js +4 -5
package/legacy/Fade/Fade.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import PropTypes from 'prop-types';
|
|
5
7
|
import { Transition } from 'react-transition-group';
|
|
@@ -102,7 +104,7 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
|
102
104
|
addEndListener(nodeRef.current, next);
|
|
103
105
|
}
|
|
104
106
|
};
|
|
105
|
-
return /*#__PURE__*/_jsx(TransitionComponent,
|
|
107
|
+
return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
|
|
106
108
|
appear: appear,
|
|
107
109
|
in: inProp,
|
|
108
110
|
nodeRef: enableStrictModeCompat ? nodeRef : undefined,
|
|
@@ -114,13 +116,13 @@ var Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
|
114
116
|
onExiting: handleExiting,
|
|
115
117
|
addEndListener: handleAddEndListener,
|
|
116
118
|
timeout: timeout
|
|
117
|
-
}, other, {
|
|
119
|
+
}, other), {}, {
|
|
118
120
|
children: function children(state, childProps) {
|
|
119
|
-
return /*#__PURE__*/React.cloneElement(_children,
|
|
120
|
-
style:
|
|
121
|
+
return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
|
|
122
|
+
style: _objectSpread(_objectSpread(_objectSpread({
|
|
121
123
|
opacity: 0,
|
|
122
124
|
visibility: state === 'exited' && !inProp ? 'hidden' : undefined
|
|
123
|
-
}, styles[state], style, _children.props.style),
|
|
125
|
+
}, styles[state]), style), _children.props.style),
|
|
124
126
|
ref: handleRef
|
|
125
127
|
}, childProps));
|
|
126
128
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
4
|
-
import
|
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
6
|
import * as React from 'react';
|
|
6
7
|
import { refType, deepmerge } from '@mui/utils';
|
|
7
8
|
import PropTypes from 'prop-types';
|
|
@@ -20,7 +21,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
20
21
|
input: ['input']
|
|
21
22
|
};
|
|
22
23
|
var composedClasses = composeClasses(slots, getFilledInputUtilityClass, classes);
|
|
23
|
-
return
|
|
24
|
+
return _objectSpread(_objectSpread({}, classes), composedClasses);
|
|
24
25
|
};
|
|
25
26
|
var FilledInputRoot = styled(InputBaseRoot, {
|
|
26
27
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
@@ -33,7 +34,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
33
34
|
return [].concat(_toConsumableArray(inputBaseRootOverridesResolver(props, styles)), [!ownerState.disableUnderline && styles.underline]);
|
|
34
35
|
}
|
|
35
36
|
})(function (_ref) {
|
|
36
|
-
var
|
|
37
|
+
var _objectSpread2, _palette, _ref2;
|
|
37
38
|
var theme = _ref.theme,
|
|
38
39
|
ownerState = _ref.ownerState;
|
|
39
40
|
var light = theme.palette.mode === 'light';
|
|
@@ -41,7 +42,7 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
41
42
|
var backgroundColor = light ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.09)';
|
|
42
43
|
var hoverBackground = light ? 'rgba(0, 0, 0, 0.09)' : 'rgba(255, 255, 255, 0.13)';
|
|
43
44
|
var disabledBackground = light ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)';
|
|
44
|
-
return
|
|
45
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
|
|
45
46
|
position: 'relative',
|
|
46
47
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor,
|
|
47
48
|
borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
|
|
@@ -57,11 +58,11 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
57
58
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
|
-
}, _defineProperty(
|
|
61
|
+
}, _defineProperty(_objectSpread2, "&.".concat(filledInputClasses.focused), {
|
|
61
62
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
|
|
62
|
-
}), _defineProperty(
|
|
63
|
+
}), _defineProperty(_objectSpread2, "&.".concat(filledInputClasses.disabled), {
|
|
63
64
|
backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground
|
|
64
|
-
}),
|
|
65
|
+
}), _objectSpread2), !ownerState.disableUnderline && (_ref2 = {
|
|
65
66
|
'&:after': {
|
|
66
67
|
borderBottom: "2px solid ".concat((_palette = (theme.vars || theme).palette[ownerState.color || 'primary']) == null ? void 0 : _palette.main),
|
|
67
68
|
left: 0,
|
|
@@ -101,16 +102,16 @@ var FilledInputRoot = styled(InputBaseRoot, {
|
|
|
101
102
|
borderBottom: "1px solid ".concat((theme.vars || theme).palette.text.primary)
|
|
102
103
|
}), _defineProperty(_ref2, "&.".concat(filledInputClasses.disabled, ":before"), {
|
|
103
104
|
borderBottomStyle: 'dotted'
|
|
104
|
-
}), _ref2), ownerState.startAdornment && {
|
|
105
|
+
}), _ref2)), ownerState.startAdornment && {
|
|
105
106
|
paddingLeft: 12
|
|
106
|
-
}, ownerState.endAdornment && {
|
|
107
|
+
}), ownerState.endAdornment && {
|
|
107
108
|
paddingRight: 12
|
|
108
|
-
}, ownerState.multiline &&
|
|
109
|
+
}), ownerState.multiline && _objectSpread(_objectSpread({
|
|
109
110
|
padding: '25px 12px 8px'
|
|
110
111
|
}, ownerState.size === 'small' && {
|
|
111
112
|
paddingTop: 21,
|
|
112
113
|
paddingBottom: 4
|
|
113
|
-
}, ownerState.hiddenLabel && {
|
|
114
|
+
}), ownerState.hiddenLabel && {
|
|
114
115
|
paddingTop: 16,
|
|
115
116
|
paddingBottom: 17
|
|
116
117
|
}));
|
|
@@ -122,7 +123,7 @@ var FilledInputInput = styled(InputBaseInput, {
|
|
|
122
123
|
})(function (_ref3) {
|
|
123
124
|
var theme = _ref3.theme,
|
|
124
125
|
ownerState = _ref3.ownerState;
|
|
125
|
-
return
|
|
126
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
126
127
|
paddingTop: 25,
|
|
127
128
|
paddingRight: 12,
|
|
128
129
|
paddingBottom: 8,
|
|
@@ -135,7 +136,7 @@ var FilledInputInput = styled(InputBaseInput, {
|
|
|
135
136
|
borderTopLeftRadius: 'inherit',
|
|
136
137
|
borderTopRightRadius: 'inherit'
|
|
137
138
|
}
|
|
138
|
-
}, theme.vars && _defineProperty({
|
|
139
|
+
}), theme.vars && _defineProperty({
|
|
139
140
|
'&:-webkit-autofill': {
|
|
140
141
|
borderTopLeftRadius: 'inherit',
|
|
141
142
|
borderTopRightRadius: 'inherit'
|
|
@@ -146,22 +147,22 @@ var FilledInputInput = styled(InputBaseInput, {
|
|
|
146
147
|
WebkitTextFillColor: '#fff',
|
|
147
148
|
caretColor: '#fff'
|
|
148
149
|
}
|
|
149
|
-
}), ownerState.size === 'small' && {
|
|
150
|
+
})), ownerState.size === 'small' && {
|
|
150
151
|
paddingTop: 21,
|
|
151
152
|
paddingBottom: 4
|
|
152
|
-
}, ownerState.hiddenLabel && {
|
|
153
|
+
}), ownerState.hiddenLabel && {
|
|
153
154
|
paddingTop: 16,
|
|
154
155
|
paddingBottom: 17
|
|
155
|
-
}, ownerState.multiline && {
|
|
156
|
+
}), ownerState.multiline && {
|
|
156
157
|
paddingTop: 0,
|
|
157
158
|
paddingBottom: 0,
|
|
158
159
|
paddingLeft: 0,
|
|
159
160
|
paddingRight: 0
|
|
160
|
-
}, ownerState.startAdornment && {
|
|
161
|
+
}), ownerState.startAdornment && {
|
|
161
162
|
paddingLeft: 0
|
|
162
|
-
}, ownerState.endAdornment && {
|
|
163
|
+
}), ownerState.endAdornment && {
|
|
163
164
|
paddingRight: 0
|
|
164
|
-
}, ownerState.hiddenLabel && ownerState.size === 'small' && {
|
|
165
|
+
}), ownerState.hiddenLabel && ownerState.size === 'small' && {
|
|
165
166
|
paddingTop: 8,
|
|
166
167
|
paddingBottom: 9
|
|
167
168
|
});
|
|
@@ -189,7 +190,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
|
|
|
189
190
|
_props$type = props.type,
|
|
190
191
|
type = _props$type === void 0 ? 'text' : _props$type,
|
|
191
192
|
other = _objectWithoutProperties(props, ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"]);
|
|
192
|
-
var ownerState =
|
|
193
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
193
194
|
fullWidth: fullWidth,
|
|
194
195
|
inputComponent: inputComponent,
|
|
195
196
|
multiline: multiline,
|
|
@@ -207,7 +208,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
|
|
|
207
208
|
var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
|
|
208
209
|
var RootSlot = (_ref5 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref5 : FilledInputRoot;
|
|
209
210
|
var InputSlot = (_ref6 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref6 : FilledInputInput;
|
|
210
|
-
return /*#__PURE__*/_jsx(InputBase,
|
|
211
|
+
return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread({
|
|
211
212
|
slots: {
|
|
212
213
|
root: RootSlot,
|
|
213
214
|
input: InputSlot
|
|
@@ -218,7 +219,7 @@ var FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, re
|
|
|
218
219
|
multiline: multiline,
|
|
219
220
|
ref: ref,
|
|
220
221
|
type: type
|
|
221
|
-
}, other, {
|
|
222
|
+
}, other), {}, {
|
|
222
223
|
classes: classes
|
|
223
224
|
}));
|
|
224
225
|
});
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
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; }
|
|
2
4
|
import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
3
5
|
import generateUtilityClass from '../generateUtilityClass';
|
|
4
6
|
import { inputBaseClasses } from '../InputBase';
|
|
5
7
|
export function getFilledInputUtilityClass(slot) {
|
|
6
8
|
return generateUtilityClass('MuiFilledInput', slot);
|
|
7
9
|
}
|
|
8
|
-
var filledInputClasses =
|
|
10
|
+
var filledInputClasses = _objectSpread(_objectSpread({}, inputBaseClasses), generateUtilityClasses('MuiFilledInput', ['root', 'underline', 'input']));
|
|
9
11
|
export default filledInputClasses;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import PropTypes from 'prop-types';
|
|
5
7
|
import clsx from 'clsx';
|
|
@@ -26,11 +28,11 @@ var FormControlRoot = styled('div', {
|
|
|
26
28
|
slot: 'Root',
|
|
27
29
|
overridesResolver: function overridesResolver(_ref, styles) {
|
|
28
30
|
var ownerState = _ref.ownerState;
|
|
29
|
-
return
|
|
31
|
+
return _objectSpread(_objectSpread(_objectSpread({}, styles.root), styles["margin".concat(capitalize(ownerState.margin))]), ownerState.fullWidth && styles.fullWidth);
|
|
30
32
|
}
|
|
31
33
|
})(function (_ref2) {
|
|
32
34
|
var ownerState = _ref2.ownerState;
|
|
33
|
-
return
|
|
35
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
34
36
|
display: 'inline-flex',
|
|
35
37
|
flexDirection: 'column',
|
|
36
38
|
position: 'relative',
|
|
@@ -43,10 +45,10 @@ var FormControlRoot = styled('div', {
|
|
|
43
45
|
}, ownerState.margin === 'normal' && {
|
|
44
46
|
marginTop: 16,
|
|
45
47
|
marginBottom: 8
|
|
46
|
-
}, ownerState.margin === 'dense' && {
|
|
48
|
+
}), ownerState.margin === 'dense' && {
|
|
47
49
|
marginTop: 8,
|
|
48
50
|
marginBottom: 4
|
|
49
|
-
}, ownerState.fullWidth && {
|
|
51
|
+
}), ownerState.fullWidth && {
|
|
50
52
|
width: '100%'
|
|
51
53
|
});
|
|
52
54
|
});
|
|
@@ -104,7 +106,7 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, re
|
|
|
104
106
|
_props$variant = props.variant,
|
|
105
107
|
variant = _props$variant === void 0 ? 'outlined' : _props$variant,
|
|
106
108
|
other = _objectWithoutProperties(props, ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"]);
|
|
107
|
-
var ownerState =
|
|
109
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
108
110
|
color: color,
|
|
109
111
|
component: component,
|
|
110
112
|
disabled: disabled,
|
|
@@ -206,12 +208,12 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, re
|
|
|
206
208
|
}, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
|
|
207
209
|
return /*#__PURE__*/_jsx(FormControlContext.Provider, {
|
|
208
210
|
value: childContext,
|
|
209
|
-
children: /*#__PURE__*/_jsx(FormControlRoot,
|
|
211
|
+
children: /*#__PURE__*/_jsx(FormControlRoot, _objectSpread(_objectSpread({
|
|
210
212
|
as: component,
|
|
211
213
|
ownerState: ownerState,
|
|
212
214
|
className: clsx(classes.root, className),
|
|
213
215
|
ref: ref
|
|
214
|
-
}, other, {
|
|
216
|
+
}, other), {}, {
|
|
215
217
|
children: children
|
|
216
218
|
}))
|
|
217
219
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
import * as React from 'react';
|
|
5
6
|
import PropTypes from 'prop-types';
|
|
6
7
|
import clsx from 'clsx';
|
|
@@ -38,7 +39,7 @@ export var FormControlLabelRoot = styled('label', {
|
|
|
38
39
|
})(function (_ref2) {
|
|
39
40
|
var theme = _ref2.theme,
|
|
40
41
|
ownerState = _ref2.ownerState;
|
|
41
|
-
return
|
|
42
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty({
|
|
42
43
|
display: 'inline-flex',
|
|
43
44
|
alignItems: 'center',
|
|
44
45
|
cursor: 'pointer',
|
|
@@ -54,13 +55,13 @@ export var FormControlLabelRoot = styled('label', {
|
|
|
54
55
|
marginLeft: 16,
|
|
55
56
|
// used for row presentation of radio/checkbox
|
|
56
57
|
marginRight: -11
|
|
57
|
-
}, ownerState.labelPlacement === 'top' && {
|
|
58
|
+
}), ownerState.labelPlacement === 'top' && {
|
|
58
59
|
flexDirection: 'column-reverse',
|
|
59
60
|
marginLeft: 16
|
|
60
|
-
}, ownerState.labelPlacement === 'bottom' && {
|
|
61
|
+
}), ownerState.labelPlacement === 'bottom' && {
|
|
61
62
|
flexDirection: 'column',
|
|
62
63
|
marginLeft: 16
|
|
63
|
-
}, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
|
|
64
|
+
}), {}, _defineProperty({}, "& .".concat(formControlLabelClasses.label), _defineProperty({}, "&.".concat(formControlLabelClasses.disabled), {
|
|
64
65
|
color: (theme.vars || theme).palette.text.disabled
|
|
65
66
|
})));
|
|
66
67
|
});
|
|
@@ -122,7 +123,7 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
|
|
|
122
123
|
muiFormControl: muiFormControl,
|
|
123
124
|
states: ['error']
|
|
124
125
|
});
|
|
125
|
-
var ownerState =
|
|
126
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
126
127
|
disabled: disabled,
|
|
127
128
|
labelPlacement: labelPlacement,
|
|
128
129
|
required: required,
|
|
@@ -132,18 +133,18 @@ var FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(i
|
|
|
132
133
|
var typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
|
|
133
134
|
var label = labelProp;
|
|
134
135
|
if (label != null && label.type !== Typography && !disableTypography) {
|
|
135
|
-
label = /*#__PURE__*/_jsx(Typography,
|
|
136
|
+
label = /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
|
|
136
137
|
component: "span"
|
|
137
|
-
}, typographySlotProps, {
|
|
138
|
+
}, typographySlotProps), {}, {
|
|
138
139
|
className: clsx(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
|
|
139
140
|
children: label
|
|
140
141
|
}));
|
|
141
142
|
}
|
|
142
|
-
return /*#__PURE__*/_jsxs(FormControlLabelRoot,
|
|
143
|
+
return /*#__PURE__*/_jsxs(FormControlLabelRoot, _objectSpread(_objectSpread({
|
|
143
144
|
className: clsx(classes.root, className),
|
|
144
145
|
ownerState: ownerState,
|
|
145
146
|
ref: ref
|
|
146
|
-
}, other, {
|
|
147
|
+
}, other), {}, {
|
|
147
148
|
children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/_jsxs(AsteriskComponent, {
|
|
148
149
|
ownerState: ownerState,
|
|
149
150
|
"aria-hidden": true,
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import PropTypes from 'prop-types';
|
|
5
7
|
import clsx from 'clsx';
|
|
@@ -28,7 +30,7 @@ var FormGroupRoot = styled('div', {
|
|
|
28
30
|
}
|
|
29
31
|
})(function (_ref) {
|
|
30
32
|
var ownerState = _ref.ownerState;
|
|
31
|
-
return
|
|
33
|
+
return _objectSpread({
|
|
32
34
|
display: 'flex',
|
|
33
35
|
flexDirection: 'column',
|
|
34
36
|
flexWrap: 'wrap'
|
|
@@ -57,12 +59,12 @@ var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref) {
|
|
|
57
59
|
muiFormControl: muiFormControl,
|
|
58
60
|
states: ['error']
|
|
59
61
|
});
|
|
60
|
-
var ownerState =
|
|
62
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
61
63
|
row: row,
|
|
62
64
|
error: fcs.error
|
|
63
65
|
});
|
|
64
66
|
var classes = useUtilityClasses(ownerState);
|
|
65
|
-
return /*#__PURE__*/_jsx(FormGroupRoot,
|
|
67
|
+
return /*#__PURE__*/_jsx(FormGroupRoot, _objectSpread({
|
|
66
68
|
className: clsx(classes.root, className),
|
|
67
69
|
ownerState: ownerState,
|
|
68
70
|
ref: ref
|
|
@@ -1,7 +1,8 @@
|
|
|
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";
|
|
4
3
|
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; }
|
|
5
6
|
import * as React from 'react';
|
|
6
7
|
import PropTypes from 'prop-types';
|
|
7
8
|
import clsx from 'clsx';
|
|
@@ -35,24 +36,24 @@ var FormHelperTextRoot = styled('p', {
|
|
|
35
36
|
return [styles.root, ownerState.size && styles["size".concat(capitalize(ownerState.size))], ownerState.contained && styles.contained, ownerState.filled && styles.filled];
|
|
36
37
|
}
|
|
37
38
|
})(function (_ref) {
|
|
38
|
-
var
|
|
39
|
+
var _objectSpread2;
|
|
39
40
|
var theme = _ref.theme,
|
|
40
41
|
ownerState = _ref.ownerState;
|
|
41
|
-
return
|
|
42
|
+
return _objectSpread(_objectSpread(_objectSpread({
|
|
42
43
|
color: (theme.vars || theme).palette.text.secondary
|
|
43
|
-
}, theme.typography.caption, (
|
|
44
|
+
}, theme.typography.caption), {}, (_objectSpread2 = {
|
|
44
45
|
textAlign: 'left',
|
|
45
46
|
marginTop: 3,
|
|
46
47
|
marginRight: 0,
|
|
47
48
|
marginBottom: 0,
|
|
48
49
|
marginLeft: 0
|
|
49
|
-
}, _defineProperty(
|
|
50
|
+
}, _defineProperty(_objectSpread2, "&.".concat(formHelperTextClasses.disabled), {
|
|
50
51
|
color: (theme.vars || theme).palette.text.disabled
|
|
51
|
-
}), _defineProperty(
|
|
52
|
+
}), _defineProperty(_objectSpread2, "&.".concat(formHelperTextClasses.error), {
|
|
52
53
|
color: (theme.vars || theme).palette.error.main
|
|
53
|
-
}),
|
|
54
|
+
}), _objectSpread2), ownerState.size === 'small' && {
|
|
54
55
|
marginTop: 4
|
|
55
|
-
}, ownerState.contained && {
|
|
56
|
+
}), ownerState.contained && {
|
|
56
57
|
marginLeft: 14,
|
|
57
58
|
marginRight: 14
|
|
58
59
|
});
|
|
@@ -80,7 +81,7 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
|
|
|
80
81
|
muiFormControl: muiFormControl,
|
|
81
82
|
states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
|
|
82
83
|
});
|
|
83
|
-
var ownerState =
|
|
84
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
84
85
|
component: component,
|
|
85
86
|
contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
|
|
86
87
|
variant: fcs.variant,
|
|
@@ -92,12 +93,12 @@ var FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inPro
|
|
|
92
93
|
required: fcs.required
|
|
93
94
|
});
|
|
94
95
|
var classes = useUtilityClasses(ownerState);
|
|
95
|
-
return /*#__PURE__*/_jsx(FormHelperTextRoot,
|
|
96
|
+
return /*#__PURE__*/_jsx(FormHelperTextRoot, _objectSpread(_objectSpread({
|
|
96
97
|
as: component,
|
|
97
98
|
ownerState: ownerState,
|
|
98
99
|
className: clsx(classes.root, className),
|
|
99
100
|
ref: ref
|
|
100
|
-
}, other, {
|
|
101
|
+
}, other), {}, {
|
|
101
102
|
children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
|
|
102
103
|
_span || (_span = /*#__PURE__*/_jsx("span", {
|
|
103
104
|
className: "notranslate",
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
-
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
import * as React from 'react';
|
|
5
6
|
import PropTypes from 'prop-types';
|
|
6
7
|
import clsx from 'clsx';
|
|
@@ -31,25 +32,25 @@ export var FormLabelRoot = styled('label', {
|
|
|
31
32
|
slot: 'Root',
|
|
32
33
|
overridesResolver: function overridesResolver(_ref, styles) {
|
|
33
34
|
var ownerState = _ref.ownerState;
|
|
34
|
-
return
|
|
35
|
+
return _objectSpread(_objectSpread(_objectSpread({}, styles.root), ownerState.color === 'secondary' && styles.colorSecondary), ownerState.filled && styles.filled);
|
|
35
36
|
}
|
|
36
37
|
})(function (_ref2) {
|
|
37
|
-
var
|
|
38
|
+
var _objectSpread2;
|
|
38
39
|
var theme = _ref2.theme,
|
|
39
40
|
ownerState = _ref2.ownerState;
|
|
40
|
-
return
|
|
41
|
+
return _objectSpread(_objectSpread({
|
|
41
42
|
color: (theme.vars || theme).palette.text.secondary
|
|
42
|
-
}, theme.typography.body1, (
|
|
43
|
+
}, theme.typography.body1), {}, (_objectSpread2 = {
|
|
43
44
|
lineHeight: '1.4375em',
|
|
44
45
|
padding: 0,
|
|
45
46
|
position: 'relative'
|
|
46
|
-
}, _defineProperty(
|
|
47
|
+
}, _defineProperty(_objectSpread2, "&.".concat(formLabelClasses.focused), {
|
|
47
48
|
color: (theme.vars || theme).palette[ownerState.color].main
|
|
48
|
-
}), _defineProperty(
|
|
49
|
+
}), _defineProperty(_objectSpread2, "&.".concat(formLabelClasses.disabled), {
|
|
49
50
|
color: (theme.vars || theme).palette.text.disabled
|
|
50
|
-
}), _defineProperty(
|
|
51
|
+
}), _defineProperty(_objectSpread2, "&.".concat(formLabelClasses.error), {
|
|
51
52
|
color: (theme.vars || theme).palette.error.main
|
|
52
|
-
}),
|
|
53
|
+
}), _objectSpread2));
|
|
53
54
|
});
|
|
54
55
|
var AsteriskComponent = styled('span', {
|
|
55
56
|
name: 'MuiFormLabel',
|
|
@@ -85,7 +86,7 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
|
|
|
85
86
|
muiFormControl: muiFormControl,
|
|
86
87
|
states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
|
|
87
88
|
});
|
|
88
|
-
var ownerState =
|
|
89
|
+
var ownerState = _objectSpread(_objectSpread({}, props), {}, {
|
|
89
90
|
color: fcs.color || 'primary',
|
|
90
91
|
component: component,
|
|
91
92
|
disabled: fcs.disabled,
|
|
@@ -95,12 +96,12 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {
|
|
|
95
96
|
required: fcs.required
|
|
96
97
|
});
|
|
97
98
|
var classes = useUtilityClasses(ownerState);
|
|
98
|
-
return /*#__PURE__*/_jsxs(FormLabelRoot,
|
|
99
|
+
return /*#__PURE__*/_jsxs(FormLabelRoot, _objectSpread(_objectSpread({
|
|
99
100
|
as: component,
|
|
100
101
|
ownerState: ownerState,
|
|
101
102
|
className: clsx(classes.root, className),
|
|
102
103
|
ref: ref
|
|
103
|
-
}, other, {
|
|
104
|
+
}, other), {}, {
|
|
104
105
|
children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {
|
|
105
106
|
ownerState: ownerState,
|
|
106
107
|
"aria-hidden": true,
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
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; }
|
|
2
4
|
import * as React from 'react';
|
|
3
5
|
import PropTypes from 'prop-types';
|
|
4
6
|
import { GlobalStyles as SystemGlobalStyles } from '@mui/system';
|
|
@@ -6,7 +8,7 @@ import defaultTheme from '../styles/defaultTheme';
|
|
|
6
8
|
import THEME_ID from '../styles/identifier';
|
|
7
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
10
|
function GlobalStyles(props) {
|
|
9
|
-
return /*#__PURE__*/_jsx(SystemGlobalStyles,
|
|
11
|
+
return /*#__PURE__*/_jsx(SystemGlobalStyles, _objectSpread(_objectSpread({}, props), {}, {
|
|
10
12
|
defaultTheme: defaultTheme,
|
|
11
13
|
themeId: THEME_ID
|
|
12
14
|
}));
|
package/legacy/Grid/Grid.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
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; }
|
|
6
8
|
// A grid component using the following libs as inspiration.
|
|
7
9
|
//
|
|
8
10
|
// For the implementation:
|
|
@@ -82,7 +84,7 @@ export function generateGrid(_ref) {
|
|
|
82
84
|
|
|
83
85
|
// Close to the bootstrap implementation:
|
|
84
86
|
// https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
|
|
85
|
-
styles =
|
|
87
|
+
styles = _objectSpread({
|
|
86
88
|
flexBasis: width,
|
|
87
89
|
flexGrow: 0,
|
|
88
90
|
maxWidth: width
|
|
@@ -284,17 +286,17 @@ var GridRoot = styled('div', {
|
|
|
284
286
|
}
|
|
285
287
|
})(function (_ref10) {
|
|
286
288
|
var ownerState = _ref10.ownerState;
|
|
287
|
-
return
|
|
289
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
288
290
|
boxSizing: 'border-box'
|
|
289
291
|
}, ownerState.container && {
|
|
290
292
|
display: 'flex',
|
|
291
293
|
flexWrap: 'wrap',
|
|
292
294
|
width: '100%'
|
|
293
|
-
}, ownerState.item && {
|
|
295
|
+
}), ownerState.item && {
|
|
294
296
|
margin: 0 // For instance, it's useful when used with a `figure` element.
|
|
295
|
-
}, ownerState.zeroMinWidth && {
|
|
297
|
+
}), ownerState.zeroMinWidth && {
|
|
296
298
|
minWidth: 0
|
|
297
|
-
}, ownerState.wrap !== 'wrap' && {
|
|
299
|
+
}), ownerState.wrap !== 'wrap' && {
|
|
298
300
|
flexWrap: ownerState.wrap
|
|
299
301
|
});
|
|
300
302
|
}, generateDirection, generateRowGap, generateColumnGap, generateGrid);
|
|
@@ -379,14 +381,14 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
|
|
|
379
381
|
// columns set with default breakpoint unit of 12
|
|
380
382
|
var columns = container ? columnsProp || 12 : columnsContext;
|
|
381
383
|
var breakpointsValues = {};
|
|
382
|
-
var otherFiltered =
|
|
384
|
+
var otherFiltered = _objectSpread({}, other);
|
|
383
385
|
breakpoints.keys.forEach(function (breakpoint) {
|
|
384
386
|
if (other[breakpoint] != null) {
|
|
385
387
|
breakpointsValues[breakpoint] = other[breakpoint];
|
|
386
388
|
delete otherFiltered[breakpoint];
|
|
387
389
|
}
|
|
388
390
|
});
|
|
389
|
-
var ownerState =
|
|
391
|
+
var ownerState = _objectSpread(_objectSpread(_objectSpread({}, props), {}, {
|
|
390
392
|
columns: columns,
|
|
391
393
|
container: container,
|
|
392
394
|
direction: direction,
|
|
@@ -396,13 +398,13 @@ var Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
|
|
|
396
398
|
wrap: wrap,
|
|
397
399
|
zeroMinWidth: zeroMinWidth,
|
|
398
400
|
spacing: spacing
|
|
399
|
-
}, breakpointsValues, {
|
|
401
|
+
}, breakpointsValues), {}, {
|
|
400
402
|
breakpoints: breakpoints.keys
|
|
401
403
|
});
|
|
402
404
|
var classes = useUtilityClasses(ownerState);
|
|
403
405
|
return /*#__PURE__*/_jsx(GridContext.Provider, {
|
|
404
406
|
value: columns,
|
|
405
|
-
children: /*#__PURE__*/_jsx(GridRoot,
|
|
407
|
+
children: /*#__PURE__*/_jsx(GridRoot, _objectSpread({
|
|
406
408
|
ownerState: ownerState,
|
|
407
409
|
className: clsx(classes.root, className),
|
|
408
410
|
as: component,
|
|
@@ -541,7 +543,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
|
|
|
541
543
|
if (process.env.NODE_ENV !== 'production') {
|
|
542
544
|
var requireProp = requirePropFactory('Grid', Grid);
|
|
543
545
|
// eslint-disable-next-line no-useless-concat
|
|
544
|
-
Grid['propTypes' + ''] =
|
|
546
|
+
Grid['propTypes' + ''] = _objectSpread(_objectSpread({}, Grid.propTypes), {}, {
|
|
545
547
|
direction: requireProp('container'),
|
|
546
548
|
lg: requireProp('item'),
|
|
547
549
|
md: requireProp('item'),
|
package/legacy/Grow/Grow.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import PropTypes from 'prop-types';
|
|
5
7
|
import { elementAcceptingRef } from '@mui/utils';
|
|
@@ -152,7 +154,7 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
152
154
|
clearTimeout(timer.current);
|
|
153
155
|
};
|
|
154
156
|
}, []);
|
|
155
|
-
return /*#__PURE__*/_jsx(TransitionComponent,
|
|
157
|
+
return /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
|
|
156
158
|
appear: appear,
|
|
157
159
|
in: inProp,
|
|
158
160
|
nodeRef: nodeRef,
|
|
@@ -164,14 +166,14 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
164
166
|
onExiting: handleExiting,
|
|
165
167
|
addEndListener: handleAddEndListener,
|
|
166
168
|
timeout: timeout === 'auto' ? null : timeout
|
|
167
|
-
}, other, {
|
|
169
|
+
}, other), {}, {
|
|
168
170
|
children: function children(state, childProps) {
|
|
169
|
-
return /*#__PURE__*/React.cloneElement(_children,
|
|
170
|
-
style:
|
|
171
|
+
return /*#__PURE__*/React.cloneElement(_children, _objectSpread({
|
|
172
|
+
style: _objectSpread(_objectSpread(_objectSpread({
|
|
171
173
|
opacity: 0,
|
|
172
174
|
transform: getScale(0.75),
|
|
173
175
|
visibility: state === 'exited' && !inProp ? 'hidden' : undefined
|
|
174
|
-
}, styles[state], style, _children.props.style),
|
|
176
|
+
}, styles[state]), style), _children.props.style),
|
|
175
177
|
ref: handleRef
|
|
176
178
|
}, childProps));
|
|
177
179
|
}
|