@mui/material 5.13.1 → 5.13.2
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/Accordion/accordionClasses.d.ts +18 -18
- package/AccordionActions/AccordionActions.js +18 -18
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/AccordionDetails.js +9 -7
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/AccordionSummary.js +32 -32
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/Alert.js +60 -64
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/AlertTitle.js +9 -7
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/AppBar.js +73 -89
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.js +141 -171
- package/Autocomplete/autocompleteClasses.d.ts +56 -56
- package/Avatar/Avatar.js +38 -42
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/AvatarGroup.js +33 -34
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/Backdrop.js +31 -33
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.js +107 -119
- package/Badge/badgeClasses.d.ts +56 -56
- package/BottomNavigation/BottomNavigation.js +17 -15
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/Breadcrumbs/Breadcrumbs.js +21 -19
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/Button.js +133 -168
- package/Button/buttonClasses.d.ts +100 -100
- package/ButtonBase/ButtonBase.js +42 -43
- package/ButtonBase/TouchRipple.js +12 -9
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroup.js +89 -111
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +41 -0
- package/Card/Card.js +12 -11
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/CardActionArea.js +12 -9
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/CardActions.js +18 -18
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/CardContent.js +12 -11
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/CardHeader.js +31 -30
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/CardMedia.js +27 -28
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/Checkbox.js +39 -44
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/Chip.js +129 -146
- package/Chip/chipClasses.d.ts +96 -96
- package/CircularProgress/CircularProgress.js +36 -43
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/Collapse.js +65 -73
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/containerClasses.d.ts +6 -6
- package/CssBaseline/CssBaseline.js +14 -17
- package/Dialog/Dialog.js +94 -103
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/DialogActions.js +18 -18
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/DialogContent.js +22 -22
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/DialogContentText.js +11 -13
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/DialogTitle.js +10 -8
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/Divider.js +84 -99
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/Drawer.js +76 -85
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/Fab.js +60 -71
- package/Fab/fabClasses.d.ts +26 -26
- package/Fade/Fade.js +30 -31
- package/FilledInput/FilledInput.js +117 -135
- package/FilledInput/filledInputClasses.d.ts +42 -42
- package/FilledInput/filledInputClasses.js +2 -4
- package/FormControl/FormControl.js +35 -41
- package/FormControl/FormControlContext.d.ts +17 -17
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControl/useFormControl.d.ts +2 -2
- package/FormControlLabel/FormControlLabel.js +38 -43
- package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
- package/FormGroup/FormGroup.js +16 -16
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/FormHelperText.js +23 -30
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/FormLabel.js +18 -26
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/GlobalStyles/GlobalStyles.js +3 -3
- package/Grid/Grid.js +41 -50
- package/Grid/gridClasses.d.ts +48 -48
- package/Grow/Grow.js +30 -31
- package/Hidden/Hidden.js +22 -21
- package/Hidden/HiddenCss.js +29 -29
- package/Hidden/withWidth.js +19 -19
- package/Icon/Icon.js +15 -14
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/IconButton.js +52 -59
- package/IconButton/iconButtonClasses.d.ts +34 -34
- package/ImageList/ImageList.js +29 -30
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/ImageListItem.js +39 -40
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/ImageListItemBar.js +41 -47
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/Input.js +74 -77
- package/Input/inputClasses.d.ts +38 -38
- package/Input/inputClasses.js +2 -4
- package/InputAdornment/InputAdornment.js +34 -36
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/InputBase.js +92 -116
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputLabel/InputLabel.js +68 -83
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.js +58 -64
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/Link.js +64 -69
- package/Link/getTextDecoration.d.ts +15 -15
- package/Link/linkClasses.d.ts +18 -18
- package/List/List.js +24 -24
- package/List/listClasses.d.ts +14 -14
- package/ListItem/ListItem.js +96 -113
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/ListItemAvatar.js +15 -15
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/ListItemButton.js +35 -40
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/ListItemIcon.js +15 -15
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/ListItemText.js +34 -34
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/ListSubheader.js +32 -36
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/Menu.js +39 -38
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/MenuItem.js +45 -50
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MenuList/MenuList.js +20 -17
- package/MobileStepper/MobileStepper.js +53 -61
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/Modal/Modal.js +45 -50
- package/NativeSelect/NativeSelect.js +22 -26
- package/NativeSelect/NativeSelectInput.js +43 -50
- package/NativeSelect/nativeSelectClasses.d.ts +34 -34
- package/OutlinedInput/NotchedOutline.js +51 -55
- package/OutlinedInput/OutlinedInput.js +59 -72
- package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
- package/OutlinedInput/outlinedInputClasses.js +2 -4
- package/Pagination/Pagination.js +31 -35
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.js +93 -105
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/Paper.js +28 -32
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/Popover.js +51 -49
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +65 -65
- package/Popper/Popper.js +27 -25
- package/Radio/Radio.js +33 -36
- package/Radio/RadioButtonIcon.js +10 -11
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroup.js +17 -14
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/Rating.js +73 -88
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/Select.js +55 -59
- package/Select/SelectInput.js +57 -58
- package/Select/selectClasses.d.ts +32 -32
- package/Skeleton/Skeleton.js +46 -51
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Slide/Slide.js +33 -37
- package/Slider/Slider.js +216 -281
- package/Slider/SliderValueLabel.d.ts +15 -15
- package/Slider/SliderValueLabel.types.d.ts +24 -24
- package/Slider/sliderClasses.d.ts +58 -58
- package/Snackbar/Snackbar.js +67 -81
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/SnackbarContent.js +15 -13
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/SpeedDial.js +83 -85
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/SpeedDialAction.js +52 -57
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Stack/stackClasses.d.ts +6 -6
- package/Step/Step.js +26 -27
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/StepButton.js +24 -23
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/StepConnector.js +31 -34
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/StepContent.js +24 -23
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/StepIcon.js +22 -22
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/StepLabel.js +33 -34
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/Stepper.js +31 -33
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/SvgIcon.js +20 -19
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- package/SwipeableDrawer/SwipeArea.js +30 -33
- package/SwipeableDrawer/SwipeableDrawer.js +43 -49
- package/Switch/Switch.js +52 -59
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/Tab.js +83 -93
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/TabScrollButton.js +25 -30
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/Table.js +19 -20
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/TableBody.js +12 -11
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/TableCell.js +59 -70
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/TableContainer.js +12 -11
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/TableFooter.js +12 -11
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/TableHead.js +12 -11
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/TablePagination.js +49 -53
- package/TablePagination/TablePaginationActions.js +25 -22
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/TableRow.js +14 -13
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/TableSortLabel.js +23 -23
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/ScrollbarSize.js +9 -7
- package/Tabs/Tabs.js +92 -107
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/TextField.js +57 -57
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.js +35 -36
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/Toolbar.js +25 -26
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/Tooltip.js +147 -177
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/Typography.js +32 -37
- package/Typography/typographyClasses.d.ts +50 -50
- package/Unstable_Grid2/Grid2.d.ts +4 -4
- package/Unstable_Grid2/Grid2Props.d.ts +15 -15
- package/Unstable_Grid2/grid2Classes.d.ts +5 -5
- package/Unstable_Grid2/index.d.ts +4 -4
- package/Zoom/Zoom.js +30 -31
- package/className/index.d.ts +1 -1
- package/darkScrollbar/index.d.ts +28 -28
- package/generateUtilityClass/index.d.ts +2 -2
- package/generateUtilityClasses/index.d.ts +1 -1
- package/index.js +1 -1
- package/internal/SwitchBase.js +43 -45
- package/internal/switchBaseClasses.d.ts +12 -12
- 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 +43 -44
- 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 +3 -5
- package/legacy/Hidden/HiddenCss.js +3 -4
- package/legacy/Hidden/withWidth.js +4 -6
- 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 +8 -10
- 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/locale/index.d.ts +80 -80
- 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 +138 -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 +22 -21
- package/modern/Hidden/HiddenCss.js +29 -29
- package/modern/Hidden/withWidth.js +19 -19
- 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 +45 -50
- 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 +141 -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 +26 -24
- package/node/Hidden/HiddenCss.js +29 -29
- package/node/Hidden/withWidth.js +19 -19
- 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 +45 -50
- 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.d.ts +20 -20
- 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/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/experimental_extendTheme.js +33 -41
- package/styles/getOverlayAlpha.d.ts +2 -2
- package/styles/identifier.d.ts +2 -2
- package/styles/responsiveFontSizes.js +11 -17
- package/styles/shouldSkipGeneratingVar.d.ts +1 -1
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/types/OverridableComponentAugmentation.d.ts +31 -31
- package/umd/material-ui.development.js +6043 -7073
- package/umd/material-ui.production.min.js +21 -21
- package/useMediaQuery/useMediaQuery.d.ts +46 -46
- package/usePagination/usePagination.js +20 -18
- package/useScrollTrigger/useScrollTrigger.js +10 -8
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/utils/createSvgIcon.js +5 -4
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/setRef.d.ts +2 -2
|
@@ -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 { refType } from '@mui/utils';
|
|
@@ -23,7 +22,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
23
22
|
input: ['input']
|
|
24
23
|
};
|
|
25
24
|
var composedClasses = composeClasses(slots, getOutlinedInputUtilityClass, classes);
|
|
26
|
-
return
|
|
25
|
+
return _extends({}, classes, composedClasses);
|
|
27
26
|
};
|
|
28
27
|
var OutlinedInputRoot = styled(InputBaseRoot, {
|
|
29
28
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
@@ -33,29 +32,29 @@ var OutlinedInputRoot = styled(InputBaseRoot, {
|
|
|
33
32
|
slot: 'Root',
|
|
34
33
|
overridesResolver: inputBaseRootOverridesResolver
|
|
35
34
|
})(function (_ref) {
|
|
36
|
-
var
|
|
35
|
+
var _extends2;
|
|
37
36
|
var theme = _ref.theme,
|
|
38
37
|
ownerState = _ref.ownerState;
|
|
39
38
|
var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
|
|
40
|
-
return
|
|
39
|
+
return _extends((_extends2 = {
|
|
41
40
|
position: 'relative',
|
|
42
41
|
borderRadius: (theme.vars || theme).shape.borderRadius
|
|
43
|
-
}, _defineProperty(
|
|
42
|
+
}, _defineProperty(_extends2, "&:hover .".concat(outlinedInputClasses.notchedOutline), {
|
|
44
43
|
borderColor: (theme.vars || theme).palette.text.primary
|
|
45
|
-
}), _defineProperty(
|
|
44
|
+
}), _defineProperty(_extends2, '@media (hover: none)', _defineProperty({}, "&:hover .".concat(outlinedInputClasses.notchedOutline), {
|
|
46
45
|
borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
|
|
47
|
-
})), _defineProperty(
|
|
46
|
+
})), _defineProperty(_extends2, "&.".concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline), {
|
|
48
47
|
borderColor: (theme.vars || theme).palette[ownerState.color].main,
|
|
49
48
|
borderWidth: 2
|
|
50
|
-
}), _defineProperty(
|
|
49
|
+
}), _defineProperty(_extends2, "&.".concat(outlinedInputClasses.error, " .").concat(outlinedInputClasses.notchedOutline), {
|
|
51
50
|
borderColor: (theme.vars || theme).palette.error.main
|
|
52
|
-
}), _defineProperty(
|
|
51
|
+
}), _defineProperty(_extends2, "&.".concat(outlinedInputClasses.disabled, " .").concat(outlinedInputClasses.notchedOutline), {
|
|
53
52
|
borderColor: (theme.vars || theme).palette.action.disabled
|
|
54
|
-
}),
|
|
53
|
+
}), _extends2), ownerState.startAdornment && {
|
|
55
54
|
paddingLeft: 14
|
|
56
|
-
}
|
|
55
|
+
}, ownerState.endAdornment && {
|
|
57
56
|
paddingRight: 14
|
|
58
|
-
}
|
|
57
|
+
}, ownerState.multiline && _extends({
|
|
59
58
|
padding: '16.5px 14px'
|
|
60
59
|
}, ownerState.size === 'small' && {
|
|
61
60
|
padding: '8.5px 14px'
|
|
@@ -81,7 +80,7 @@ var OutlinedInputInput = styled(InputBaseInput, {
|
|
|
81
80
|
})(function (_ref3) {
|
|
82
81
|
var theme = _ref3.theme,
|
|
83
82
|
ownerState = _ref3.ownerState;
|
|
84
|
-
return
|
|
83
|
+
return _extends({
|
|
85
84
|
padding: '16.5px 14px'
|
|
86
85
|
}, !theme.vars && {
|
|
87
86
|
'&:-webkit-autofill': {
|
|
@@ -90,7 +89,7 @@ var OutlinedInputInput = styled(InputBaseInput, {
|
|
|
90
89
|
caretColor: theme.palette.mode === 'light' ? null : '#fff',
|
|
91
90
|
borderRadius: 'inherit'
|
|
92
91
|
}
|
|
93
|
-
}
|
|
92
|
+
}, theme.vars && _defineProperty({
|
|
94
93
|
'&:-webkit-autofill': {
|
|
95
94
|
borderRadius: 'inherit'
|
|
96
95
|
}
|
|
@@ -100,13 +99,13 @@ var OutlinedInputInput = styled(InputBaseInput, {
|
|
|
100
99
|
WebkitTextFillColor: '#fff',
|
|
101
100
|
caretColor: '#fff'
|
|
102
101
|
}
|
|
103
|
-
})
|
|
102
|
+
}), ownerState.size === 'small' && {
|
|
104
103
|
padding: '8.5px 14px'
|
|
105
|
-
}
|
|
104
|
+
}, ownerState.multiline && {
|
|
106
105
|
padding: 0
|
|
107
|
-
}
|
|
106
|
+
}, ownerState.startAdornment && {
|
|
108
107
|
paddingLeft: 0
|
|
109
|
-
}
|
|
108
|
+
}, ownerState.endAdornment && {
|
|
110
109
|
paddingRight: 0
|
|
111
110
|
});
|
|
112
111
|
});
|
|
@@ -138,7 +137,7 @@ var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps
|
|
|
138
137
|
muiFormControl: muiFormControl,
|
|
139
138
|
states: ['required']
|
|
140
139
|
});
|
|
141
|
-
var ownerState =
|
|
140
|
+
var ownerState = _extends({}, props, {
|
|
142
141
|
color: fcs.color || 'primary',
|
|
143
142
|
disabled: fcs.disabled,
|
|
144
143
|
error: fcs.error,
|
|
@@ -152,7 +151,7 @@ var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps
|
|
|
152
151
|
});
|
|
153
152
|
var RootSlot = (_ref5 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref5 : OutlinedInputRoot;
|
|
154
153
|
var InputSlot = (_ref6 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref6 : OutlinedInputInput;
|
|
155
|
-
return /*#__PURE__*/_jsx(InputBase,
|
|
154
|
+
return /*#__PURE__*/_jsx(InputBase, _extends({
|
|
156
155
|
slots: {
|
|
157
156
|
root: RootSlot,
|
|
158
157
|
input: InputSlot
|
|
@@ -172,8 +171,8 @@ var OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps
|
|
|
172
171
|
multiline: multiline,
|
|
173
172
|
ref: ref,
|
|
174
173
|
type: type
|
|
175
|
-
}, other
|
|
176
|
-
classes:
|
|
174
|
+
}, other, {
|
|
175
|
+
classes: _extends({}, classes, {
|
|
177
176
|
notchedOutline: null
|
|
178
177
|
})
|
|
179
178
|
}));
|
|
@@ -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 getOutlinedInputUtilityClass(slot) {
|
|
8
6
|
return generateUtilityClass('MuiOutlinedInput', slot);
|
|
9
7
|
}
|
|
10
|
-
var outlinedInputClasses =
|
|
8
|
+
var outlinedInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiOutlinedInput', ['root', 'notchedOutline', 'input']));
|
|
11
9
|
export default outlinedInputClasses;
|
|
@@ -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 clsx from 'clsx';
|
|
@@ -76,7 +74,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
|
|
|
76
74
|
page = props.page,
|
|
77
75
|
_props$renderItem = props.renderItem,
|
|
78
76
|
renderItem = _props$renderItem === void 0 ? function (item) {
|
|
79
|
-
return /*#__PURE__*/_jsx(PaginationItem,
|
|
77
|
+
return /*#__PURE__*/_jsx(PaginationItem, _extends({}, item));
|
|
80
78
|
} : _props$renderItem,
|
|
81
79
|
_props$shape = props.shape,
|
|
82
80
|
shape = _props$shape === void 0 ? 'circular' : _props$shape,
|
|
@@ -91,11 +89,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
|
|
|
91
89
|
_props$variant = props.variant,
|
|
92
90
|
variant = _props$variant === void 0 ? 'text' : _props$variant,
|
|
93
91
|
other = _objectWithoutProperties(props, ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"]);
|
|
94
|
-
var _usePagination = usePagination(
|
|
92
|
+
var _usePagination = usePagination(_extends({}, props, {
|
|
95
93
|
componentName: 'Pagination'
|
|
96
94
|
})),
|
|
97
95
|
items = _usePagination.items;
|
|
98
|
-
var ownerState =
|
|
96
|
+
var ownerState = _extends({}, props, {
|
|
99
97
|
boundaryCount: boundaryCount,
|
|
100
98
|
color: color,
|
|
101
99
|
count: count,
|
|
@@ -113,18 +111,18 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
|
|
|
113
111
|
variant: variant
|
|
114
112
|
});
|
|
115
113
|
var classes = useUtilityClasses(ownerState);
|
|
116
|
-
return /*#__PURE__*/_jsx(PaginationRoot,
|
|
114
|
+
return /*#__PURE__*/_jsx(PaginationRoot, _extends({
|
|
117
115
|
"aria-label": "pagination navigation",
|
|
118
116
|
className: clsx(classes.root, className),
|
|
119
117
|
ownerState: ownerState,
|
|
120
118
|
ref: ref
|
|
121
|
-
}, other
|
|
119
|
+
}, other, {
|
|
122
120
|
children: /*#__PURE__*/_jsx(PaginationUl, {
|
|
123
121
|
className: classes.ul,
|
|
124
122
|
ownerState: ownerState,
|
|
125
123
|
children: items.map(function (item, index) {
|
|
126
124
|
return /*#__PURE__*/_jsx("li", {
|
|
127
|
-
children: renderItem(
|
|
125
|
+
children: renderItem(_extends({}, item, {
|
|
128
126
|
color: color,
|
|
129
127
|
'aria-label': getItemAriaLabel(item.type, item.page, item.selected),
|
|
130
128
|
shape: shape,
|
|
@@ -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';
|
|
@@ -53,7 +52,7 @@ var PaginationItemEllipsis = styled('div', {
|
|
|
53
52
|
})(function (_ref) {
|
|
54
53
|
var theme = _ref.theme,
|
|
55
54
|
ownerState = _ref.ownerState;
|
|
56
|
-
return
|
|
55
|
+
return _extends({}, theme.typography.body2, _defineProperty({
|
|
57
56
|
borderRadius: 32 / 2,
|
|
58
57
|
textAlign: 'center',
|
|
59
58
|
boxSizing: 'border-box',
|
|
@@ -69,7 +68,7 @@ var PaginationItemEllipsis = styled('div', {
|
|
|
69
68
|
borderRadius: 26 / 2,
|
|
70
69
|
margin: '0 1px',
|
|
71
70
|
padding: '0 4px'
|
|
72
|
-
}
|
|
71
|
+
}, ownerState.size === 'large' && {
|
|
73
72
|
minWidth: 40,
|
|
74
73
|
borderRadius: 40 / 2,
|
|
75
74
|
padding: '0 10px',
|
|
@@ -81,10 +80,10 @@ var PaginationItemPage = styled(ButtonBase, {
|
|
|
81
80
|
slot: 'Root',
|
|
82
81
|
overridesResolver: overridesResolver
|
|
83
82
|
})(function (_ref2) {
|
|
84
|
-
var _$concat,
|
|
83
|
+
var _$concat, _extends3;
|
|
85
84
|
var theme = _ref2.theme,
|
|
86
85
|
ownerState = _ref2.ownerState;
|
|
87
|
-
return
|
|
86
|
+
return _extends({}, theme.typography.body2, (_extends3 = {
|
|
88
87
|
borderRadius: 32 / 2,
|
|
89
88
|
textAlign: 'center',
|
|
90
89
|
boxSizing: 'border-box',
|
|
@@ -93,19 +92,19 @@ var PaginationItemPage = styled(ButtonBase, {
|
|
|
93
92
|
padding: '0 6px',
|
|
94
93
|
margin: '0 3px',
|
|
95
94
|
color: (theme.vars || theme).palette.text.primary
|
|
96
|
-
}, _defineProperty(
|
|
95
|
+
}, _defineProperty(_extends3, "&.".concat(paginationItemClasses.focusVisible), {
|
|
97
96
|
backgroundColor: (theme.vars || theme).palette.action.focus
|
|
98
|
-
}), _defineProperty(
|
|
97
|
+
}), _defineProperty(_extends3, "&.".concat(paginationItemClasses.disabled), {
|
|
99
98
|
opacity: (theme.vars || theme).palette.action.disabledOpacity
|
|
100
|
-
}), _defineProperty(
|
|
99
|
+
}), _defineProperty(_extends3, "transition", theme.transitions.create(['color', 'background-color'], {
|
|
101
100
|
duration: theme.transitions.duration.short
|
|
102
|
-
})), _defineProperty(
|
|
101
|
+
})), _defineProperty(_extends3, '&:hover', {
|
|
103
102
|
backgroundColor: (theme.vars || theme).palette.action.hover,
|
|
104
103
|
// Reset on touch devices, it doesn't add specificity
|
|
105
104
|
'@media (hover: none)': {
|
|
106
105
|
backgroundColor: 'transparent'
|
|
107
106
|
}
|
|
108
|
-
}), _defineProperty(
|
|
107
|
+
}), _defineProperty(_extends3, "&.".concat(paginationItemClasses.selected), (_$concat = {
|
|
109
108
|
backgroundColor: (theme.vars || theme).palette.action.selected,
|
|
110
109
|
'&:hover': {
|
|
111
110
|
backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selected, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
|
|
@@ -120,25 +119,25 @@ var PaginationItemPage = styled(ButtonBase, {
|
|
|
120
119
|
opacity: 1,
|
|
121
120
|
color: (theme.vars || theme).palette.action.disabled,
|
|
122
121
|
backgroundColor: (theme.vars || theme).palette.action.selected
|
|
123
|
-
}), _$concat)),
|
|
122
|
+
}), _$concat)), _extends3), ownerState.size === 'small' && {
|
|
124
123
|
minWidth: 26,
|
|
125
124
|
height: 26,
|
|
126
125
|
borderRadius: 26 / 2,
|
|
127
126
|
margin: '0 1px',
|
|
128
127
|
padding: '0 4px'
|
|
129
|
-
}
|
|
128
|
+
}, ownerState.size === 'large' && {
|
|
130
129
|
minWidth: 40,
|
|
131
130
|
height: 40,
|
|
132
131
|
borderRadius: 40 / 2,
|
|
133
132
|
padding: '0 10px',
|
|
134
133
|
fontSize: theme.typography.pxToRem(15)
|
|
135
|
-
}
|
|
134
|
+
}, ownerState.shape === 'rounded' && {
|
|
136
135
|
borderRadius: (theme.vars || theme).shape.borderRadius
|
|
137
136
|
});
|
|
138
137
|
}, function (_ref3) {
|
|
139
138
|
var theme = _ref3.theme,
|
|
140
139
|
ownerState = _ref3.ownerState;
|
|
141
|
-
return
|
|
140
|
+
return _extends({}, ownerState.variant === 'text' && _defineProperty({}, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
|
|
142
141
|
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
|
143
142
|
backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
|
|
144
143
|
'&:hover': {
|
|
@@ -150,11 +149,11 @@ var PaginationItemPage = styled(ButtonBase, {
|
|
|
150
149
|
}
|
|
151
150
|
}, "&.".concat(paginationItemClasses.focusVisible), {
|
|
152
151
|
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
|
|
153
|
-
})
|
|
152
|
+
}), _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
|
|
154
153
|
color: (theme.vars || theme).palette.action.disabled
|
|
155
|
-
})))
|
|
154
|
+
}))), ownerState.variant === 'outlined' && _defineProperty({
|
|
156
155
|
border: theme.vars ? "1px solid rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : "1px solid ".concat(theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
|
|
157
|
-
}, "&.".concat(paginationItemClasses.selected),
|
|
156
|
+
}, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
|
|
158
157
|
color: (theme.vars || theme).palette[ownerState.color].main,
|
|
159
158
|
border: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.5)") : alpha(theme.palette[ownerState.color].main, 0.5)),
|
|
160
159
|
backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.activatedOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity),
|
|
@@ -167,7 +166,7 @@ var PaginationItemPage = styled(ButtonBase, {
|
|
|
167
166
|
}
|
|
168
167
|
}, "&.".concat(paginationItemClasses.focusVisible), {
|
|
169
168
|
backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / calc(").concat(theme.vars.palette.action.activatedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity + theme.palette.action.focusOpacity)
|
|
170
|
-
})
|
|
169
|
+
}), _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
|
|
171
170
|
borderColor: (theme.vars || theme).palette.action.disabledBackground,
|
|
172
171
|
color: (theme.vars || theme).palette.action.disabled
|
|
173
172
|
}))));
|
|
@@ -181,12 +180,12 @@ var PaginationItemPageIcon = styled('div', {
|
|
|
181
180
|
})(function (_ref8) {
|
|
182
181
|
var theme = _ref8.theme,
|
|
183
182
|
ownerState = _ref8.ownerState;
|
|
184
|
-
return
|
|
183
|
+
return _extends({
|
|
185
184
|
fontSize: theme.typography.pxToRem(20),
|
|
186
185
|
margin: '0 -8px'
|
|
187
186
|
}, ownerState.size === 'small' && {
|
|
188
187
|
fontSize: theme.typography.pxToRem(18)
|
|
189
|
-
}
|
|
188
|
+
}, ownerState.size === 'large' && {
|
|
190
189
|
fontSize: theme.typography.pxToRem(22)
|
|
191
190
|
});
|
|
192
191
|
});
|
|
@@ -217,7 +216,7 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
|
|
|
217
216
|
_props$variant = props.variant,
|
|
218
217
|
variant = _props$variant === void 0 ? 'text' : _props$variant,
|
|
219
218
|
other = _objectWithoutProperties(props, ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"]);
|
|
220
|
-
var ownerState =
|
|
219
|
+
var ownerState = _extends({}, props, {
|
|
221
220
|
color: color,
|
|
222
221
|
disabled: disabled,
|
|
223
222
|
selected: selected,
|
|
@@ -245,13 +244,13 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
|
|
|
245
244
|
ownerState: ownerState,
|
|
246
245
|
className: clsx(classes.root, className),
|
|
247
246
|
children: "\u2026"
|
|
248
|
-
}) : /*#__PURE__*/_jsxs(PaginationItemPage,
|
|
247
|
+
}) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
|
|
249
248
|
ref: ref,
|
|
250
249
|
ownerState: ownerState,
|
|
251
250
|
component: component,
|
|
252
251
|
disabled: disabled,
|
|
253
252
|
className: clsx(classes.root, className)
|
|
254
|
-
}, other
|
|
253
|
+
}, other, {
|
|
255
254
|
children: [type === 'page' && page, Icon ? /*#__PURE__*/_jsx(PaginationItemPageIcon, {
|
|
256
255
|
as: Icon,
|
|
257
256
|
ownerState: ownerState,
|
package/legacy/Paper/Paper.js
CHANGED
|
@@ -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';
|
|
@@ -35,19 +33,19 @@ var PaperRoot = styled('div', {
|
|
|
35
33
|
var _theme$vars$overlays;
|
|
36
34
|
var theme = _ref.theme,
|
|
37
35
|
ownerState = _ref.ownerState;
|
|
38
|
-
return
|
|
36
|
+
return _extends({
|
|
39
37
|
backgroundColor: (theme.vars || theme).palette.background.paper,
|
|
40
38
|
color: (theme.vars || theme).palette.text.primary,
|
|
41
39
|
transition: theme.transitions.create('box-shadow')
|
|
42
40
|
}, !ownerState.square && {
|
|
43
41
|
borderRadius: theme.shape.borderRadius
|
|
44
|
-
}
|
|
42
|
+
}, ownerState.variant === 'outlined' && {
|
|
45
43
|
border: "1px solid ".concat((theme.vars || theme).palette.divider)
|
|
46
|
-
}
|
|
44
|
+
}, ownerState.variant === 'elevation' && _extends({
|
|
47
45
|
boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
|
|
48
46
|
}, !theme.vars && theme.palette.mode === 'dark' && {
|
|
49
47
|
backgroundImage: "linear-gradient(".concat(alpha('#fff', getOverlayAlpha(ownerState.elevation)), ", ").concat(alpha('#fff', getOverlayAlpha(ownerState.elevation)), ")")
|
|
50
|
-
}
|
|
48
|
+
}, theme.vars && {
|
|
51
49
|
backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
|
|
52
50
|
}));
|
|
53
51
|
});
|
|
@@ -66,7 +64,7 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
|
66
64
|
_props$variant = props.variant,
|
|
67
65
|
variant = _props$variant === void 0 ? 'elevation' : _props$variant,
|
|
68
66
|
other = _objectWithoutProperties(props, ["className", "component", "elevation", "square", "variant"]);
|
|
69
|
-
var ownerState =
|
|
67
|
+
var ownerState = _extends({}, props, {
|
|
70
68
|
component: component,
|
|
71
69
|
elevation: elevation,
|
|
72
70
|
square: square,
|
|
@@ -80,7 +78,7 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
|
80
78
|
console.error(["MUI: The elevation provided <Paper elevation={".concat(elevation, "}> is not available in the theme."), "Please make sure that `theme.shadows[".concat(elevation, "]` is defined.")].join('\n'));
|
|
81
79
|
}
|
|
82
80
|
}
|
|
83
|
-
return /*#__PURE__*/_jsx(PaperRoot,
|
|
81
|
+
return /*#__PURE__*/_jsx(PaperRoot, _extends({
|
|
84
82
|
as: component,
|
|
85
83
|
ownerState: ownerState,
|
|
86
84
|
className: clsx(classes.root, className),
|
|
@@ -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 clsx from 'clsx';
|
|
@@ -123,7 +121,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
123
121
|
other = _objectWithoutProperties(props, ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"]);
|
|
124
122
|
var paperRef = React.useRef();
|
|
125
123
|
var handlePaperRef = useForkRef(paperRef, PaperProps.ref);
|
|
126
|
-
var ownerState =
|
|
124
|
+
var ownerState = _extends({}, props, {
|
|
127
125
|
anchorOrigin: anchorOrigin,
|
|
128
126
|
anchorReference: anchorReference,
|
|
129
127
|
elevation: elevation,
|
|
@@ -297,7 +295,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
297
295
|
// If the anchorEl prop is provided, use its parent body element as the container
|
|
298
296
|
// If neither are provided let the Modal take care of choosing the container
|
|
299
297
|
var container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl(anchorEl)).body : undefined);
|
|
300
|
-
return /*#__PURE__*/_jsx(PopoverRoot,
|
|
298
|
+
return /*#__PURE__*/_jsx(PopoverRoot, _extends({
|
|
301
299
|
BackdropProps: {
|
|
302
300
|
invisible: true
|
|
303
301
|
},
|
|
@@ -306,24 +304,24 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
306
304
|
open: open,
|
|
307
305
|
ref: ref,
|
|
308
306
|
ownerState: ownerState
|
|
309
|
-
}, other
|
|
310
|
-
children: /*#__PURE__*/_jsx(TransitionComponent,
|
|
307
|
+
}, other, {
|
|
308
|
+
children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
|
|
311
309
|
appear: true,
|
|
312
310
|
in: open,
|
|
313
311
|
onEntering: handleEntering,
|
|
314
312
|
onExited: handleExited,
|
|
315
313
|
timeout: transitionDuration
|
|
316
|
-
}, TransitionProps
|
|
317
|
-
children: /*#__PURE__*/_jsx(PopoverPaper,
|
|
314
|
+
}, TransitionProps, {
|
|
315
|
+
children: /*#__PURE__*/_jsx(PopoverPaper, _extends({
|
|
318
316
|
elevation: elevation
|
|
319
|
-
}, PaperProps
|
|
317
|
+
}, PaperProps, {
|
|
320
318
|
ref: handlePaperRef,
|
|
321
319
|
className: clsx(classes.paper, PaperProps.className)
|
|
322
320
|
}, isPositioned ? undefined : {
|
|
323
|
-
style:
|
|
321
|
+
style: _extends({}, PaperProps.style, {
|
|
324
322
|
opacity: 0
|
|
325
323
|
})
|
|
326
|
-
}
|
|
324
|
+
}, {
|
|
327
325
|
ownerState: ownerState,
|
|
328
326
|
children: children
|
|
329
327
|
}))
|
package/legacy/Popper/Popper.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 BasePopper from '@mui/base/Popper';
|
|
6
4
|
import { useThemeWithoutDefault as useTheme } from '@mui/system';
|
|
7
5
|
import { HTMLElementType, refType } from '@mui/utils';
|
|
@@ -53,7 +51,7 @@ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
|
|
|
53
51
|
slotProps = props.slotProps,
|
|
54
52
|
other = _objectWithoutProperties(props, ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"]);
|
|
55
53
|
var RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
|
|
56
|
-
var otherProps =
|
|
54
|
+
var otherProps = _extends({
|
|
57
55
|
anchorEl: anchorEl,
|
|
58
56
|
container: container,
|
|
59
57
|
disablePortal: disablePortal,
|
|
@@ -65,14 +63,14 @@ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
|
|
|
65
63
|
popperRef: popperRef,
|
|
66
64
|
transition: transition
|
|
67
65
|
}, other);
|
|
68
|
-
return /*#__PURE__*/_jsx(PopperRoot,
|
|
66
|
+
return /*#__PURE__*/_jsx(PopperRoot, _extends({
|
|
69
67
|
as: component,
|
|
70
68
|
direction: theme == null ? void 0 : theme.direction,
|
|
71
69
|
slots: {
|
|
72
70
|
root: RootComponent
|
|
73
71
|
},
|
|
74
72
|
slotProps: slotProps != null ? slotProps : componentsProps
|
|
75
|
-
}, otherProps
|
|
73
|
+
}, otherProps, {
|
|
76
74
|
ref: ref
|
|
77
75
|
}));
|
|
78
76
|
});
|
package/legacy/Radio/Radio.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
6
5
|
import * as React from 'react';
|
|
7
6
|
import PropTypes from 'prop-types';
|
|
8
7
|
import clsx from 'clsx';
|
|
@@ -24,7 +23,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
24
23
|
var slots = {
|
|
25
24
|
root: ['root', "color".concat(capitalize(color))]
|
|
26
25
|
};
|
|
27
|
-
return
|
|
26
|
+
return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));
|
|
28
27
|
};
|
|
29
28
|
var RadioRoot = styled(SwitchBase, {
|
|
30
29
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
@@ -39,7 +38,7 @@ var RadioRoot = styled(SwitchBase, {
|
|
|
39
38
|
})(function (_ref) {
|
|
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
43
|
}, !ownerState.disableRipple && {
|
|
45
44
|
'&:hover': {
|
|
@@ -49,9 +48,9 @@ var RadioRoot = styled(SwitchBase, {
|
|
|
49
48
|
backgroundColor: 'transparent'
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
|
-
}
|
|
51
|
+
}, ownerState.color !== 'default' && _defineProperty({}, "&.".concat(radioClasses.checked), {
|
|
53
52
|
color: (theme.vars || theme).palette[ownerState.color].main
|
|
54
|
-
})
|
|
53
|
+
}), _defineProperty({}, "&.".concat(radioClasses.disabled), {
|
|
55
54
|
color: (theme.vars || theme).palette.action.disabled
|
|
56
55
|
}));
|
|
57
56
|
});
|
|
@@ -86,7 +85,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
|
|
|
86
85
|
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
87
86
|
className = props.className,
|
|
88
87
|
other = _objectWithoutProperties(props, ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"]);
|
|
89
|
-
var ownerState =
|
|
88
|
+
var ownerState = _extends({}, props, {
|
|
90
89
|
color: color,
|
|
91
90
|
size: size
|
|
92
91
|
});
|
|
@@ -103,7 +102,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
|
|
|
103
102
|
name = radioGroup.name;
|
|
104
103
|
}
|
|
105
104
|
}
|
|
106
|
-
return /*#__PURE__*/_jsx(RadioRoot,
|
|
105
|
+
return /*#__PURE__*/_jsx(RadioRoot, _extends({
|
|
107
106
|
type: "radio",
|
|
108
107
|
icon: /*#__PURE__*/React.cloneElement(icon, {
|
|
109
108
|
fontSize: (_defaultIcon$props$fo = defaultIcon.props.fontSize) != null ? _defaultIcon$props$fo : size
|
|
@@ -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 RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
|
|
@@ -19,7 +17,7 @@ var RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({
|
|
|
19
17
|
var RadioButtonIconDot = styled(RadioButtonCheckedIcon)(function (_ref) {
|
|
20
18
|
var theme = _ref.theme,
|
|
21
19
|
ownerState = _ref.ownerState;
|
|
22
|
-
return
|
|
20
|
+
return _extends({
|
|
23
21
|
left: 0,
|
|
24
22
|
position: 'absolute',
|
|
25
23
|
transform: 'scale(0)',
|
|
@@ -45,7 +43,7 @@ function RadioButtonIcon(props) {
|
|
|
45
43
|
_props$classes = props.classes,
|
|
46
44
|
classes = _props$classes === void 0 ? {} : _props$classes,
|
|
47
45
|
fontSize = props.fontSize;
|
|
48
|
-
var ownerState =
|
|
46
|
+
var ownerState = _extends({}, props, {
|
|
49
47
|
checked: checked
|
|
50
48
|
});
|
|
51
49
|
return /*#__PURE__*/_jsxs(RadioButtonIconRoot, {
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
4
|
import * as React from 'react';
|
|
7
5
|
import PropTypes from 'prop-types';
|
|
8
6
|
import FormGroup from '../FormGroup';
|
|
@@ -57,10 +55,10 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
|
|
|
57
55
|
}, [name, _onChange, setValueState, value]);
|
|
58
56
|
return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
|
|
59
57
|
value: contextValue,
|
|
60
|
-
children: /*#__PURE__*/_jsx(FormGroup,
|
|
58
|
+
children: /*#__PURE__*/_jsx(FormGroup, _extends({
|
|
61
59
|
role: "radiogroup",
|
|
62
60
|
ref: handleRef
|
|
63
|
-
}, other
|
|
61
|
+
}, other, {
|
|
64
62
|
children: children
|
|
65
63
|
}))
|
|
66
64
|
});
|