@mui/material 5.5.3 → 5.6.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.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 +5 -5
- package/Alert/Alert.js +2 -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 +4 -4
- package/AppBar/AppBar.js +1 -1
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.d.ts +8 -8
- package/Autocomplete/Autocomplete.js +8 -6
- 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 +3 -3
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.d.ts +25 -12
- package/Badge/Badge.js +48 -24
- 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 +5 -5
- package/Button/Button.js +102 -97
- package/Button/buttonClasses.d.ts +76 -76
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroup.d.ts +3 -3
- package/ButtonGroup/ButtonGroup.js +1 -1
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +210 -32
- package/Card/Card.d.ts +3 -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 +5 -5
- package/Checkbox/Checkbox.js +1 -1
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/Chip.d.ts +3 -3
- package/Chip/Chip.js +1 -1
- package/Chip/chipClasses.d.ts +80 -80
- package/CircularProgress/CircularProgress.d.ts +3 -3
- package/CircularProgress/CircularProgress.js +1 -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 +6 -5
- package/Dialog/Dialog.js +3 -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 +4 -4
- package/Fab/Fab.js +1 -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 +5 -3
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControl/FormControl.js +2 -2
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- 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 +5 -5
- package/FormLabel/FormLabel.js +1 -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 +8 -8
- package/Hidden/Hidden.d.ts +2 -2
- package/Icon/Icon.d.ts +4 -4
- package/Icon/Icon.js +1 -1
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/IconButton.d.ts +5 -5
- package/IconButton/IconButton.js +2 -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 +5 -3
- 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 +4 -4
- package/InputBase/InputBase.js +2 -2
- package/InputBase/inputBaseClasses.d.ts +44 -44
- package/InputLabel/InputLabel.d.ts +3 -3
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.d.ts +3 -3
- package/LinearProgress/LinearProgress.js +1 -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 +7 -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 +2 -2
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/Pagination/Pagination.d.ts +4 -4
- package/Pagination/Pagination.js +2 -2
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.d.ts +3 -3
- package/PaginationItem/PaginationItem.js +1 -1
- 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 -8
- package/Radio/Radio.d.ts +4 -4
- package/Radio/Radio.js +1 -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 +4 -4
- package/Slider/Slider.js +1 -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 +4 -4
- package/SvgIcon/SvgIcon.js +1 -1
- package/SvgIcon/svgIconClasses.d.ts +24 -24
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/Switch/Switch.d.ts +5 -5
- package/Switch/Switch.js +1 -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 +21 -22
- package/TextField/TextField.js +13 -13
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.d.ts +4 -4
- package/ToggleButton/ToggleButton.js +1 -1
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -3
- package/ToggleButtonGroup/ToggleButtonGroup.js +1 -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/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 +2 -2
- package/legacy/AppBar/AppBar.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +8 -6
- package/legacy/Badge/Badge.js +49 -24
- 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 +31 -30
- package/legacy/ButtonGroup/ButtonGroup.js +1 -1
- package/legacy/Checkbox/Checkbox.js +1 -1
- package/legacy/Chip/Chip.js +1 -1
- package/legacy/CircularProgress/CircularProgress.js +1 -1
- package/legacy/Collapse/Collapse.js +1 -1
- package/legacy/Dialog/Dialog.js +3 -2
- package/legacy/Drawer/Drawer.js +4 -4
- package/legacy/Fab/Fab.js +1 -1
- package/legacy/Fade/Fade.js +1 -1
- package/legacy/FilledInput/FilledInput.js +5 -3
- package/legacy/FormControl/FormControl.js +2 -2
- package/legacy/FormLabel/FormLabel.js +1 -1
- package/legacy/Grow/Grow.js +8 -8
- package/legacy/Icon/Icon.js +1 -1
- package/legacy/IconButton/IconButton.js +2 -2
- package/legacy/Input/Input.js +5 -3
- package/legacy/InputBase/InputBase.js +2 -2
- package/legacy/InputLabel/InputLabel.js +1 -1
- package/legacy/LinearProgress/LinearProgress.js +1 -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 +7 -6
- package/legacy/OutlinedInput/OutlinedInput.js +2 -2
- package/legacy/Pagination/Pagination.js +2 -2
- package/legacy/PaginationItem/PaginationItem.js +1 -1
- package/legacy/Popover/Popover.js +2 -2
- package/legacy/Popper/Popper.js +4 -4
- package/legacy/Radio/Radio.js +1 -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 +1 -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 +1 -1
- package/legacy/Switch/Switch.js +1 -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 +13 -13
- package/legacy/ToggleButton/ToggleButton.js +1 -1
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/legacy/Tooltip/Tooltip.js +2 -2
- 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 +2 -2
- package/modern/AppBar/AppBar.js +1 -1
- package/modern/Autocomplete/Autocomplete.js +8 -6
- package/modern/Badge/Badge.js +45 -21
- 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 +30 -29
- package/modern/ButtonGroup/ButtonGroup.js +1 -1
- package/modern/Checkbox/Checkbox.js +1 -1
- package/modern/Chip/Chip.js +1 -1
- package/modern/CircularProgress/CircularProgress.js +1 -1
- package/modern/Collapse/Collapse.js +1 -1
- package/modern/Dialog/Dialog.js +3 -2
- package/modern/Drawer/Drawer.js +4 -4
- package/modern/Fab/Fab.js +1 -1
- package/modern/Fade/Fade.js +1 -1
- package/modern/FilledInput/FilledInput.js +5 -3
- package/modern/FormControl/FormControl.js +2 -2
- package/modern/FormLabel/FormLabel.js +1 -1
- package/modern/Grow/Grow.js +8 -8
- package/modern/Icon/Icon.js +1 -1
- package/modern/IconButton/IconButton.js +2 -2
- package/modern/Input/Input.js +5 -3
- package/modern/InputBase/InputBase.js +2 -2
- package/modern/InputLabel/InputLabel.js +1 -1
- package/modern/LinearProgress/LinearProgress.js +1 -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 +7 -6
- package/modern/OutlinedInput/OutlinedInput.js +2 -2
- package/modern/Pagination/Pagination.js +2 -2
- package/modern/PaginationItem/PaginationItem.js +1 -1
- package/modern/Popover/Popover.js +2 -2
- package/modern/Popper/Popper.js +4 -4
- package/modern/Radio/Radio.js +1 -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 +1 -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 +1 -1
- package/modern/Switch/Switch.js +1 -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 +13 -13
- package/modern/ToggleButton/ToggleButton.js +1 -1
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/modern/Tooltip/Tooltip.js +2 -2
- 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 +2 -2
- package/node/AppBar/AppBar.js +1 -1
- package/node/Autocomplete/Autocomplete.js +8 -6
- package/node/Badge/Badge.js +58 -34
- 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 +102 -97
- package/node/ButtonGroup/ButtonGroup.js +1 -1
- package/node/Checkbox/Checkbox.js +1 -1
- package/node/Chip/Chip.js +1 -1
- package/node/CircularProgress/CircularProgress.js +1 -1
- package/node/Collapse/Collapse.js +1 -1
- package/node/Dialog/Dialog.js +3 -2
- package/node/Drawer/Drawer.js +4 -4
- package/node/Fab/Fab.js +1 -1
- package/node/Fade/Fade.js +1 -1
- package/node/FilledInput/FilledInput.js +5 -3
- package/node/FormControl/FormControl.js +2 -2
- package/node/FormLabel/FormLabel.js +1 -1
- package/node/Grow/Grow.js +8 -8
- package/node/Icon/Icon.js +1 -1
- package/node/IconButton/IconButton.js +2 -2
- package/node/Input/Input.js +5 -3
- package/node/InputBase/InputBase.js +2 -2
- package/node/InputLabel/InputLabel.js +1 -1
- package/node/LinearProgress/LinearProgress.js +1 -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 +7 -6
- package/node/OutlinedInput/OutlinedInput.js +2 -2
- package/node/Pagination/Pagination.js +2 -2
- package/node/PaginationItem/PaginationItem.js +1 -1
- package/node/Popover/Popover.js +2 -2
- package/node/Popper/Popper.js +4 -4
- package/node/Radio/Radio.js +1 -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 +1 -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 +1 -1
- package/node/Switch/Switch.js +1 -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 +13 -13
- package/node/ToggleButton/ToggleButton.js +1 -1
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/node/Tooltip/Tooltip.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 +9 -9
- 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 +1297 -438
- 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/Grid/gridClasses.d.ts
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
export interface GridClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `container={true}`. */
|
|
5
|
-
container: string;
|
|
6
|
-
/** Styles applied to the root element if `item={true}`. */
|
|
7
|
-
item: string;
|
|
8
|
-
/** Styles applied to the root element if `zeroMinWidth={true}`. */
|
|
9
|
-
zeroMinWidth: string;
|
|
10
|
-
/** Styles applied to the root element if `direction="column"`. */
|
|
11
|
-
'direction-xs-column': string;
|
|
12
|
-
/** Styles applied to the root element if `direction="column-reverse"`. */
|
|
13
|
-
'direction-xs-column-reverse': string;
|
|
14
|
-
/** Styles applied to the root element if `direction="row-reverse"`. */
|
|
15
|
-
'direction-xs-row-reverse': string;
|
|
16
|
-
/** Styles applied to the root element if `wrap="nowrap"`. */
|
|
17
|
-
'wrap-xs-nowrap': string;
|
|
18
|
-
/** Styles applied to the root element if `wrap="reverse"`. */
|
|
19
|
-
'wrap-xs-wrap-reverse': string;
|
|
20
|
-
'spacing-xs-1': string;
|
|
21
|
-
'spacing-xs-2': string;
|
|
22
|
-
'spacing-xs-3': string;
|
|
23
|
-
'spacing-xs-4': string;
|
|
24
|
-
'spacing-xs-5': string;
|
|
25
|
-
'spacing-xs-6': string;
|
|
26
|
-
'spacing-xs-7': string;
|
|
27
|
-
'spacing-xs-8': string;
|
|
28
|
-
'spacing-xs-9': string;
|
|
29
|
-
'spacing-xs-10': string;
|
|
30
|
-
'grid-xs-auto': string;
|
|
31
|
-
'grid-xs-true': string;
|
|
32
|
-
'grid-xs-1': string;
|
|
33
|
-
'grid-xs-2': string;
|
|
34
|
-
'grid-xs-3': string;
|
|
35
|
-
'grid-xs-4': string;
|
|
36
|
-
'grid-xs-5': string;
|
|
37
|
-
'grid-xs-6': string;
|
|
38
|
-
'grid-xs-7': string;
|
|
39
|
-
'grid-xs-8': string;
|
|
40
|
-
'grid-xs-9': string;
|
|
41
|
-
'grid-xs-10': string;
|
|
42
|
-
'grid-xs-11': string;
|
|
43
|
-
'grid-xs-12': string;
|
|
44
|
-
}
|
|
45
|
-
export declare type GridClassKey = keyof GridClasses;
|
|
46
|
-
export declare function getGridUtilityClass(slot: string): string;
|
|
47
|
-
declare const gridClasses: GridClasses;
|
|
48
|
-
export default gridClasses;
|
|
1
|
+
export interface GridClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `container={true}`. */
|
|
5
|
+
container: string;
|
|
6
|
+
/** Styles applied to the root element if `item={true}`. */
|
|
7
|
+
item: string;
|
|
8
|
+
/** Styles applied to the root element if `zeroMinWidth={true}`. */
|
|
9
|
+
zeroMinWidth: string;
|
|
10
|
+
/** Styles applied to the root element if `direction="column"`. */
|
|
11
|
+
'direction-xs-column': string;
|
|
12
|
+
/** Styles applied to the root element if `direction="column-reverse"`. */
|
|
13
|
+
'direction-xs-column-reverse': string;
|
|
14
|
+
/** Styles applied to the root element if `direction="row-reverse"`. */
|
|
15
|
+
'direction-xs-row-reverse': string;
|
|
16
|
+
/** Styles applied to the root element if `wrap="nowrap"`. */
|
|
17
|
+
'wrap-xs-nowrap': string;
|
|
18
|
+
/** Styles applied to the root element if `wrap="reverse"`. */
|
|
19
|
+
'wrap-xs-wrap-reverse': string;
|
|
20
|
+
'spacing-xs-1': string;
|
|
21
|
+
'spacing-xs-2': string;
|
|
22
|
+
'spacing-xs-3': string;
|
|
23
|
+
'spacing-xs-4': string;
|
|
24
|
+
'spacing-xs-5': string;
|
|
25
|
+
'spacing-xs-6': string;
|
|
26
|
+
'spacing-xs-7': string;
|
|
27
|
+
'spacing-xs-8': string;
|
|
28
|
+
'spacing-xs-9': string;
|
|
29
|
+
'spacing-xs-10': string;
|
|
30
|
+
'grid-xs-auto': string;
|
|
31
|
+
'grid-xs-true': string;
|
|
32
|
+
'grid-xs-1': string;
|
|
33
|
+
'grid-xs-2': string;
|
|
34
|
+
'grid-xs-3': string;
|
|
35
|
+
'grid-xs-4': string;
|
|
36
|
+
'grid-xs-5': string;
|
|
37
|
+
'grid-xs-6': string;
|
|
38
|
+
'grid-xs-7': string;
|
|
39
|
+
'grid-xs-8': string;
|
|
40
|
+
'grid-xs-9': string;
|
|
41
|
+
'grid-xs-10': string;
|
|
42
|
+
'grid-xs-11': string;
|
|
43
|
+
'grid-xs-12': string;
|
|
44
|
+
}
|
|
45
|
+
export declare type GridClassKey = keyof GridClasses;
|
|
46
|
+
export declare function getGridUtilityClass(slot: string): string;
|
|
47
|
+
declare const gridClasses: GridClasses;
|
|
48
|
+
export default gridClasses;
|
package/Grow/Grow.d.ts
CHANGED
|
@@ -33,18 +33,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
|
-
* The Grow transition is used by the [Tooltip](https://mui.com/
|
|
37
|
-
* [Popover](https://mui.com/
|
|
36
|
+
* The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
|
|
37
|
+
* [Popover](https://mui.com/material-ui/react-popover/) components.
|
|
38
38
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
39
39
|
*
|
|
40
40
|
* Demos:
|
|
41
41
|
*
|
|
42
|
-
* - [Popover](https://mui.com/
|
|
43
|
-
* - [Transitions](https://mui.com/
|
|
42
|
+
* - [Popover](https://mui.com/material-ui/react-popover/)
|
|
43
|
+
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
44
44
|
*
|
|
45
45
|
* API:
|
|
46
46
|
*
|
|
47
|
-
* - [Grow API](https://mui.com/api/grow/)
|
|
47
|
+
* - [Grow API](https://mui.com/material-ui/api/grow/)
|
|
48
48
|
* - inherits [Transition API](http://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
49
49
|
*/
|
|
50
50
|
export default function Grow(props: GrowProps): JSX.Element;
|
package/Grow/Grow.js
CHANGED
|
@@ -25,14 +25,14 @@ const styles = {
|
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
28
|
-
* Conditionally apply a workaround for the CSS transition bug in Safari 15.4.
|
|
29
|
-
* Remove this workaround once the
|
|
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
30
|
*/
|
|
31
31
|
|
|
32
|
-
const
|
|
32
|
+
const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)[4-9]/i.test(navigator.userAgent);
|
|
33
33
|
/**
|
|
34
|
-
* The Grow transition is used by the [Tooltip](/
|
|
35
|
-
* [Popover](/
|
|
34
|
+
* The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
|
|
35
|
+
* [Popover](/material-ui/react-popover/) components.
|
|
36
36
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
37
37
|
*/
|
|
38
38
|
|
|
@@ -103,7 +103,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
103
103
|
duration,
|
|
104
104
|
delay
|
|
105
105
|
}), theme.transitions.create('transform', {
|
|
106
|
-
duration:
|
|
106
|
+
duration: isWebKit154 ? duration : duration * 0.666,
|
|
107
107
|
delay,
|
|
108
108
|
easing: transitionTimingFunction
|
|
109
109
|
})].join(',');
|
|
@@ -139,8 +139,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
|
|
|
139
139
|
duration,
|
|
140
140
|
delay
|
|
141
141
|
}), theme.transitions.create('transform', {
|
|
142
|
-
duration:
|
|
143
|
-
delay:
|
|
142
|
+
duration: isWebKit154 ? duration : duration * 0.666,
|
|
143
|
+
delay: isWebKit154 ? delay : delay || duration * 0.333,
|
|
144
144
|
easing: transitionTimingFunction
|
|
145
145
|
})].join(',');
|
|
146
146
|
node.style.opacity = 0;
|
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
|
@@ -28,7 +28,7 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
|
|
|
28
28
|
/**
|
|
29
29
|
* The color of the component.
|
|
30
30
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
31
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
31
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
32
32
|
* @default 'inherit'
|
|
33
33
|
*/
|
|
34
34
|
color?: OverridableStringUnion<
|
|
@@ -62,12 +62,12 @@ export interface IconTypeMap<P = {}, D extends React.ElementType = 'span'> {
|
|
|
62
62
|
*
|
|
63
63
|
* Demos:
|
|
64
64
|
*
|
|
65
|
-
* - [Icons](https://mui.com/
|
|
66
|
-
* - [Material
|
|
65
|
+
* - [Icons](https://mui.com/material-ui/icons/)
|
|
66
|
+
* - [Material icons](https://mui.com/material-ui/material-icons/)
|
|
67
67
|
*
|
|
68
68
|
* API:
|
|
69
69
|
*
|
|
70
|
-
* - [Icon API](https://mui.com/api/icon/)
|
|
70
|
+
* - [Icon API](https://mui.com/material-ui/api/icon/)
|
|
71
71
|
*/
|
|
72
72
|
declare const Icon: OverridableComponent<IconTypeMap> & { muiName: string };
|
|
73
73
|
|
package/Icon/Icon.js
CHANGED
|
@@ -132,7 +132,7 @@ process.env.NODE_ENV !== "production" ? Icon.propTypes
|
|
|
132
132
|
/**
|
|
133
133
|
* The color of the component.
|
|
134
134
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
135
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
135
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
136
136
|
* @default 'inherit'
|
|
137
137
|
*/
|
|
138
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;
|
|
@@ -26,7 +26,7 @@ export type IconButtonTypeMap<
|
|
|
26
26
|
/**
|
|
27
27
|
* The color of the component.
|
|
28
28
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
29
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
29
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
30
30
|
* @default 'default'
|
|
31
31
|
*/
|
|
32
32
|
color?: OverridableStringUnion<
|
|
@@ -66,17 +66,17 @@ export type IconButtonTypeMap<
|
|
|
66
66
|
}>;
|
|
67
67
|
|
|
68
68
|
/**
|
|
69
|
-
* Refer to the [Icons](https://mui.com/
|
|
69
|
+
* Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
|
|
70
70
|
* regarding the available icon options.
|
|
71
71
|
*
|
|
72
72
|
* Demos:
|
|
73
73
|
*
|
|
74
|
-
* - [Buttons](https://mui.com/
|
|
74
|
+
* - [Buttons](https://mui.com/material-ui/react-button/)
|
|
75
75
|
*
|
|
76
76
|
* API:
|
|
77
77
|
*
|
|
78
|
-
* - [IconButton API](https://mui.com/api/icon-button/)
|
|
79
|
-
* - 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/)
|
|
80
80
|
*/
|
|
81
81
|
declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
|
|
82
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
|
|
|
@@ -167,7 +167,7 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
|
|
|
167
167
|
/**
|
|
168
168
|
* The color of the component.
|
|
169
169
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
170
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
170
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
171
171
|
* @default 'default'
|
|
172
172
|
*/
|
|
173
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
|
|
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
|
|
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
|
|
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
|
|
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
|
@@ -65,7 +65,9 @@ const InputRoot = styled(InputBaseRoot, {
|
|
|
65
65
|
|
|
66
66
|
},
|
|
67
67
|
[`&.${inputClasses.focused}:after`]: {
|
|
68
|
-
|
|
68
|
+
// translateX(0) is a workaround for Safari transform scale bug
|
|
69
|
+
// See https://github.com/mui/material-ui/issues/31766
|
|
70
|
+
transform: 'scaleX(1) translateX(0)'
|
|
69
71
|
},
|
|
70
72
|
[`&.${inputClasses.error}:after`]: {
|
|
71
73
|
borderBottomColor: theme.palette.error.main,
|
|
@@ -173,7 +175,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
|
|
|
173
175
|
/**
|
|
174
176
|
* The color of the component.
|
|
175
177
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
176
|
-
* [palette customization guide](https://mui.com/customization/palette/#adding-new-colors).
|
|
178
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
177
179
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
178
180
|
*/
|
|
179
181
|
color: PropTypes
|
|
@@ -273,7 +275,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
|
|
|
273
275
|
minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
274
276
|
|
|
275
277
|
/**
|
|
276
|
-
* If `true`, a [TextareaAutosize](/
|
|
278
|
+
* If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
|
|
277
279
|
* @default false
|
|
278
280
|
*/
|
|
279
281
|
multiline: PropTypes.bool,
|