@mui/material 9.0.0-beta.0 → 9.0.0
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.mts +4 -4
- package/Accordion/Accordion.d.ts +4 -4
- package/AccordionActions/AccordionActions.d.mts +2 -2
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionDetails/AccordionDetails.d.mts +2 -2
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionSummary/AccordionSummary.d.mts +3 -3
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/AccordionSummary/AccordionSummary.js +1 -0
- package/AccordionSummary/AccordionSummary.mjs +1 -0
- package/Alert/Alert.d.mts +3 -3
- package/Alert/Alert.d.ts +3 -3
- package/AlertTitle/AlertTitle.d.mts +3 -3
- package/AlertTitle/AlertTitle.d.ts +3 -3
- package/AppBar/AppBar.d.mts +3 -3
- package/AppBar/AppBar.d.ts +3 -3
- package/Autocomplete/Autocomplete.d.mts +2 -2
- package/Autocomplete/Autocomplete.d.ts +2 -2
- package/Avatar/Avatar.d.mts +2 -2
- package/Avatar/Avatar.d.ts +2 -2
- package/AvatarGroup/AvatarGroup.d.mts +2 -2
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/Backdrop/Backdrop.d.mts +4 -4
- package/Backdrop/Backdrop.d.ts +4 -4
- package/Badge/Badge.d.mts +3 -3
- package/Badge/Badge.d.ts +3 -3
- package/BottomNavigation/BottomNavigation.d.mts +2 -2
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigationAction/BottomNavigationAction.d.mts +3 -3
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/BottomNavigationAction/BottomNavigationAction.js +1 -0
- package/BottomNavigationAction/BottomNavigationAction.mjs +1 -0
- package/Box/Box.d.mts +3 -3
- package/Box/Box.d.ts +3 -3
- package/Breadcrumbs/BreadcrumbCollapsed.js +5 -1
- package/Breadcrumbs/BreadcrumbCollapsed.mjs +5 -1
- package/Breadcrumbs/Breadcrumbs.d.mts +3 -3
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Button/Button.d.mts +6 -6
- package/Button/Button.d.ts +6 -6
- package/Button/Button.js +1 -0
- package/Button/Button.mjs +1 -0
- package/ButtonBase/ButtonBase.d.mts +7 -2
- package/ButtonBase/ButtonBase.d.ts +7 -2
- package/ButtonBase/ButtonBase.js +84 -85
- package/ButtonBase/ButtonBase.mjs +84 -85
- package/ButtonBase/useButtonBase.d.mts +91 -0
- package/ButtonBase/useButtonBase.d.ts +91 -0
- package/ButtonBase/useButtonBase.js +174 -0
- package/ButtonBase/useButtonBase.mjs +167 -0
- package/ButtonGroup/ButtonGroup.d.mts +2 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +76 -0
- package/Card/Card.d.mts +3 -3
- package/Card/Card.d.ts +3 -3
- package/CardActionArea/CardActionArea.d.mts +3 -3
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActionArea/CardActionArea.js +1 -0
- package/CardActionArea/CardActionArea.mjs +1 -0
- package/CardActions/CardActions.d.mts +2 -2
- package/CardActions/CardActions.d.ts +2 -2
- package/CardContent/CardContent.d.mts +2 -2
- package/CardContent/CardContent.d.ts +2 -2
- package/CardHeader/CardHeader.d.mts +2 -2
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardMedia/CardMedia.d.mts +2 -2
- package/CardMedia/CardMedia.d.ts +2 -2
- package/Checkbox/Checkbox.d.mts +4 -4
- package/Checkbox/Checkbox.d.ts +4 -4
- package/Chip/Chip.d.mts +9 -2
- package/Chip/Chip.d.ts +9 -2
- package/Chip/Chip.js +18 -1
- package/Chip/Chip.mjs +18 -1
- package/CircularProgress/CircularProgress.d.mts +2 -2
- package/CircularProgress/CircularProgress.d.ts +2 -2
- package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
- package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/ClickAwayListener/ClickAwayListener.js +3 -3
- package/ClickAwayListener/ClickAwayListener.mjs +3 -3
- package/Collapse/Collapse.d.mts +5 -5
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +6 -18
- package/Collapse/Collapse.mjs +7 -19
- package/Container/Container.d.mts +2 -2
- package/Container/Container.d.ts +2 -2
- package/CssBaseline/CssBaseline.d.mts +2 -2
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.mts +11 -4
- package/Dialog/Dialog.d.ts +11 -4
- package/Dialog/Dialog.js +9 -1
- package/Dialog/Dialog.mjs +9 -1
- package/DialogActions/DialogActions.d.mts +2 -2
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogContent/DialogContent.d.mts +2 -2
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContentText/DialogContentText.d.mts +3 -3
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogTitle/DialogTitle.d.mts +3 -3
- package/DialogTitle/DialogTitle.d.ts +3 -3
- package/Divider/Divider.d.mts +4 -4
- package/Divider/Divider.d.ts +4 -4
- package/Divider/Divider.js +0 -8
- package/Divider/Divider.mjs +0 -8
- package/Drawer/Drawer.d.mts +4 -4
- package/Drawer/Drawer.d.ts +4 -4
- package/Drawer/Drawer.js +1 -4
- package/Drawer/Drawer.mjs +1 -4
- package/Fab/Fab.d.mts +3 -3
- package/Fab/Fab.d.ts +3 -3
- package/Fab/Fab.js +1 -0
- package/Fab/Fab.mjs +1 -0
- package/Fade/Fade.d.mts +3 -3
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +28 -32
- package/Fade/Fade.mjs +29 -33
- package/FilledInput/FilledInput.d.mts +3 -3
- package/FilledInput/FilledInput.d.ts +3 -3
- package/FilledInput/FilledInput.js +1 -1
- package/FilledInput/FilledInput.mjs +1 -1
- package/FormControl/FormControl.d.mts +7 -7
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControlLabel/FormControlLabel.d.mts +4 -4
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormGroup/FormGroup.d.mts +3 -3
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormHelperText/FormHelperText.d.mts +3 -3
- package/FormHelperText/FormHelperText.d.ts +3 -3
- package/FormLabel/FormLabel.d.mts +5 -5
- package/FormLabel/FormLabel.d.ts +5 -5
- package/GlobalStyles/GlobalStyles.d.mts +2 -2
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.mts +10 -5
- package/Grid/Grid.d.ts +10 -5
- package/Grid/Grid.js +10 -5
- package/Grid/Grid.mjs +10 -5
- package/Grid/gridClasses.js +1 -1
- package/Grid/gridClasses.mjs +1 -1
- package/Grow/Grow.d.mts +5 -5
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +30 -38
- package/Grow/Grow.mjs +31 -39
- package/Icon/Icon.d.mts +3 -3
- package/Icon/Icon.d.ts +3 -3
- package/IconButton/IconButton.d.mts +5 -5
- package/IconButton/IconButton.d.ts +5 -5
- package/IconButton/IconButton.js +1 -0
- package/IconButton/IconButton.mjs +1 -0
- package/ImageList/ImageList.d.mts +2 -2
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageListItem/ImageListItem.d.mts +2 -2
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.mts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.mts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.mjs +2 -2
- package/Input/Input.d.mts +3 -3
- package/Input/Input.d.ts +3 -3
- package/Input/Input.js +1 -1
- package/Input/Input.mjs +1 -1
- package/InputAdornment/InputAdornment.d.mts +2 -2
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputAdornment/inputAdornmentClasses.d.mts +2 -2
- package/InputAdornment/inputAdornmentClasses.d.ts +2 -2
- package/InputBase/InputBase.d.mts +2 -2
- package/InputBase/InputBase.d.ts +2 -2
- package/InputLabel/InputLabel.d.mts +4 -4
- package/InputLabel/InputLabel.d.ts +4 -4
- package/LinearProgress/LinearProgress.d.mts +2 -2
- package/LinearProgress/LinearProgress.d.ts +2 -2
- package/Link/Link.d.mts +4 -4
- package/Link/Link.d.ts +4 -4
- package/List/List.d.mts +4 -4
- package/List/List.d.ts +4 -4
- package/ListItem/ListItem.d.mts +3 -3
- package/ListItem/ListItem.d.ts +3 -3
- package/ListItem/ListItem.js +1 -2
- package/ListItem/ListItem.mjs +1 -2
- package/ListItemAvatar/ListItemAvatar.d.mts +2 -2
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemButton/ListItemButton.d.mts +4 -4
- package/ListItemButton/ListItemButton.d.ts +4 -4
- package/ListItemButton/ListItemButton.js +1 -0
- package/ListItemButton/ListItemButton.mjs +1 -0
- package/ListItemIcon/ListItemIcon.d.mts +3 -3
- package/ListItemIcon/ListItemIcon.d.ts +3 -3
- package/ListItemIcon/ListItemIcon.js +1 -1
- package/ListItemIcon/ListItemIcon.mjs +1 -1
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +2 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemText/ListItemText.d.mts +3 -3
- package/ListItemText/ListItemText.d.ts +3 -3
- package/ListSubheader/ListSubheader.d.mts +3 -3
- package/ListSubheader/ListSubheader.d.ts +3 -3
- package/ListSubheader/ListSubheader.js +0 -3
- package/ListSubheader/ListSubheader.mjs +0 -3
- package/Menu/Menu.d.mts +5 -5
- package/Menu/Menu.d.ts +5 -5
- package/Menu/Menu.js +15 -32
- package/Menu/Menu.mjs +15 -32
- package/MenuItem/MenuItem.d.mts +3 -3
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuItem/MenuItem.js +36 -26
- package/MenuItem/MenuItem.mjs +34 -26
- package/MenuList/MenuList.d.mts +4 -4
- package/MenuList/MenuList.d.ts +4 -4
- package/MenuList/MenuList.js +136 -101
- package/MenuList/MenuList.mjs +135 -100
- package/MenuList/MenuListContext.d.mts +11 -0
- package/MenuList/MenuListContext.d.ts +11 -0
- package/MenuList/MenuListContext.js +25 -0
- package/MenuList/MenuListContext.mjs +19 -0
- package/MobileStepper/MobileStepper.d.mts +3 -3
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/Modal/Modal.d.mts +7 -7
- package/Modal/Modal.d.ts +7 -7
- package/NativeSelect/NativeSelect.d.mts +3 -3
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/NoSsr/NoSsr.d.mts +2 -2
- package/NoSsr/NoSsr.d.ts +2 -2
- package/NoSsr/NoSsr.js +2 -2
- package/NoSsr/NoSsr.mjs +2 -2
- package/OutlinedInput/OutlinedInput.d.mts +4 -4
- package/OutlinedInput/OutlinedInput.d.ts +4 -4
- package/Pagination/Pagination.d.mts +2 -2
- package/Pagination/Pagination.d.ts +2 -2
- package/PaginationItem/PaginationItem.d.mts +8 -3
- package/PaginationItem/PaginationItem.d.ts +8 -3
- package/PaginationItem/PaginationItem.js +6 -0
- package/PaginationItem/PaginationItem.mjs +6 -0
- package/Paper/Paper.d.mts +4 -4
- package/Paper/Paper.d.ts +4 -4
- package/PigmentContainer/PigmentContainer.d.mts +2 -2
- package/PigmentContainer/PigmentContainer.d.ts +2 -2
- package/PigmentContainer/PigmentContainer.js +2 -2
- package/PigmentContainer/PigmentContainer.mjs +2 -2
- package/PigmentGrid/PigmentGrid.d.mts +3 -3
- package/PigmentGrid/PigmentGrid.d.ts +3 -3
- package/PigmentGrid/PigmentGrid.js +3 -3
- package/PigmentGrid/PigmentGrid.mjs +3 -3
- package/PigmentStack/PigmentStack.d.mts +2 -2
- package/PigmentStack/PigmentStack.d.ts +2 -2
- package/PigmentStack/PigmentStack.js +2 -2
- package/PigmentStack/PigmentStack.mjs +2 -2
- package/Popover/Popover.d.mts +5 -5
- package/Popover/Popover.d.ts +5 -5
- package/Popover/Popover.js +19 -7
- package/Popover/Popover.mjs +18 -6
- package/Popper/Popper.d.mts +4 -4
- package/Popper/Popper.d.ts +4 -4
- package/Popper/Popper.js +4 -4
- package/Popper/Popper.mjs +4 -4
- package/Portal/Portal.d.mts +2 -2
- package/Portal/Portal.d.ts +2 -2
- package/Portal/Portal.js +2 -2
- package/Portal/Portal.mjs +2 -2
- package/README.md +3 -3
- package/Radio/Radio.d.mts +3 -3
- package/Radio/Radio.d.ts +3 -3
- package/RadioGroup/RadioGroup.d.mts +3 -3
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/Rating/Rating.d.mts +2 -2
- package/Rating/Rating.d.ts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.mts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/Select/Select.d.mts +3 -3
- package/Select/Select.d.ts +3 -3
- package/Skeleton/Skeleton.d.mts +2 -2
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Slide/Slide.d.mts +4 -4
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +43 -42
- package/Slide/Slide.mjs +44 -44
- package/Slider/Slider.d.mts +4 -4
- package/Slider/Slider.d.ts +4 -4
- package/Slider/Slider.js +1 -1
- package/Slider/Slider.mjs +1 -1
- package/Slider/useSlider.d.mts +1 -1
- package/Slider/useSlider.d.ts +1 -1
- package/Slider/useSlider.js +235 -209
- package/Slider/useSlider.mjs +235 -209
- package/Slider/useSlider.types.d.mts +2 -2
- package/Slider/useSlider.types.d.ts +2 -2
- package/Snackbar/Snackbar.d.mts +3 -3
- package/Snackbar/Snackbar.d.ts +3 -3
- package/SnackbarContent/SnackbarContent.d.mts +3 -3
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.mts +3 -3
- package/SpeedDial/SpeedDial.d.ts +3 -3
- package/SpeedDialAction/SpeedDialAction.d.mts +3 -3
- package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
- package/SpeedDialIcon/SpeedDialIcon.d.mts +2 -2
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.mts +2 -2
- package/Step/Step.d.ts +2 -2
- package/StepButton/StepButton.d.mts +3 -3
- package/StepButton/StepButton.d.ts +3 -3
- package/StepButton/StepButton.js +44 -14
- package/StepButton/StepButton.mjs +44 -14
- package/StepConnector/StepConnector.d.mts +2 -2
- package/StepConnector/StepConnector.d.ts +2 -2
- package/StepConnector/StepConnector.js +1 -2
- package/StepConnector/StepConnector.mjs +1 -2
- package/StepContent/StepContent.d.mts +3 -3
- package/StepContent/StepContent.d.ts +3 -3
- package/StepIcon/StepIcon.d.mts +3 -3
- package/StepIcon/StepIcon.d.ts +3 -3
- package/StepLabel/StepLabel.d.mts +2 -2
- package/StepLabel/StepLabel.d.ts +2 -2
- package/Stepper/Stepper.d.mts +2 -2
- package/Stepper/Stepper.d.ts +2 -2
- package/Stepper/Stepper.js +54 -22
- package/Stepper/Stepper.mjs +54 -22
- package/Stepper/StepperContext.d.mts +0 -5
- package/Stepper/StepperContext.d.ts +0 -5
- package/Stepper/StepperContext.js +1 -2
- package/Stepper/StepperContext.mjs +0 -1
- package/SvgIcon/SvgIcon.d.mts +3 -3
- package/SvgIcon/SvgIcon.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.mts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.js +0 -3
- package/SwipeableDrawer/SwipeableDrawer.mjs +0 -3
- package/Switch/Switch.d.mts +4 -4
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +4 -0
- package/Switch/Switch.mjs +4 -0
- package/Tab/Tab.d.mts +3 -3
- package/Tab/Tab.d.ts +3 -3
- package/Tab/Tab.js +17 -1
- package/Tab/Tab.mjs +17 -1
- package/TabScrollButton/TabScrollButton.d.mts +3 -3
- package/TabScrollButton/TabScrollButton.d.ts +3 -3
- package/TabScrollButton/TabScrollButton.js +6 -2
- package/TabScrollButton/TabScrollButton.mjs +6 -2
- package/Table/Table.d.mts +2 -2
- package/Table/Table.d.ts +2 -2
- package/TableBody/TableBody.d.mts +2 -2
- package/TableBody/TableBody.d.ts +2 -2
- package/TableCell/TableCell.d.mts +2 -2
- package/TableCell/TableCell.d.ts +2 -2
- package/TableContainer/TableContainer.d.mts +2 -2
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableFooter/TableFooter.d.mts +2 -2
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableHead/TableHead.d.mts +2 -2
- package/TableHead/TableHead.d.ts +2 -2
- package/TablePagination/TablePagination.d.mts +4 -4
- package/TablePagination/TablePagination.d.ts +4 -4
- package/TablePaginationActions/TablePaginationActions.d.mts +2 -2
- package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/TableRow/TableRow.d.mts +2 -2
- package/TableRow/TableRow.d.ts +2 -2
- package/TableSortLabel/TableSortLabel.d.mts +3 -3
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/TableSortLabel/TableSortLabel.js +5 -3
- package/TableSortLabel/TableSortLabel.mjs +5 -3
- package/Tabs/Tabs.d.mts +2 -2
- package/Tabs/Tabs.d.ts +2 -2
- package/Tabs/Tabs.js +30 -21
- package/Tabs/Tabs.mjs +29 -20
- package/TextField/TextField.d.mts +10 -10
- package/TextField/TextField.d.ts +10 -10
- package/TextareaAutosize/TextareaAutosize.d.mts +2 -2
- package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/TextareaAutosize/TextareaAutosize.js +2 -2
- package/TextareaAutosize/TextareaAutosize.mjs +2 -2
- package/ToggleButton/ToggleButton.d.mts +3 -3
- package/ToggleButton/ToggleButton.d.ts +3 -3
- package/ToggleButton/ToggleButton.js +1 -0
- package/ToggleButton/ToggleButton.mjs +1 -0
- package/ToggleButtonGroup/ToggleButtonGroup.d.mts +2 -2
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/Toolbar/Toolbar.d.mts +2 -2
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Tooltip/Tooltip.d.mts +3 -3
- package/Tooltip/Tooltip.d.ts +3 -3
- package/Typography/Typography.d.mts +4 -4
- package/Typography/Typography.d.ts +4 -4
- package/Zoom/Zoom.d.mts +3 -3
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +24 -30
- package/Zoom/Zoom.mjs +25 -31
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internal/SwitchBase.d.mts +2 -2
- package/internal/SwitchBase.d.ts +2 -2
- package/internal/SwitchBase.js +5 -1
- package/internal/SwitchBase.mjs +5 -1
- package/locale/psAF.js +1 -1
- package/locale/psAF.mjs +1 -1
- package/package.json +51 -51
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeNoVars.mjs +1 -1
- package/styles/createThemeWithVars.js +9 -9
- package/styles/createThemeWithVars.mjs +9 -9
- package/transitions/utils.d.mts +7 -0
- package/transitions/utils.d.ts +7 -0
- package/transitions/utils.js +27 -0
- package/transitions/utils.mjs +25 -0
- package/useAutocomplete/useAutocomplete.js +8 -0
- package/useAutocomplete/useAutocomplete.mjs +8 -0
- package/utils/focusWithVisible.js +24 -0
- package/utils/focusWithVisible.mjs +19 -0
- package/utils/index.d.mts +0 -1
- package/utils/index.d.ts +0 -1
- package/utils/index.js +0 -7
- package/utils/index.mjs +0 -1
- package/utils/useFocusableWhenDisabled.d.mts +30 -0
- package/utils/useFocusableWhenDisabled.d.ts +30 -0
- package/utils/useFocusableWhenDisabled.js +47 -0
- package/utils/useFocusableWhenDisabled.mjs +41 -0
- package/utils/useRovingTabIndex.d.mts +1 -2
- package/utils/useRovingTabIndex.d.ts +1 -2
- package/utils/useRovingTabIndex.js +25 -4
- package/utils/useRovingTabIndex.mjs +1 -2
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
|
@@ -57,7 +57,7 @@ export interface UseSliderParameters {
|
|
|
57
57
|
*/
|
|
58
58
|
onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
|
|
59
59
|
/**
|
|
60
|
-
* Callback function that is fired when the
|
|
60
|
+
* Callback function that is fired when the pointer or touch interaction ends.
|
|
61
61
|
*
|
|
62
62
|
* @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
63
63
|
* @param {number | number[]} value The new value.
|
|
@@ -110,7 +110,7 @@ export interface Mark {
|
|
|
110
110
|
label?: React.ReactNode;
|
|
111
111
|
}
|
|
112
112
|
export type UseSliderRootSlotOwnProps = {
|
|
113
|
-
|
|
113
|
+
onPointerDown: React.HTMLAttributes<HTMLSpanElement>['onPointerDown'];
|
|
114
114
|
ref: React.RefCallback<Element> | null;
|
|
115
115
|
};
|
|
116
116
|
export type UseSliderRootSlotProps<ExternalProps = {}> = Omit<ExternalProps, keyof UseSliderRootSlotOwnProps> & UseSliderRootSlotOwnProps;
|
|
@@ -57,7 +57,7 @@ export interface UseSliderParameters {
|
|
|
57
57
|
*/
|
|
58
58
|
onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
|
|
59
59
|
/**
|
|
60
|
-
* Callback function that is fired when the
|
|
60
|
+
* Callback function that is fired when the pointer or touch interaction ends.
|
|
61
61
|
*
|
|
62
62
|
* @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
63
63
|
* @param {number | number[]} value The new value.
|
|
@@ -110,7 +110,7 @@ export interface Mark {
|
|
|
110
110
|
label?: React.ReactNode;
|
|
111
111
|
}
|
|
112
112
|
export type UseSliderRootSlotOwnProps = {
|
|
113
|
-
|
|
113
|
+
onPointerDown: React.HTMLAttributes<HTMLSpanElement>['onPointerDown'];
|
|
114
114
|
ref: React.RefCallback<Element> | null;
|
|
115
115
|
};
|
|
116
116
|
export type UseSliderRootSlotProps<ExternalProps = {}> = Omit<ExternalProps, keyof UseSliderRootSlotOwnProps> & UseSliderRootSlotOwnProps;
|
package/Snackbar/Snackbar.d.mts
CHANGED
|
@@ -54,7 +54,7 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
|
|
|
54
54
|
* Props applied to the transition element.
|
|
55
55
|
* By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
|
|
56
56
|
*/
|
|
57
|
-
transition: SlotComponentProps<React.ElementType
|
|
57
|
+
transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
|
|
58
58
|
}>;
|
|
59
59
|
export interface SnackbarOrigin {
|
|
60
60
|
vertical: 'top' | 'bottom';
|
|
@@ -146,11 +146,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
|
|
|
146
146
|
*
|
|
147
147
|
* Demos:
|
|
148
148
|
*
|
|
149
|
-
* - [Snackbar](https://
|
|
149
|
+
* - [Snackbar](https://mui.com/material-ui/react-snackbar/)
|
|
150
150
|
*
|
|
151
151
|
* API:
|
|
152
152
|
*
|
|
153
|
-
* - [Snackbar API](https://
|
|
153
|
+
* - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
|
|
154
154
|
*/
|
|
155
155
|
export default function Snackbar(props: SnackbarProps): React.JSX.Element;
|
|
156
156
|
export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}
|
package/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -54,7 +54,7 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
|
|
|
54
54
|
* Props applied to the transition element.
|
|
55
55
|
* By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
|
|
56
56
|
*/
|
|
57
|
-
transition: SlotComponentProps<React.ElementType
|
|
57
|
+
transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
|
|
58
58
|
}>;
|
|
59
59
|
export interface SnackbarOrigin {
|
|
60
60
|
vertical: 'top' | 'bottom';
|
|
@@ -146,11 +146,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
|
|
|
146
146
|
*
|
|
147
147
|
* Demos:
|
|
148
148
|
*
|
|
149
|
-
* - [Snackbar](https://
|
|
149
|
+
* - [Snackbar](https://mui.com/material-ui/react-snackbar/)
|
|
150
150
|
*
|
|
151
151
|
* API:
|
|
152
152
|
*
|
|
153
|
-
* - [Snackbar API](https://
|
|
153
|
+
* - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
|
|
154
154
|
*/
|
|
155
155
|
export default function Snackbar(props: SnackbarProps): React.JSX.Element;
|
|
156
156
|
export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}
|
|
@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Snackbar](https://
|
|
35
|
+
* - [Snackbar](https://mui.com/material-ui/react-snackbar/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [SnackbarContent API](https://
|
|
40
|
-
* - inherits [Paper API](https://
|
|
39
|
+
* - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
|
|
40
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
41
41
|
*/
|
|
42
42
|
export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;
|
|
@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Snackbar](https://
|
|
35
|
+
* - [Snackbar](https://mui.com/material-ui/react-snackbar/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [SnackbarContent API](https://
|
|
40
|
-
* - inherits [Paper API](https://
|
|
39
|
+
* - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
|
|
40
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
41
41
|
*/
|
|
42
42
|
export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;
|
|
@@ -31,7 +31,7 @@ export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots,
|
|
|
31
31
|
* Props forwarded to the transition slot.
|
|
32
32
|
* By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
|
|
33
33
|
*/
|
|
34
|
-
transition: SlotComponentProps<React.ElementType
|
|
34
|
+
transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps, SpeedDialOwnerState>;
|
|
35
35
|
}>;
|
|
36
36
|
export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
|
|
37
37
|
/**
|
|
@@ -109,10 +109,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
|
|
|
109
109
|
*
|
|
110
110
|
* Demos:
|
|
111
111
|
*
|
|
112
|
-
* - [Speed Dial](https://
|
|
112
|
+
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
|
|
113
113
|
*
|
|
114
114
|
* API:
|
|
115
115
|
*
|
|
116
|
-
* - [SpeedDial API](https://
|
|
116
|
+
* - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
|
|
117
117
|
*/
|
|
118
118
|
export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;
|
package/SpeedDial/SpeedDial.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots,
|
|
|
31
31
|
* Props forwarded to the transition slot.
|
|
32
32
|
* By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
|
|
33
33
|
*/
|
|
34
|
-
transition: SlotComponentProps<React.ElementType
|
|
34
|
+
transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps, SpeedDialOwnerState>;
|
|
35
35
|
}>;
|
|
36
36
|
export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
|
|
37
37
|
/**
|
|
@@ -109,10 +109,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
|
|
|
109
109
|
*
|
|
110
110
|
* Demos:
|
|
111
111
|
*
|
|
112
|
-
* - [Speed Dial](https://
|
|
112
|
+
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
|
|
113
113
|
*
|
|
114
114
|
* API:
|
|
115
115
|
*
|
|
116
|
-
* - [SpeedDial API](https://
|
|
116
|
+
* - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
|
|
117
117
|
*/
|
|
118
118
|
export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;
|
|
@@ -78,12 +78,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
|
|
|
78
78
|
*
|
|
79
79
|
* Demos:
|
|
80
80
|
*
|
|
81
|
-
* - [Speed Dial](https://
|
|
81
|
+
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
|
|
82
82
|
*
|
|
83
83
|
* API:
|
|
84
84
|
*
|
|
85
|
-
* - [SpeedDialAction API](https://
|
|
86
|
-
* - inherits [Tooltip API](https://
|
|
85
|
+
* - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
|
|
86
|
+
* - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
|
|
87
87
|
*/
|
|
88
88
|
export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
|
|
89
89
|
export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}
|
|
@@ -78,12 +78,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
|
|
|
78
78
|
*
|
|
79
79
|
* Demos:
|
|
80
80
|
*
|
|
81
|
-
* - [Speed Dial](https://
|
|
81
|
+
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
|
|
82
82
|
*
|
|
83
83
|
* API:
|
|
84
84
|
*
|
|
85
|
-
* - [SpeedDialAction API](https://
|
|
86
|
-
* - inherits [Tooltip API](https://
|
|
85
|
+
* - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
|
|
86
|
+
* - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
|
|
87
87
|
*/
|
|
88
88
|
export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
|
|
89
89
|
export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}
|
|
@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
|
|
|
31
31
|
*
|
|
32
32
|
* Demos:
|
|
33
33
|
*
|
|
34
|
-
* - [Speed Dial](https://
|
|
34
|
+
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
|
|
35
35
|
*
|
|
36
36
|
* API:
|
|
37
37
|
*
|
|
38
|
-
* - [SpeedDialIcon API](https://
|
|
38
|
+
* - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
|
|
39
39
|
*/
|
|
40
40
|
declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
|
|
41
41
|
muiName: string;
|
|
@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
|
|
|
31
31
|
*
|
|
32
32
|
* Demos:
|
|
33
33
|
*
|
|
34
|
-
* - [Speed Dial](https://
|
|
34
|
+
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
|
|
35
35
|
*
|
|
36
36
|
* API:
|
|
37
37
|
*
|
|
38
|
-
* - [SpeedDialIcon API](https://
|
|
38
|
+
* - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
|
|
39
39
|
*/
|
|
40
40
|
declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
|
|
41
41
|
muiName: string;
|
package/Stack/Stack.d.mts
CHANGED
|
@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
|
|
|
45
45
|
*
|
|
46
46
|
* Demos:
|
|
47
47
|
*
|
|
48
|
-
* - [Stack](https://
|
|
48
|
+
* - [Stack](https://mui.com/material-ui/react-stack/)
|
|
49
49
|
*
|
|
50
50
|
* API:
|
|
51
51
|
*
|
|
52
|
-
* - [Stack API](https://
|
|
52
|
+
* - [Stack API](https://mui.com/material-ui/api/stack/)
|
|
53
53
|
*/
|
|
54
54
|
declare const Stack: OverridableComponent<StackTypeMap>;
|
|
55
55
|
export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Stack/Stack.d.ts
CHANGED
|
@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
|
|
|
45
45
|
*
|
|
46
46
|
* Demos:
|
|
47
47
|
*
|
|
48
|
-
* - [Stack](https://
|
|
48
|
+
* - [Stack](https://mui.com/material-ui/react-stack/)
|
|
49
49
|
*
|
|
50
50
|
* API:
|
|
51
51
|
*
|
|
52
|
-
* - [Stack API](https://
|
|
52
|
+
* - [Stack API](https://mui.com/material-ui/api/stack/)
|
|
53
53
|
*/
|
|
54
54
|
declare const Stack: OverridableComponent<StackTypeMap>;
|
|
55
55
|
export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Step/Step.d.mts
CHANGED
|
@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
|
|
|
60
60
|
*
|
|
61
61
|
* Demos:
|
|
62
62
|
*
|
|
63
|
-
* - [Stepper](https://
|
|
63
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
64
64
|
*
|
|
65
65
|
* API:
|
|
66
66
|
*
|
|
67
|
-
* - [Step API](https://
|
|
67
|
+
* - [Step API](https://mui.com/material-ui/api/step/)
|
|
68
68
|
*/
|
|
69
69
|
declare const Step: OverridableComponent<StepTypeMap>;
|
|
70
70
|
export default Step;
|
package/Step/Step.d.ts
CHANGED
|
@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
|
|
|
60
60
|
*
|
|
61
61
|
* Demos:
|
|
62
62
|
*
|
|
63
|
-
* - [Stepper](https://
|
|
63
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
64
64
|
*
|
|
65
65
|
* API:
|
|
66
66
|
*
|
|
67
|
-
* - [Step API](https://
|
|
67
|
+
* - [Step API](https://mui.com/material-ui/api/step/)
|
|
68
68
|
*/
|
|
69
69
|
declare const Step: OverridableComponent<StepTypeMap>;
|
|
70
70
|
export default Step;
|
|
@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
|
|
|
36
36
|
*
|
|
37
37
|
* Demos:
|
|
38
38
|
*
|
|
39
|
-
* - [Stepper](https://
|
|
39
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
40
40
|
*
|
|
41
41
|
* API:
|
|
42
42
|
*
|
|
43
|
-
* - [StepButton API](https://
|
|
44
|
-
* - inherits [ButtonBase API](https://
|
|
43
|
+
* - [StepButton API](https://mui.com/material-ui/api/step-button/)
|
|
44
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
45
45
|
*/
|
|
46
46
|
declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
|
|
47
47
|
export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
|
|
@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
|
|
|
36
36
|
*
|
|
37
37
|
* Demos:
|
|
38
38
|
*
|
|
39
|
-
* - [Stepper](https://
|
|
39
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
40
40
|
*
|
|
41
41
|
* API:
|
|
42
42
|
*
|
|
43
|
-
* - [StepButton API](https://
|
|
44
|
-
* - inherits [ButtonBase API](https://
|
|
43
|
+
* - [StepButton API](https://mui.com/material-ui/api/step-button/)
|
|
44
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
45
45
|
*/
|
|
46
46
|
declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
|
|
47
47
|
export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
|
package/StepButton/StepButton.js
CHANGED
|
@@ -16,6 +16,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
|
16
16
|
var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
|
|
17
17
|
var _StepLabel = _interopRequireDefault(require("../StepLabel"));
|
|
18
18
|
var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
|
|
19
|
+
var _useRovingTabIndex = require("../utils/useRovingTabIndex");
|
|
19
20
|
var _StepperContext = require("../Stepper/StepperContext");
|
|
20
21
|
var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
|
|
21
22
|
var _stepButtonClasses = _interopRequireWildcard(require("./stepButtonClasses"));
|
|
@@ -61,6 +62,26 @@ const StepButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
|
|
|
61
62
|
}
|
|
62
63
|
}]
|
|
63
64
|
});
|
|
65
|
+
const RovingStepButton = /*#__PURE__*/React.forwardRef(function RovingStepButton(props, ref) {
|
|
66
|
+
// eslint-disable-next-line react/prop-types
|
|
67
|
+
const {
|
|
68
|
+
children,
|
|
69
|
+
disabled,
|
|
70
|
+
index,
|
|
71
|
+
...other
|
|
72
|
+
} = props;
|
|
73
|
+
const rovingItemProps = (0, _useRovingTabIndex.useRovingTabIndexItem)({
|
|
74
|
+
id: index,
|
|
75
|
+
ref,
|
|
76
|
+
disabled
|
|
77
|
+
});
|
|
78
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
|
|
79
|
+
disabled: disabled,
|
|
80
|
+
...rovingItemProps,
|
|
81
|
+
...other,
|
|
82
|
+
children: children
|
|
83
|
+
});
|
|
84
|
+
});
|
|
64
85
|
const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
|
|
65
86
|
const props = (0, _DefaultPropsProvider.useDefaultProps)({
|
|
66
87
|
props: inProps,
|
|
@@ -81,7 +102,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
|
|
|
81
102
|
const {
|
|
82
103
|
orientation,
|
|
83
104
|
totalSteps,
|
|
84
|
-
|
|
105
|
+
isTabList
|
|
85
106
|
} = (0, _StepperContext.useStepperContext)();
|
|
86
107
|
const ownerState = {
|
|
87
108
|
...props,
|
|
@@ -96,24 +117,33 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
|
|
|
96
117
|
...childProps,
|
|
97
118
|
children: children
|
|
98
119
|
});
|
|
99
|
-
const
|
|
100
|
-
|
|
101
|
-
tabIndex: active ? 0 : -1
|
|
102
|
-
};
|
|
103
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
|
|
120
|
+
const stepButtonProps = {
|
|
121
|
+
internalNativeButton: true,
|
|
104
122
|
focusRipple: true,
|
|
105
|
-
disabled
|
|
123
|
+
disabled,
|
|
106
124
|
TouchRippleProps: {
|
|
107
125
|
className: classes.touchRipple
|
|
108
126
|
},
|
|
109
127
|
className: (0, _clsx.default)(classes.root, className),
|
|
110
|
-
ownerState
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
role:
|
|
115
|
-
...
|
|
116
|
-
|
|
128
|
+
ownerState,
|
|
129
|
+
'aria-selected': active,
|
|
130
|
+
'aria-posinset': index + 1,
|
|
131
|
+
'aria-setsize': totalSteps,
|
|
132
|
+
role: 'tab',
|
|
133
|
+
...other
|
|
134
|
+
};
|
|
135
|
+
if (isTabList) {
|
|
136
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RovingStepButton, {
|
|
137
|
+
...stepButtonProps,
|
|
138
|
+
index: index,
|
|
139
|
+
ref: ref,
|
|
140
|
+
children: child
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
|
|
144
|
+
ref: ref,
|
|
145
|
+
tabIndex: active ? 0 : -1,
|
|
146
|
+
...stepButtonProps,
|
|
117
147
|
children: child
|
|
118
148
|
});
|
|
119
149
|
});
|
|
@@ -9,6 +9,7 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
|
|
|
9
9
|
import ButtonBase from "../ButtonBase/index.mjs";
|
|
10
10
|
import StepLabel from "../StepLabel/index.mjs";
|
|
11
11
|
import isMuiElement from "../utils/isMuiElement.mjs";
|
|
12
|
+
import { useRovingTabIndexItem } from "../utils/useRovingTabIndex.mjs";
|
|
12
13
|
import { useStepperContext } from "../Stepper/StepperContext.mjs";
|
|
13
14
|
import StepContext from "../Step/StepContext.mjs";
|
|
14
15
|
import stepButtonClasses, { getStepButtonUtilityClass } from "./stepButtonClasses.mjs";
|
|
@@ -54,6 +55,26 @@ const StepButtonRoot = styled(ButtonBase, {
|
|
|
54
55
|
}
|
|
55
56
|
}]
|
|
56
57
|
});
|
|
58
|
+
const RovingStepButton = /*#__PURE__*/React.forwardRef(function RovingStepButton(props, ref) {
|
|
59
|
+
// eslint-disable-next-line react/prop-types
|
|
60
|
+
const {
|
|
61
|
+
children,
|
|
62
|
+
disabled,
|
|
63
|
+
index,
|
|
64
|
+
...other
|
|
65
|
+
} = props;
|
|
66
|
+
const rovingItemProps = useRovingTabIndexItem({
|
|
67
|
+
id: index,
|
|
68
|
+
ref,
|
|
69
|
+
disabled
|
|
70
|
+
});
|
|
71
|
+
return /*#__PURE__*/_jsx(StepButtonRoot, {
|
|
72
|
+
disabled: disabled,
|
|
73
|
+
...rovingItemProps,
|
|
74
|
+
...other,
|
|
75
|
+
children: children
|
|
76
|
+
});
|
|
77
|
+
});
|
|
57
78
|
const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
|
|
58
79
|
const props = useDefaultProps({
|
|
59
80
|
props: inProps,
|
|
@@ -74,7 +95,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
|
|
|
74
95
|
const {
|
|
75
96
|
orientation,
|
|
76
97
|
totalSteps,
|
|
77
|
-
|
|
98
|
+
isTabList
|
|
78
99
|
} = useStepperContext();
|
|
79
100
|
const ownerState = {
|
|
80
101
|
...props,
|
|
@@ -89,24 +110,33 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
|
|
|
89
110
|
...childProps,
|
|
90
111
|
children: children
|
|
91
112
|
});
|
|
92
|
-
const
|
|
93
|
-
|
|
94
|
-
tabIndex: active ? 0 : -1
|
|
95
|
-
};
|
|
96
|
-
return /*#__PURE__*/_jsx(StepButtonRoot, {
|
|
113
|
+
const stepButtonProps = {
|
|
114
|
+
internalNativeButton: true,
|
|
97
115
|
focusRipple: true,
|
|
98
|
-
disabled
|
|
116
|
+
disabled,
|
|
99
117
|
TouchRippleProps: {
|
|
100
118
|
className: classes.touchRipple
|
|
101
119
|
},
|
|
102
120
|
className: clsx(classes.root, className),
|
|
103
|
-
ownerState
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
role:
|
|
108
|
-
...
|
|
109
|
-
|
|
121
|
+
ownerState,
|
|
122
|
+
'aria-selected': active,
|
|
123
|
+
'aria-posinset': index + 1,
|
|
124
|
+
'aria-setsize': totalSteps,
|
|
125
|
+
role: 'tab',
|
|
126
|
+
...other
|
|
127
|
+
};
|
|
128
|
+
if (isTabList) {
|
|
129
|
+
return /*#__PURE__*/_jsx(RovingStepButton, {
|
|
130
|
+
...stepButtonProps,
|
|
131
|
+
index: index,
|
|
132
|
+
ref: ref,
|
|
133
|
+
children: child
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
return /*#__PURE__*/_jsx(StepButtonRoot, {
|
|
137
|
+
ref: ref,
|
|
138
|
+
tabIndex: active ? 0 : -1,
|
|
139
|
+
...stepButtonProps,
|
|
110
140
|
children: child
|
|
111
141
|
});
|
|
112
142
|
});
|
|
@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
|
|
|
20
20
|
*
|
|
21
21
|
* Demos:
|
|
22
22
|
*
|
|
23
|
-
* - [Stepper](https://
|
|
23
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
24
24
|
*
|
|
25
25
|
* API:
|
|
26
26
|
*
|
|
27
|
-
* - [StepConnector API](https://
|
|
27
|
+
* - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
|
|
28
28
|
*/
|
|
29
29
|
export default function StepConnector(props: StepConnectorProps): React.JSX.Element;
|
|
@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
|
|
|
20
20
|
*
|
|
21
21
|
* Demos:
|
|
22
22
|
*
|
|
23
|
-
* - [Stepper](https://
|
|
23
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
24
24
|
*
|
|
25
25
|
* API:
|
|
26
26
|
*
|
|
27
|
-
* - [StepConnector API](https://
|
|
27
|
+
* - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
|
|
28
28
|
*/
|
|
29
29
|
export default function StepConnector(props: StepConnectorProps): React.JSX.Element;
|
|
@@ -65,8 +65,7 @@ const StepConnectorRoot = (0, _zeroStyled.styled)('div', {
|
|
|
65
65
|
});
|
|
66
66
|
const StepConnectorLine = (0, _zeroStyled.styled)('span', {
|
|
67
67
|
name: 'MuiStepConnector',
|
|
68
|
-
slot: 'Line'
|
|
69
|
-
overridesResolver: (props, styles) => styles.line
|
|
68
|
+
slot: 'Line'
|
|
70
69
|
})((0, _memoTheme.default)(({
|
|
71
70
|
theme
|
|
72
71
|
}) => {
|
|
@@ -21,7 +21,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
|
|
|
21
21
|
* Props forwarded to the transition slot.
|
|
22
22
|
* By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
|
|
23
23
|
*/
|
|
24
|
-
transition: SlotComponentProps<React.ElementType
|
|
24
|
+
transition: SlotComponentProps<React.ElementType<CollapseProps>, CollapseProps, StepContentOwnerState>;
|
|
25
25
|
}>;
|
|
26
26
|
export interface StepContentOwnerState extends StepContentProps {}
|
|
27
27
|
export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
|
|
@@ -52,10 +52,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
|
|
|
52
52
|
*
|
|
53
53
|
* Demos:
|
|
54
54
|
*
|
|
55
|
-
* - [Stepper](https://
|
|
55
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
56
56
|
*
|
|
57
57
|
* API:
|
|
58
58
|
*
|
|
59
|
-
* - [StepContent API](https://
|
|
59
|
+
* - [StepContent API](https://mui.com/material-ui/api/step-content/)
|
|
60
60
|
*/
|
|
61
61
|
export default function StepContent(props: StepContentProps): React.JSX.Element;
|
|
@@ -21,7 +21,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
|
|
|
21
21
|
* Props forwarded to the transition slot.
|
|
22
22
|
* By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
|
|
23
23
|
*/
|
|
24
|
-
transition: SlotComponentProps<React.ElementType
|
|
24
|
+
transition: SlotComponentProps<React.ElementType<CollapseProps>, CollapseProps, StepContentOwnerState>;
|
|
25
25
|
}>;
|
|
26
26
|
export interface StepContentOwnerState extends StepContentProps {}
|
|
27
27
|
export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
|
|
@@ -52,10 +52,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
|
|
|
52
52
|
*
|
|
53
53
|
* Demos:
|
|
54
54
|
*
|
|
55
|
-
* - [Stepper](https://
|
|
55
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
56
56
|
*
|
|
57
57
|
* API:
|
|
58
58
|
*
|
|
59
|
-
* - [StepContent API](https://
|
|
59
|
+
* - [StepContent API](https://mui.com/material-ui/api/step-content/)
|
|
60
60
|
*/
|
|
61
61
|
export default function StepContent(props: StepContentProps): React.JSX.Element;
|
package/StepIcon/StepIcon.d.mts
CHANGED
|
@@ -41,11 +41,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
|
|
|
41
41
|
*
|
|
42
42
|
* Demos:
|
|
43
43
|
*
|
|
44
|
-
* - [Stepper](https://
|
|
44
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
45
45
|
*
|
|
46
46
|
* API:
|
|
47
47
|
*
|
|
48
|
-
* - [StepIcon API](https://
|
|
49
|
-
* - inherits [SvgIcon API](https://
|
|
48
|
+
* - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
|
|
49
|
+
* - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
|
|
50
50
|
*/
|
|
51
51
|
export default function StepIcon(props: StepIconProps): React.JSX.Element;
|
package/StepIcon/StepIcon.d.ts
CHANGED
|
@@ -41,11 +41,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
|
|
|
41
41
|
*
|
|
42
42
|
* Demos:
|
|
43
43
|
*
|
|
44
|
-
* - [Stepper](https://
|
|
44
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
45
45
|
*
|
|
46
46
|
* API:
|
|
47
47
|
*
|
|
48
|
-
* - [StepIcon API](https://
|
|
49
|
-
* - inherits [SvgIcon API](https://
|
|
48
|
+
* - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
|
|
49
|
+
* - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
|
|
50
50
|
*/
|
|
51
51
|
export default function StepIcon(props: StepIconProps): React.JSX.Element;
|
|
@@ -72,11 +72,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
|
|
|
72
72
|
*
|
|
73
73
|
* Demos:
|
|
74
74
|
*
|
|
75
|
-
* - [Stepper](https://
|
|
75
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
76
76
|
*
|
|
77
77
|
* API:
|
|
78
78
|
*
|
|
79
|
-
* - [StepLabel API](https://
|
|
79
|
+
* - [StepLabel API](https://mui.com/material-ui/api/step-label/)
|
|
80
80
|
*/
|
|
81
81
|
declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
|
|
82
82
|
muiName: string;
|