@mui/material 5.5.2 → 5.6.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.d.ts +4 -4
- package/Accordion/Accordion.js +1 -1
- package/Accordion/accordionClasses.d.ts +18 -18
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/Alert.d.ts +7 -5
- package/Alert/Alert.js +4 -2
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/AlertTitle.d.ts +2 -2
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/AppBar.d.ts +6 -4
- package/AppBar/AppBar.js +3 -1
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.d.ts +8 -8
- package/Autocomplete/Autocomplete.js +7 -7
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/Avatar.d.ts +2 -2
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/Backdrop.d.ts +35 -18
- package/Backdrop/Backdrop.js +26 -20
- package/Backdrop/backdropClasses.d.ts +10 -0
- package/Backdrop/backdropClasses.js +6 -0
- package/Backdrop/index.d.ts +3 -0
- package/Backdrop/index.js +2 -1
- package/Badge/Badge.d.ts +27 -12
- package/Badge/Badge.js +46 -22
- package/Badge/badgeClasses.d.ts +24 -0
- package/Badge/badgeClasses.js +8 -0
- package/Badge/index.d.ts +3 -0
- package/Badge/index.js +2 -1
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigation/BottomNavigation.js +0 -0
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/Button.d.ts +7 -5
- package/Button/Button.js +104 -97
- package/Button/buttonClasses.d.ts +76 -76
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonBase/ButtonBase.js +7 -7
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroup.d.ts +5 -3
- package/ButtonGroup/ButtonGroup.js +3 -1
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +247 -30
- package/Card/Card.d.ts +4 -3
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/CardActions.d.ts +2 -2
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/CardContent.d.ts +2 -2
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/CardMedia.d.ts +2 -2
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/Checkbox.d.ts +7 -5
- package/Checkbox/Checkbox.js +3 -1
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/Chip.d.ts +5 -3
- package/Chip/Chip.js +3 -1
- package/Chip/chipClasses.d.ts +80 -80
- package/CircularProgress/CircularProgress.d.ts +5 -3
- package/CircularProgress/CircularProgress.js +3 -1
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +1 -1
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/Container.d.ts +2 -2
- package/Container/containerClasses.d.ts +22 -22
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.ts +5 -5
- package/Dialog/Dialog.js +2 -2
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/DialogTitle.d.ts +2 -2
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/Divider.d.ts +3 -3
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/Drawer.d.ts +6 -6
- package/Drawer/Drawer.js +4 -4
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/Fab.d.ts +6 -4
- package/Fab/Fab.js +3 -1
- package/Fab/fabClasses.d.ts +26 -26
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +1 -1
- package/FilledInput/FilledInput.d.ts +3 -3
- package/FilledInput/FilledInput.js +4 -2
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/FormControl.d.ts +9 -7
- package/FormControl/FormControl.js +4 -2
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/FormControlLabel.d.ts +5 -5
- package/FormControlLabel/FormControlLabel.js +14 -9
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/FormHelperText.d.ts +2 -2
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/FormLabel.d.ts +7 -5
- package/FormLabel/FormLabel.js +3 -1
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.ts +2 -2
- package/Grid/gridClasses.d.ts +48 -48
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +13 -7
- package/Hidden/Hidden.d.ts +2 -2
- package/Icon/Icon.d.ts +6 -4
- package/Icon/Icon.js +3 -1
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/IconButton.d.ts +7 -5
- package/IconButton/IconButton.js +4 -2
- package/IconButton/iconButtonClasses.d.ts +26 -26
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/Input.d.ts +3 -3
- package/Input/Input.js +4 -2
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/InputBase.d.ts +6 -4
- package/InputBase/InputBase.js +4 -2
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/InputLabel.d.ts +3 -3
- package/InputLabel/InputLabel.js +3 -1
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.d.ts +5 -3
- package/LinearProgress/LinearProgress.js +3 -1
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/Link.d.ts +5 -5
- package/Link/Link.js +15 -6
- package/Link/linkClasses.d.ts +18 -18
- package/List/List.d.ts +3 -3
- package/List/listClasses.d.ts +14 -14
- package/ListItem/ListItem.d.ts +8 -8
- package/ListItem/ListItem.js +4 -4
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/ListItemButton.d.ts +3 -3
- package/ListItemButton/ListItemButton.js +1 -0
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/ListItemIcon.d.ts +2 -2
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/ListItemText.d.ts +2 -2
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/ListSubheader.d.ts +2 -2
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/Menu.d.ts +6 -6
- package/Menu/Menu.js +2 -2
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MenuList/MenuList.d.ts +4 -4
- package/MenuList/MenuList.js +1 -1
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/Modal/Modal.d.ts +8 -8
- package/Modal/Modal.js +6 -6
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/OutlinedInput.d.ts +3 -3
- package/OutlinedInput/OutlinedInput.js +4 -2
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/Pagination/Pagination.d.ts +5 -3
- package/Pagination/Pagination.js +3 -1
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.d.ts +4 -2
- package/PaginationItem/PaginationItem.js +2 -0
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/Paper.d.ts +3 -3
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/Popover.d.ts +6 -6
- package/Popover/Popover.js +2 -2
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +29 -29
- package/Popper/Popper.js +4 -4
- package/README.md +7 -7
- package/Radio/Radio.d.ts +6 -4
- package/Radio/Radio.js +3 -1
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/Rating.d.ts +3 -3
- package/Rating/Rating.js +1 -1
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/Select.d.ts +5 -5
- package/Select/Select.js +2 -2
- package/Select/SelectInput.js +24 -3
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Skeleton/skeletonClasses.d.ts +24 -24
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +1 -1
- package/Slider/Slider.d.ts +6 -4
- package/Slider/Slider.js +3 -1
- package/Snackbar/Snackbar.d.ts +4 -4
- package/Snackbar/Snackbar.js +2 -2
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/SpeedDial.d.ts +4 -4
- package/SpeedDial/SpeedDial.js +2 -2
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/SpeedDialAction.d.ts +5 -5
- package/SpeedDialAction/SpeedDialAction.js +2 -2
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.ts +2 -2
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/StepButton.d.ts +3 -3
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/StepConnector.d.ts +2 -2
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/StepContent.d.ts +3 -3
- package/StepContent/StepContent.js +1 -1
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/StepIcon.d.ts +2 -2
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/StepLabel.d.ts +4 -4
- package/StepLabel/StepLabel.js +2 -2
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/Stepper.d.ts +2 -2
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/SvgIcon.d.ts +6 -4
- package/SvgIcon/SvgIcon.js +3 -1
- package/SvgIcon/svgIconClasses.d.ts +24 -24
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/Switch/Switch.d.ts +7 -5
- package/Switch/Switch.js +3 -1
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/Tab.d.ts +3 -3
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/Table.d.ts +2 -2
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/TableBody.d.ts +2 -2
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/TableCell.d.ts +2 -2
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/TableHead.d.ts +2 -2
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/TablePagination.d.ts +9 -9
- package/TablePagination/TablePagination.js +6 -6
- package/TablePagination/TablePaginationActions.d.ts +1 -1
- package/TablePagination/TablePaginationActions.js +3 -3
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/TableRow.d.ts +2 -2
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/Tabs.d.ts +3 -3
- package/Tabs/Tabs.js +1 -1
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/TextField.d.ts +23 -22
- package/TextField/TextField.js +15 -13
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.d.ts +5 -3
- package/ToggleButton/ToggleButton.js +2 -0
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +5 -3
- package/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/Tooltip.d.ts +4 -4
- package/Tooltip/Tooltip.js +2 -2
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/Typography.d.ts +3 -3
- package/Typography/typographyClasses.d.ts +50 -50
- package/Unstable_TrapFocus/index.d.ts +2 -2
- package/Unstable_TrapFocus/index.js +1 -1
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +1 -1
- package/className/index.d.ts +8 -8
- package/darkScrollbar/index.d.ts +28 -28
- package/index.js +1 -1
- package/internal/switchBaseClasses.d.ts +12 -12
- package/legacy/Accordion/Accordion.js +1 -1
- package/legacy/Alert/Alert.js +4 -2
- package/legacy/AppBar/AppBar.js +3 -1
- package/legacy/Autocomplete/Autocomplete.js +7 -7
- package/legacy/Backdrop/Backdrop.js +27 -20
- package/legacy/Backdrop/backdropClasses.js +6 -0
- package/legacy/Backdrop/index.js +2 -1
- package/legacy/Badge/Badge.js +47 -22
- package/legacy/Badge/badgeClasses.js +8 -0
- package/legacy/Badge/index.js +2 -1
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Breadcrumbs/Breadcrumbs.js +1 -1
- package/legacy/Button/Button.js +33 -30
- package/legacy/ButtonBase/ButtonBase.js +11 -11
- package/legacy/ButtonGroup/ButtonGroup.js +3 -1
- package/legacy/Checkbox/Checkbox.js +3 -1
- package/legacy/Chip/Chip.js +3 -1
- package/legacy/CircularProgress/CircularProgress.js +3 -1
- package/legacy/Collapse/Collapse.js +1 -1
- package/legacy/Dialog/Dialog.js +2 -2
- package/legacy/Drawer/Drawer.js +4 -4
- package/legacy/Fab/Fab.js +3 -1
- package/legacy/Fade/Fade.js +1 -1
- package/legacy/FilledInput/FilledInput.js +4 -2
- package/legacy/FormControl/FormControl.js +4 -2
- package/legacy/FormControlLabel/FormControlLabel.js +14 -9
- package/legacy/FormLabel/FormLabel.js +3 -1
- package/legacy/Grow/Grow.js +13 -7
- package/legacy/Icon/Icon.js +3 -1
- package/legacy/IconButton/IconButton.js +4 -2
- package/legacy/Input/Input.js +4 -2
- package/legacy/InputBase/InputBase.js +4 -2
- package/legacy/InputLabel/InputLabel.js +3 -1
- package/legacy/LinearProgress/LinearProgress.js +3 -1
- package/legacy/Link/Link.js +16 -5
- package/legacy/ListItem/ListItem.js +4 -4
- package/legacy/ListItemButton/ListItemButton.js +1 -0
- package/legacy/Menu/Menu.js +2 -2
- package/legacy/MenuList/MenuList.js +1 -1
- package/legacy/Modal/Modal.js +6 -6
- package/legacy/OutlinedInput/OutlinedInput.js +4 -2
- package/legacy/Pagination/Pagination.js +3 -1
- package/legacy/PaginationItem/PaginationItem.js +2 -0
- package/legacy/Popover/Popover.js +2 -2
- package/legacy/Popper/Popper.js +4 -4
- package/legacy/Radio/Radio.js +3 -1
- package/legacy/Rating/Rating.js +1 -1
- package/legacy/Select/Select.js +2 -2
- package/legacy/Select/SelectInput.js +26 -3
- package/legacy/Slide/Slide.js +1 -1
- package/legacy/Slider/Slider.js +3 -1
- package/legacy/Snackbar/Snackbar.js +2 -2
- package/legacy/SpeedDial/SpeedDial.js +2 -2
- package/legacy/SpeedDialAction/SpeedDialAction.js +2 -2
- package/legacy/StepContent/StepContent.js +1 -1
- package/legacy/StepLabel/StepLabel.js +2 -2
- package/legacy/SvgIcon/SvgIcon.js +3 -1
- package/legacy/Switch/Switch.js +3 -1
- package/legacy/TablePagination/TablePagination.js +6 -6
- package/legacy/TablePagination/TablePaginationActions.js +3 -3
- package/legacy/Tabs/Tabs.js +1 -1
- package/legacy/TextField/TextField.js +15 -13
- package/legacy/ToggleButton/ToggleButton.js +2 -0
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/legacy/Tooltip/Tooltip.js +2 -2
- package/legacy/Unstable_TrapFocus/index.js +1 -1
- package/legacy/Zoom/Zoom.js +1 -1
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +115 -111
- package/legacy/styles/CssVarsProvider.js +31 -0
- package/legacy/styles/experimental_extendTheme.js +96 -0
- package/legacy/styles/index.js +3 -1
- package/locale/index.d.ts +71 -71
- package/locale/index.js +6 -3
- package/modern/Accordion/Accordion.js +1 -1
- package/modern/Alert/Alert.js +4 -2
- package/modern/AppBar/AppBar.js +3 -1
- package/modern/Autocomplete/Autocomplete.js +7 -7
- package/modern/Backdrop/Backdrop.js +25 -19
- package/modern/Backdrop/backdropClasses.js +6 -0
- package/modern/Backdrop/index.js +2 -1
- package/modern/Badge/Badge.js +43 -19
- package/modern/Badge/badgeClasses.js +8 -0
- package/modern/Badge/index.js +2 -1
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Breadcrumbs/Breadcrumbs.js +1 -1
- package/modern/Button/Button.js +32 -29
- package/modern/ButtonBase/ButtonBase.js +7 -7
- package/modern/ButtonGroup/ButtonGroup.js +3 -1
- package/modern/Checkbox/Checkbox.js +3 -1
- package/modern/Chip/Chip.js +3 -1
- package/modern/CircularProgress/CircularProgress.js +3 -1
- package/modern/Collapse/Collapse.js +1 -1
- package/modern/Dialog/Dialog.js +2 -2
- package/modern/Drawer/Drawer.js +4 -4
- package/modern/Fab/Fab.js +3 -1
- package/modern/Fade/Fade.js +1 -1
- package/modern/FilledInput/FilledInput.js +4 -2
- package/modern/FormControl/FormControl.js +4 -2
- package/modern/FormControlLabel/FormControlLabel.js +14 -9
- package/modern/FormLabel/FormLabel.js +3 -1
- package/modern/Grow/Grow.js +13 -7
- package/modern/Icon/Icon.js +3 -1
- package/modern/IconButton/IconButton.js +4 -2
- package/modern/Input/Input.js +4 -2
- package/modern/InputBase/InputBase.js +4 -2
- package/modern/InputLabel/InputLabel.js +3 -1
- package/modern/LinearProgress/LinearProgress.js +3 -1
- package/modern/Link/Link.js +15 -6
- package/modern/ListItem/ListItem.js +4 -4
- package/modern/ListItemButton/ListItemButton.js +1 -0
- package/modern/Menu/Menu.js +2 -2
- package/modern/MenuList/MenuList.js +1 -1
- package/modern/Modal/Modal.js +6 -6
- package/modern/OutlinedInput/OutlinedInput.js +4 -2
- package/modern/Pagination/Pagination.js +3 -1
- package/modern/PaginationItem/PaginationItem.js +2 -0
- package/modern/Popover/Popover.js +2 -2
- package/modern/Popper/Popper.js +4 -4
- package/modern/Radio/Radio.js +3 -1
- package/modern/Rating/Rating.js +1 -1
- package/modern/Select/Select.js +2 -2
- package/modern/Select/SelectInput.js +24 -3
- package/modern/Slide/Slide.js +1 -1
- package/modern/Slider/Slider.js +3 -1
- package/modern/Snackbar/Snackbar.js +2 -2
- package/modern/SpeedDial/SpeedDial.js +2 -2
- package/modern/SpeedDialAction/SpeedDialAction.js +2 -2
- package/modern/StepContent/StepContent.js +1 -1
- package/modern/StepLabel/StepLabel.js +2 -2
- package/modern/SvgIcon/SvgIcon.js +3 -1
- package/modern/Switch/Switch.js +3 -1
- package/modern/TablePagination/TablePagination.js +6 -6
- package/modern/TablePagination/TablePaginationActions.js +3 -3
- package/modern/Tabs/Tabs.js +1 -1
- package/modern/TextField/TextField.js +15 -13
- package/modern/ToggleButton/ToggleButton.js +2 -0
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/modern/Tooltip/Tooltip.js +2 -2
- package/modern/Unstable_TrapFocus/index.js +1 -1
- package/modern/Zoom/Zoom.js +1 -1
- package/modern/index.js +1 -1
- package/modern/locale/index.js +6 -3
- package/modern/styles/CssVarsProvider.js +28 -0
- package/modern/styles/experimental_extendTheme.js +89 -0
- package/modern/styles/index.js +3 -1
- package/node/Accordion/Accordion.js +1 -1
- package/node/Alert/Alert.js +4 -2
- package/node/AppBar/AppBar.js +3 -1
- package/node/Autocomplete/Autocomplete.js +7 -7
- package/node/Backdrop/Backdrop.js +28 -23
- package/node/Backdrop/backdropClasses.js +17 -0
- package/node/Backdrop/index.js +17 -5
- package/node/Badge/Badge.js +56 -33
- package/node/Badge/badgeClasses.js +22 -0
- package/node/Badge/index.js +17 -5
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Breadcrumbs/Breadcrumbs.js +1 -1
- package/node/Button/Button.js +104 -97
- package/node/ButtonBase/ButtonBase.js +7 -7
- package/node/ButtonGroup/ButtonGroup.js +3 -1
- package/node/Checkbox/Checkbox.js +3 -1
- package/node/Chip/Chip.js +3 -1
- package/node/CircularProgress/CircularProgress.js +3 -1
- package/node/Collapse/Collapse.js +1 -1
- package/node/Dialog/Dialog.js +2 -2
- package/node/Drawer/Drawer.js +4 -4
- package/node/Fab/Fab.js +3 -1
- package/node/Fade/Fade.js +1 -1
- package/node/FilledInput/FilledInput.js +4 -2
- package/node/FormControl/FormControl.js +4 -2
- package/node/FormControlLabel/FormControlLabel.js +14 -9
- package/node/FormLabel/FormLabel.js +3 -1
- package/node/Grow/Grow.js +12 -6
- package/node/Icon/Icon.js +3 -1
- package/node/IconButton/IconButton.js +4 -2
- package/node/Input/Input.js +4 -2
- package/node/InputBase/InputBase.js +4 -2
- package/node/InputLabel/InputLabel.js +3 -1
- package/node/LinearProgress/LinearProgress.js +3 -1
- package/node/Link/Link.js +16 -6
- package/node/ListItem/ListItem.js +4 -4
- package/node/ListItemButton/ListItemButton.js +1 -0
- package/node/Menu/Menu.js +2 -2
- package/node/MenuList/MenuList.js +1 -1
- package/node/Modal/Modal.js +6 -6
- package/node/OutlinedInput/OutlinedInput.js +4 -2
- package/node/Pagination/Pagination.js +3 -1
- package/node/PaginationItem/PaginationItem.js +2 -0
- package/node/Popover/Popover.js +2 -2
- package/node/Popper/Popper.js +4 -4
- package/node/Radio/Radio.js +3 -1
- package/node/Rating/Rating.js +1 -1
- package/node/Select/Select.js +2 -2
- package/node/Select/SelectInput.js +24 -3
- package/node/Slide/Slide.js +1 -1
- package/node/Slider/Slider.js +3 -1
- package/node/Snackbar/Snackbar.js +2 -2
- package/node/SpeedDial/SpeedDial.js +2 -2
- package/node/SpeedDialAction/SpeedDialAction.js +2 -2
- package/node/StepContent/StepContent.js +1 -1
- package/node/StepLabel/StepLabel.js +2 -2
- package/node/SvgIcon/SvgIcon.js +3 -1
- package/node/Switch/Switch.js +3 -1
- package/node/TablePagination/TablePagination.js +6 -6
- package/node/TablePagination/TablePaginationActions.js +3 -3
- package/node/Tabs/Tabs.js +1 -1
- package/node/TextField/TextField.js +15 -13
- package/node/ToggleButton/ToggleButton.js +2 -0
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +3 -1
- package/node/Tooltip/Tooltip.js +2 -2
- package/node/Unstable_TrapFocus/index.js +2 -2
- package/node/Zoom/Zoom.js +1 -1
- package/node/index.js +1 -1
- package/node/locale/index.js +6 -3
- package/node/styles/CssVarsProvider.js +41 -0
- package/node/styles/experimental_extendTheme.js +105 -0
- package/node/styles/index.js +58 -0
- package/package.json +8 -8
- package/styles/CssVarsProvider.d.ts +28 -0
- package/styles/CssVarsProvider.js +28 -0
- package/styles/ThemeProvider.d.ts +1 -1
- package/styles/createPalette.d.ts +26 -0
- package/styles/createTheme.d.ts +1 -1
- package/styles/experimental_extendTheme.d.ts +90 -0
- package/styles/experimental_extendTheme.js +91 -0
- package/styles/index.d.ts +5 -0
- package/styles/index.js +3 -1
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/umd/material-ui.development.js +1412 -599
- package/umd/material-ui.production.min.js +21 -21
- package/useMediaQuery/useMediaQuery.d.ts +31 -31
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- 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
package/Grow/Grow.js
CHANGED
|
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import { elementAcceptingRef } from '@mui/utils';
|
|
7
7
|
import { Transition } from 'react-transition-group';
|
|
8
8
|
import useTheme from '../styles/useTheme';
|
|
9
|
-
import {
|
|
9
|
+
import { getTransitionProps, reflow } from '../transitions/utils';
|
|
10
10
|
import useForkRef from '../utils/useForkRef';
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
12
|
|
|
@@ -25,8 +25,14 @@ const styles = {
|
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
28
|
+
* Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
|
|
29
|
+
* Remove this workaround once the WebKit bug fix is released.
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
|
|
33
|
+
/**
|
|
34
|
+
* The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
|
|
35
|
+
* [Popover](/material-ui/react-popover/) components.
|
|
30
36
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
31
37
|
*/
|
|
32
38
|
|
|
@@ -97,7 +103,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
97
103
|
duration,
|
|
98
104
|
delay
|
|
99
105
|
}), theme.transitions.create('transform', {
|
|
100
|
-
duration: duration * 0.666,
|
|
106
|
+
duration: isWebKit154 ? duration : duration * 0.666,
|
|
101
107
|
delay,
|
|
102
108
|
easing: transitionTimingFunction
|
|
103
109
|
})].join(',');
|
|
@@ -133,11 +139,11 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
133
139
|
duration,
|
|
134
140
|
delay
|
|
135
141
|
}), theme.transitions.create('transform', {
|
|
136
|
-
duration: duration * 0.666,
|
|
137
|
-
delay: delay || duration * 0.333,
|
|
142
|
+
duration: isWebKit154 ? duration : duration * 0.666,
|
|
143
|
+
delay: isWebKit154 ? delay : delay || duration * 0.333,
|
|
138
144
|
easing: transitionTimingFunction
|
|
139
145
|
})].join(',');
|
|
140
|
-
node.style.opacity =
|
|
146
|
+
node.style.opacity = 0;
|
|
141
147
|
node.style.transform = getScale(0.75);
|
|
142
148
|
|
|
143
149
|
if (onExit) {
|
package/Hidden/Hidden.d.ts
CHANGED
|
@@ -85,11 +85,11 @@ export interface HiddenProps {
|
|
|
85
85
|
*
|
|
86
86
|
* Demos:
|
|
87
87
|
*
|
|
88
|
-
* - [Hidden](https://mui.com/
|
|
88
|
+
* - [Hidden](https://mui.com/material-ui/react-hidden/)
|
|
89
89
|
*
|
|
90
90
|
* API:
|
|
91
91
|
*
|
|
92
|
-
* - [Hidden API](https://mui.com/api/hidden/)
|
|
92
|
+
* - [Hidden API](https://mui.com/material-ui/api/hidden/)
|
|
93
93
|
*/
|
|
94
94
|
declare const Hidden: React.JSXElementConstructor<HiddenProps>;
|
|
95
95
|
|
package/Icon/Icon.d.ts
CHANGED
|
@@ -26,7 +26,9 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
|
|
|
26
26
|
*/
|
|
27
27
|
classes?: Partial<IconClasses>;
|
|
28
28
|
/**
|
|
29
|
-
* The color of the component.
|
|
29
|
+
* The color of the component.
|
|
30
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
31
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
30
32
|
* @default 'inherit'
|
|
31
33
|
*/
|
|
32
34
|
color?: OverridableStringUnion<
|
|
@@ -60,12 +62,12 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
|
|
|
60
62
|
*
|
|
61
63
|
* Demos:
|
|
62
64
|
*
|
|
63
|
-
* - [Icons](https://mui.com/
|
|
64
|
-
* - [Material Icons](https://mui.com/
|
|
65
|
+
* - [Icons](https://mui.com/material-ui/icons/)
|
|
66
|
+
* - [Material Icons](https://mui.com/material-ui/material-icons/)
|
|
65
67
|
*
|
|
66
68
|
* API:
|
|
67
69
|
*
|
|
68
|
-
* - [Icon API](https://mui.com/api/icon/)
|
|
70
|
+
* - [Icon API](https://mui.com/material-ui/api/icon/)
|
|
69
71
|
*/
|
|
70
72
|
declare const Icon: OverridableComponent<IconTypeMap> & { muiName: string };
|
|
71
73
|
|
package/Icon/Icon.js
CHANGED
|
@@ -130,7 +130,9 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
|
|
|
130
130
|
className: PropTypes.string,
|
|
131
131
|
|
|
132
132
|
/**
|
|
133
|
-
* The color of the component.
|
|
133
|
+
* The color of the component.
|
|
134
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
135
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
134
136
|
* @default 'inherit'
|
|
135
137
|
*/
|
|
136
138
|
color: PropTypes
|
package/Icon/iconClasses.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export interface IconClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
5
|
-
colorPrimary: string;
|
|
6
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
7
|
-
colorSecondary: string;
|
|
8
|
-
/** Styles applied to the root element if `color="action"`. */
|
|
9
|
-
colorAction: string;
|
|
10
|
-
/** Styles applied to the root element if `color="error"`. */
|
|
11
|
-
colorError: string;
|
|
12
|
-
/** Styles applied to the root element if `color="disabled"`. */
|
|
13
|
-
colorDisabled: string;
|
|
14
|
-
/** Styles applied to the root element if `fontSize="inherit"`. */
|
|
15
|
-
fontSizeInherit: string;
|
|
16
|
-
/** Styles applied to the root element if `fontSize="small"`. */
|
|
17
|
-
fontSizeSmall: string;
|
|
18
|
-
/** Styles applied to the root element if `fontSize="large"`. */
|
|
19
|
-
fontSizeLarge: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type IconClassKey = keyof IconClasses;
|
|
22
|
-
export declare function getIconUtilityClass(slot: string): string;
|
|
23
|
-
declare const iconClasses: IconClasses;
|
|
24
|
-
export default iconClasses;
|
|
1
|
+
export interface IconClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
5
|
+
colorPrimary: string;
|
|
6
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
7
|
+
colorSecondary: string;
|
|
8
|
+
/** Styles applied to the root element if `color="action"`. */
|
|
9
|
+
colorAction: string;
|
|
10
|
+
/** Styles applied to the root element if `color="error"`. */
|
|
11
|
+
colorError: string;
|
|
12
|
+
/** Styles applied to the root element if `color="disabled"`. */
|
|
13
|
+
colorDisabled: string;
|
|
14
|
+
/** Styles applied to the root element if `fontSize="inherit"`. */
|
|
15
|
+
fontSizeInherit: string;
|
|
16
|
+
/** Styles applied to the root element if `fontSize="small"`. */
|
|
17
|
+
fontSizeSmall: string;
|
|
18
|
+
/** Styles applied to the root element if `fontSize="large"`. */
|
|
19
|
+
fontSizeLarge: string;
|
|
20
|
+
}
|
|
21
|
+
export declare type IconClassKey = keyof IconClasses;
|
|
22
|
+
export declare function getIconUtilityClass(slot: string): string;
|
|
23
|
+
declare const iconClasses: IconClasses;
|
|
24
|
+
export default iconClasses;
|
|
@@ -24,7 +24,9 @@ export type IconButtonTypeMap<
|
|
|
24
24
|
*/
|
|
25
25
|
classes?: Partial<IconButtonClasses>;
|
|
26
26
|
/**
|
|
27
|
-
* The color of the component.
|
|
27
|
+
* The color of the component.
|
|
28
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
29
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
28
30
|
* @default 'default'
|
|
29
31
|
*/
|
|
30
32
|
color?: OverridableStringUnion<
|
|
@@ -64,17 +66,17 @@ export type IconButtonTypeMap<
|
|
|
64
66
|
}>;
|
|
65
67
|
|
|
66
68
|
/**
|
|
67
|
-
* Refer to the [Icons](https://mui.com/
|
|
69
|
+
* Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
|
|
68
70
|
* regarding the available icon options.
|
|
69
71
|
*
|
|
70
72
|
* Demos:
|
|
71
73
|
*
|
|
72
|
-
* - [Buttons](https://mui.com/
|
|
74
|
+
* - [Buttons](https://mui.com/material-ui/react-button/)
|
|
73
75
|
*
|
|
74
76
|
* API:
|
|
75
77
|
*
|
|
76
|
-
* - [IconButton API](https://mui.com/api/icon-button/)
|
|
77
|
-
* - inherits [ButtonBase API](https://mui.com/api/button-base/)
|
|
78
|
+
* - [IconButton API](https://mui.com/material-ui/api/icon-button/)
|
|
79
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
78
80
|
*/
|
|
79
81
|
declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
|
|
80
82
|
|
package/IconButton/IconButton.js
CHANGED
|
@@ -92,7 +92,7 @@ const IconButtonRoot = styled(ButtonBase, {
|
|
|
92
92
|
}
|
|
93
93
|
}));
|
|
94
94
|
/**
|
|
95
|
-
* Refer to the [Icons](/
|
|
95
|
+
* Refer to the [Icons](/material-ui/icons/) section of the documentation
|
|
96
96
|
* regarding the available icon options.
|
|
97
97
|
*/
|
|
98
98
|
|
|
@@ -165,7 +165,9 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
|
|
|
165
165
|
className: PropTypes.string,
|
|
166
166
|
|
|
167
167
|
/**
|
|
168
|
-
* The color of the component.
|
|
168
|
+
* The color of the component.
|
|
169
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
170
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
169
171
|
* @default 'default'
|
|
170
172
|
*/
|
|
171
173
|
color: PropTypes
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
export interface IconButtonClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `edge="start"`. */
|
|
5
|
-
edgeStart: string;
|
|
6
|
-
/** Styles applied to the root element if `edge="end"`. */
|
|
7
|
-
edgeEnd: string;
|
|
8
|
-
/** Styles applied to the root element if `color="inherit"`. */
|
|
9
|
-
colorInherit: string;
|
|
10
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
11
|
-
colorPrimary: string;
|
|
12
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
13
|
-
colorSecondary: string;
|
|
14
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
15
|
-
disabled: string;
|
|
16
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
17
|
-
sizeSmall: string;
|
|
18
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
19
|
-
sizeMedium: string;
|
|
20
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
21
|
-
sizeLarge: string;
|
|
22
|
-
}
|
|
23
|
-
export declare type IconButtonClassKey = keyof IconButtonClasses;
|
|
24
|
-
export declare function getIconButtonUtilityClass(slot: string): string;
|
|
25
|
-
declare const iconButtonClasses: IconButtonClasses;
|
|
26
|
-
export default iconButtonClasses;
|
|
1
|
+
export interface IconButtonClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `edge="start"`. */
|
|
5
|
+
edgeStart: string;
|
|
6
|
+
/** Styles applied to the root element if `edge="end"`. */
|
|
7
|
+
edgeEnd: string;
|
|
8
|
+
/** Styles applied to the root element if `color="inherit"`. */
|
|
9
|
+
colorInherit: string;
|
|
10
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
11
|
+
colorPrimary: string;
|
|
12
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
13
|
+
colorSecondary: string;
|
|
14
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
15
|
+
disabled: string;
|
|
16
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
17
|
+
sizeSmall: string;
|
|
18
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
19
|
+
sizeMedium: string;
|
|
20
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
21
|
+
sizeLarge: string;
|
|
22
|
+
}
|
|
23
|
+
export declare type IconButtonClassKey = keyof IconButtonClasses;
|
|
24
|
+
export declare function getIconButtonUtilityClass(slot: string): string;
|
|
25
|
+
declare const iconButtonClasses: IconButtonClasses;
|
|
26
|
+
export default iconButtonClasses;
|
package/ImageList/ImageList.d.ts
CHANGED
|
@@ -51,11 +51,11 @@ export interface ImageListTypeMap<P = {}, D extends React.ElementType = 'ul'> {
|
|
|
51
51
|
*
|
|
52
52
|
* Demos:
|
|
53
53
|
*
|
|
54
|
-
* - [Image List](https://mui.com/
|
|
54
|
+
* - [Image List](https://mui.com/material-ui/react-image-list/)
|
|
55
55
|
*
|
|
56
56
|
* API:
|
|
57
57
|
*
|
|
58
|
-
* - [ImageList API](https://mui.com/api/image-list/)
|
|
58
|
+
* - [ImageList API](https://mui.com/material-ui/api/image-list/)
|
|
59
59
|
*/
|
|
60
60
|
declare const ImageList: OverridableComponent<ImageListTypeMap>;
|
|
61
61
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export interface ImageListClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="masonry"`. */
|
|
5
|
-
masonry: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="quilted"`. */
|
|
7
|
-
quilted: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="woven"`. */
|
|
11
|
-
woven: string;
|
|
12
|
-
}
|
|
13
|
-
export declare type ImageListClassKey = keyof ImageListClasses;
|
|
14
|
-
export declare function getImageListUtilityClass(slot: string): string;
|
|
15
|
-
declare const imageListClasses: ImageListClasses;
|
|
16
|
-
export default imageListClasses;
|
|
1
|
+
export interface ImageListClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="masonry"`. */
|
|
5
|
+
masonry: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="quilted"`. */
|
|
7
|
+
quilted: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="woven"`. */
|
|
11
|
+
woven: string;
|
|
12
|
+
}
|
|
13
|
+
export declare type ImageListClassKey = keyof ImageListClasses;
|
|
14
|
+
export declare function getImageListUtilityClass(slot: string): string;
|
|
15
|
+
declare const imageListClasses: ImageListClasses;
|
|
16
|
+
export default imageListClasses;
|
|
@@ -35,11 +35,11 @@ export interface ImageListItemTypeMap<P = {}, D extends React.ElementType = 'li'
|
|
|
35
35
|
*
|
|
36
36
|
* Demos:
|
|
37
37
|
*
|
|
38
|
-
* - [Image List](https://mui.com/
|
|
38
|
+
* - [Image List](https://mui.com/material-ui/react-image-list/)
|
|
39
39
|
*
|
|
40
40
|
* API:
|
|
41
41
|
*
|
|
42
|
-
* - [ImageListItem API](https://mui.com/api/image-list-item/)
|
|
42
|
+
* - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
|
|
43
43
|
*/
|
|
44
44
|
declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
|
|
45
45
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export interface ImageListItemClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to an `img` element to ensure it covers the item. */
|
|
5
|
-
img: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="standard"`. */
|
|
7
|
-
standard: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="woven"`. */
|
|
9
|
-
woven: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="masonry"`. */
|
|
11
|
-
masonry: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="quilted"`. */
|
|
13
|
-
quilted: string;
|
|
14
|
-
}
|
|
15
|
-
export declare type ImageListItemClassKey = keyof ImageListItemClasses;
|
|
16
|
-
export declare function getImageListItemUtilityClass(slot: string): string;
|
|
17
|
-
declare const imageListItemClasses: ImageListItemClasses;
|
|
18
|
-
export default imageListItemClasses;
|
|
1
|
+
export interface ImageListItemClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to an `img` element to ensure it covers the item. */
|
|
5
|
+
img: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="standard"`. */
|
|
7
|
+
standard: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="woven"`. */
|
|
9
|
+
woven: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="masonry"`. */
|
|
11
|
+
masonry: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="quilted"`. */
|
|
13
|
+
quilted: string;
|
|
14
|
+
}
|
|
15
|
+
export declare type ImageListItemClassKey = keyof ImageListItemClasses;
|
|
16
|
+
export declare function getImageListItemUtilityClass(slot: string): string;
|
|
17
|
+
declare const imageListItemClasses: ImageListItemClasses;
|
|
18
|
+
export default imageListItemClasses;
|
|
@@ -42,10 +42,10 @@ export interface ImageListItemBarProps
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Image List](https://mui.com/
|
|
45
|
+
* - [Image List](https://mui.com/material-ui/react-image-list/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [ImageListItemBar API](https://mui.com/api/image-list-item-bar/)
|
|
49
|
+
* - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
|
|
50
50
|
*/
|
|
51
51
|
export default function ImageListItemBar(props: ImageListItemBarProps): JSX.Element;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface ImageListItemBarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `position="bottom"`. */
|
|
5
|
-
positionBottom: string;
|
|
6
|
-
/** Styles applied to the root element if `position="top"`. */
|
|
7
|
-
positionTop: string;
|
|
8
|
-
/** Styles applied to the root element if `position="below"`. */
|
|
9
|
-
positionBelow: string;
|
|
10
|
-
/** Styles applied to the title and subtitle container element. */
|
|
11
|
-
titleWrap: string;
|
|
12
|
-
/** Styles applied to the title and subtitle container element if `position="below"`. */
|
|
13
|
-
titleWrapBelow: string;
|
|
14
|
-
/** Styles applied to the container element if `actionPosition="left"`. */
|
|
15
|
-
titleWrapActionPosLeft: string;
|
|
16
|
-
/** Styles applied to the container element if `actionPosition="right"`. */
|
|
17
|
-
titleWrapActionPosRight: string;
|
|
18
|
-
/** Styles applied to the title container element. */
|
|
19
|
-
title: string;
|
|
20
|
-
/** Styles applied to the subtitle container element. */
|
|
21
|
-
subtitle: string;
|
|
22
|
-
/** Styles applied to the actionIcon if supplied. */
|
|
23
|
-
actionIcon: string;
|
|
24
|
-
/** Styles applied to the actionIcon if `actionPosition="left"`. */
|
|
25
|
-
actionIconActionPosLeft: string;
|
|
26
|
-
}
|
|
27
|
-
export declare type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
|
|
28
|
-
export declare function getImageListItemBarUtilityClass(slot: string): string;
|
|
29
|
-
declare const imageListItemBarClasses: ImageListItemBarClasses;
|
|
30
|
-
export default imageListItemBarClasses;
|
|
1
|
+
export interface ImageListItemBarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `position="bottom"`. */
|
|
5
|
+
positionBottom: string;
|
|
6
|
+
/** Styles applied to the root element if `position="top"`. */
|
|
7
|
+
positionTop: string;
|
|
8
|
+
/** Styles applied to the root element if `position="below"`. */
|
|
9
|
+
positionBelow: string;
|
|
10
|
+
/** Styles applied to the title and subtitle container element. */
|
|
11
|
+
titleWrap: string;
|
|
12
|
+
/** Styles applied to the title and subtitle container element if `position="below"`. */
|
|
13
|
+
titleWrapBelow: string;
|
|
14
|
+
/** Styles applied to the container element if `actionPosition="left"`. */
|
|
15
|
+
titleWrapActionPosLeft: string;
|
|
16
|
+
/** Styles applied to the container element if `actionPosition="right"`. */
|
|
17
|
+
titleWrapActionPosRight: string;
|
|
18
|
+
/** Styles applied to the title container element. */
|
|
19
|
+
title: string;
|
|
20
|
+
/** Styles applied to the subtitle container element. */
|
|
21
|
+
subtitle: string;
|
|
22
|
+
/** Styles applied to the actionIcon if supplied. */
|
|
23
|
+
actionIcon: string;
|
|
24
|
+
/** Styles applied to the actionIcon if `actionPosition="left"`. */
|
|
25
|
+
actionIconActionPosLeft: string;
|
|
26
|
+
}
|
|
27
|
+
export declare type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
|
|
28
|
+
export declare function getImageListItemBarUtilityClass(slot: string): string;
|
|
29
|
+
declare const imageListItemBarClasses: ImageListItemBarClasses;
|
|
30
|
+
export default imageListItemBarClasses;
|
package/Input/Input.d.ts
CHANGED
|
@@ -22,12 +22,12 @@ export interface InputProps extends StandardProps<InputBaseProps> {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Text Fields](https://mui.com/
|
|
25
|
+
* - [Text Fields](https://mui.com/material-ui/react-text-field/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [Input API](https://mui.com/api/input/)
|
|
30
|
-
* - inherits [InputBase API](https://mui.com/api/input-base/)
|
|
29
|
+
* - [Input API](https://mui.com/material-ui/api/input/)
|
|
30
|
+
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
31
31
|
*/
|
|
32
32
|
declare const Input: ((props: InputProps) => JSX.Element) & { muiName: string };
|
|
33
33
|
|
package/Input/Input.js
CHANGED
|
@@ -171,7 +171,9 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
|
|
|
171
171
|
classes: PropTypes.object,
|
|
172
172
|
|
|
173
173
|
/**
|
|
174
|
-
* The color of the component.
|
|
174
|
+
* The color of the component.
|
|
175
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
176
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
175
177
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
176
178
|
*/
|
|
177
179
|
color: PropTypes
|
|
@@ -271,7 +273,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
|
|
|
271
273
|
minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
272
274
|
|
|
273
275
|
/**
|
|
274
|
-
* If `true`, a [TextareaAutosize](/
|
|
276
|
+
* If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
|
|
275
277
|
* @default false
|
|
276
278
|
*/
|
|
277
279
|
multiline: PropTypes.bool,
|
package/Input/inputClasses.d.ts
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
export interface InputClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if the component is a descendant of `FormControl`. */
|
|
5
|
-
formControl: string;
|
|
6
|
-
/** Styles applied to the root element if the component is focused. */
|
|
7
|
-
focused: string;
|
|
8
|
-
/** Styles applied to the root element if `disabled={true}`. */
|
|
9
|
-
disabled: string;
|
|
10
|
-
/** Styles applied to the root element if color secondary. */
|
|
11
|
-
colorSecondary: string;
|
|
12
|
-
/** Styles applied to the root element unless `disableUnderline={true}`. */
|
|
13
|
-
underline: string;
|
|
14
|
-
/** State class applied to the root element if `error={true}`. */
|
|
15
|
-
error: string;
|
|
16
|
-
/** Styles applied to the input element if `size="small"`. */
|
|
17
|
-
sizeSmall: string;
|
|
18
|
-
/** Styles applied to the root element if `multiline={true}`. */
|
|
19
|
-
multiline: string;
|
|
20
|
-
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
21
|
-
fullWidth: string;
|
|
22
|
-
/** Styles applied to the input element. */
|
|
23
|
-
input: string;
|
|
24
|
-
/** Styles applied to the input element if `size="small"`. */
|
|
25
|
-
inputSizeSmall: string;
|
|
26
|
-
/** Styles applied to the input element if `multiline={true}`. */
|
|
27
|
-
inputMultiline: string;
|
|
28
|
-
/** Styles applied to the input element if `type="search"`. */
|
|
29
|
-
inputTypeSearch: string;
|
|
30
|
-
}
|
|
31
|
-
export declare type InputClassKey = keyof InputClasses;
|
|
32
|
-
export declare function getInputUtilityClass(slot: string): string;
|
|
33
|
-
declare const inputClasses: InputClasses;
|
|
34
|
-
export default inputClasses;
|
|
1
|
+
export interface InputClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if the component is a descendant of `FormControl`. */
|
|
5
|
+
formControl: string;
|
|
6
|
+
/** Styles applied to the root element if the component is focused. */
|
|
7
|
+
focused: string;
|
|
8
|
+
/** Styles applied to the root element if `disabled={true}`. */
|
|
9
|
+
disabled: string;
|
|
10
|
+
/** Styles applied to the root element if color secondary. */
|
|
11
|
+
colorSecondary: string;
|
|
12
|
+
/** Styles applied to the root element unless `disableUnderline={true}`. */
|
|
13
|
+
underline: string;
|
|
14
|
+
/** State class applied to the root element if `error={true}`. */
|
|
15
|
+
error: string;
|
|
16
|
+
/** Styles applied to the input element if `size="small"`. */
|
|
17
|
+
sizeSmall: string;
|
|
18
|
+
/** Styles applied to the root element if `multiline={true}`. */
|
|
19
|
+
multiline: string;
|
|
20
|
+
/** Styles applied to the root element if `fullWidth={true}`. */
|
|
21
|
+
fullWidth: string;
|
|
22
|
+
/** Styles applied to the input element. */
|
|
23
|
+
input: string;
|
|
24
|
+
/** Styles applied to the input element if `size="small"`. */
|
|
25
|
+
inputSizeSmall: string;
|
|
26
|
+
/** Styles applied to the input element if `multiline={true}`. */
|
|
27
|
+
inputMultiline: string;
|
|
28
|
+
/** Styles applied to the input element if `type="search"`. */
|
|
29
|
+
inputTypeSearch: string;
|
|
30
|
+
}
|
|
31
|
+
export declare type InputClassKey = keyof InputClasses;
|
|
32
|
+
export declare function getInputUtilityClass(slot: string): string;
|
|
33
|
+
declare const inputClasses: InputClasses;
|
|
34
|
+
export default inputClasses;
|
|
@@ -46,11 +46,11 @@ export interface InputAdornmentTypeMap<P = {}, D extends React.ElementType = 'di
|
|
|
46
46
|
*
|
|
47
47
|
* Demos:
|
|
48
48
|
*
|
|
49
|
-
* - [Text Fields](https://mui.com/
|
|
49
|
+
* - [Text Fields](https://mui.com/material-ui/react-text-field/)
|
|
50
50
|
*
|
|
51
51
|
* API:
|
|
52
52
|
*
|
|
53
|
-
* - [InputAdornment API](https://mui.com/api/input-adornment/)
|
|
53
|
+
* - [InputAdornment API](https://mui.com/material-ui/api/input-adornment/)
|
|
54
54
|
*/
|
|
55
55
|
declare const InputAdornment: OverridableComponent<InputAdornmentTypeMap>;
|
|
56
56
|
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export interface InputAdornmentClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="filled"`. */
|
|
5
|
-
filled: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
-
outlined: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="standard"`. */
|
|
9
|
-
standard: string;
|
|
10
|
-
/** Styles applied to the root element if `position="start"`. */
|
|
11
|
-
positionStart: string;
|
|
12
|
-
/** Styles applied to the root element if `position="end"`. */
|
|
13
|
-
positionEnd: string;
|
|
14
|
-
/** Styles applied to the root element if `disablePointerEvents={true}`. */
|
|
15
|
-
disablePointerEvents: string;
|
|
16
|
-
/** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
|
|
17
|
-
hiddenLabel: string;
|
|
18
|
-
/** Styles applied if the adornment is used inside <FormControl size="small" />. */
|
|
19
|
-
sizeSmall: string;
|
|
20
|
-
}
|
|
21
|
-
export declare type InputAdornmentClassKey = keyof InputAdornmentClasses;
|
|
22
|
-
export declare function getInputAdornmentUtilityClass(slot: string): string;
|
|
23
|
-
declare const inputAdornmentClasses: InputAdornmentClasses;
|
|
24
|
-
export default inputAdornmentClasses;
|
|
1
|
+
export interface InputAdornmentClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `variant="filled"`. */
|
|
5
|
+
filled: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
+
outlined: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="standard"`. */
|
|
9
|
+
standard: string;
|
|
10
|
+
/** Styles applied to the root element if `position="start"`. */
|
|
11
|
+
positionStart: string;
|
|
12
|
+
/** Styles applied to the root element if `position="end"`. */
|
|
13
|
+
positionEnd: string;
|
|
14
|
+
/** Styles applied to the root element if `disablePointerEvents={true}`. */
|
|
15
|
+
disablePointerEvents: string;
|
|
16
|
+
/** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
|
|
17
|
+
hiddenLabel: string;
|
|
18
|
+
/** Styles applied if the adornment is used inside <FormControl size="small" />. */
|
|
19
|
+
sizeSmall: string;
|
|
20
|
+
}
|
|
21
|
+
export declare type InputAdornmentClassKey = keyof InputAdornmentClasses;
|
|
22
|
+
export declare function getInputAdornmentUtilityClass(slot: string): string;
|
|
23
|
+
declare const inputAdornmentClasses: InputAdornmentClasses;
|
|
24
|
+
export default inputAdornmentClasses;
|