@mui/material 9.0.0-beta.1 → 9.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.mts +3 -3
- package/Accordion/Accordion.d.ts +3 -3
- 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/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/Autocomplete/Autocomplete.js +65 -11
- package/Autocomplete/Autocomplete.mjs +65 -11
- package/Avatar/Avatar.d.mts +2 -2
- package/Avatar/Avatar.d.ts +2 -2
- package/Avatar/Avatar.js +4 -0
- package/Avatar/Avatar.mjs +4 -0
- package/AvatarGroup/AvatarGroup.d.mts +2 -2
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/Backdrop/Backdrop.d.mts +3 -3
- package/Backdrop/Backdrop.d.ts +3 -3
- package/Badge/Badge.d.mts +3 -3
- package/Badge/Badge.d.ts +3 -3
- package/Badge/Badge.js +3 -0
- package/Badge/Badge.mjs +3 -0
- 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/Box/Box.d.mts +3 -3
- package/Box/Box.d.ts +3 -3
- 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 +19 -2
- package/Button/Button.mjs +19 -2
- package/ButtonBase/ButtonBase.d.mts +9 -2
- package/ButtonBase/ButtonBase.d.ts +9 -2
- package/ButtonBase/ButtonBase.js +5 -2
- package/ButtonBase/ButtonBase.mjs +5 -2
- package/ButtonGroup/ButtonGroup.d.mts +2 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +160 -1245
- 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/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/Checkbox/Checkbox.js +2 -1
- package/Checkbox/Checkbox.mjs +2 -1
- package/Chip/Chip.d.mts +2 -2
- package/Chip/Chip.d.ts +2 -2
- package/CircularProgress/CircularProgress.d.mts +14 -4
- package/CircularProgress/CircularProgress.d.ts +14 -4
- package/CircularProgress/CircularProgress.js +33 -6
- package/CircularProgress/CircularProgress.mjs +33 -6
- package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
- package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/ClickAwayListener/ClickAwayListener.js +6 -9
- package/ClickAwayListener/ClickAwayListener.mjs +6 -9
- 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 +3 -3
- package/Dialog/Dialog.d.ts +3 -3
- package/Dialog/Dialog.js +11 -6
- package/Dialog/Dialog.mjs +11 -6
- 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/Drawer/Drawer.d.mts +3 -3
- package/Drawer/Drawer.d.ts +3 -3
- package/Drawer/Drawer.js +19 -8
- package/Drawer/Drawer.mjs +19 -8
- package/Fab/Fab.d.mts +3 -3
- package/Fab/Fab.d.ts +3 -3
- package/Fab/Fab.js +7 -1
- package/Fab/Fab.mjs +7 -1
- 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 +7 -3
- package/FilledInput/FilledInput.d.ts +7 -3
- package/FilledInput/FilledInput.js +18 -20
- package/FilledInput/FilledInput.mjs +18 -20
- package/FormControl/FormControl.d.mts +7 -7
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControl/useFormControl.d.mts +12 -2
- package/FormControl/useFormControl.d.ts +12 -2
- package/FormControl/useFormControl.js +13 -0
- package/FormControl/useFormControl.mjs +12 -0
- package/FormControlLabel/FormControlLabel.d.mts +4 -4
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormControlLabel/FormControlLabel.js +5 -8
- package/FormControlLabel/FormControlLabel.mjs +5 -8
- package/FormGroup/FormGroup.d.mts +3 -3
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormGroup/FormGroup.js +2 -5
- package/FormGroup/FormGroup.mjs +2 -5
- package/FormHelperText/FormHelperText.d.mts +3 -3
- package/FormHelperText/FormHelperText.d.ts +3 -3
- package/FormHelperText/FormHelperText.js +2 -5
- package/FormHelperText/FormHelperText.mjs +2 -5
- package/FormLabel/FormLabel.d.mts +5 -5
- package/FormLabel/FormLabel.d.ts +5 -5
- package/FormLabel/FormLabel.js +2 -5
- package/FormLabel/FormLabel.mjs +2 -5
- package/GlobalStyles/GlobalStyles.d.mts +2 -2
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.mts +2 -2
- package/Grid/Grid.d.ts +2 -2
- package/Grid/Grid.js +2 -2
- package/Grid/Grid.mjs +2 -2
- 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 -8
- package/IconButton/IconButton.mjs +1 -8
- 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 +7 -3
- package/Input/Input.d.ts +7 -3
- package/Input/Input.js +6 -0
- package/Input/Input.mjs +6 -0
- package/InputAdornment/InputAdornment.d.mts +2 -2
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputBase/InputBase.d.mts +4 -3
- package/InputBase/InputBase.d.ts +4 -3
- package/InputBase/InputBase.js +50 -15
- package/InputBase/InputBase.mjs +50 -15
- package/InputLabel/InputLabel.d.mts +4 -4
- package/InputLabel/InputLabel.d.ts +4 -4
- package/InputLabel/InputLabel.js +5 -8
- package/InputLabel/InputLabel.mjs +5 -8
- package/LinearProgress/LinearProgress.d.mts +14 -4
- package/LinearProgress/LinearProgress.d.ts +14 -4
- package/LinearProgress/LinearProgress.js +42 -10
- package/LinearProgress/LinearProgress.mjs +42 -10
- 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/List/List.js +2 -1
- package/List/List.mjs +2 -1
- 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 +7 -1
- package/ListItemButton/ListItemButton.mjs +7 -1
- package/ListItemIcon/ListItemIcon.d.mts +3 -3
- package/ListItemIcon/ListItemIcon.d.ts +3 -3
- 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/Menu/Menu.d.mts +4 -4
- package/Menu/Menu.d.ts +4 -4
- package/MenuItem/MenuItem.d.mts +3 -3
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuItem/MenuItem.js +7 -1
- package/MenuItem/MenuItem.mjs +7 -1
- package/MenuList/MenuList.d.mts +4 -4
- package/MenuList/MenuList.d.ts +4 -4
- package/MenuList/MenuList.js +2 -1
- package/MenuList/MenuList.mjs +2 -1
- 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/NativeSelect/NativeSelect.js +2 -5
- package/NativeSelect/NativeSelect.mjs +2 -5
- 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/OutlinedInput/OutlinedInput.js +13 -23
- package/OutlinedInput/OutlinedInput.mjs +13 -23
- package/Pagination/Pagination.d.mts +2 -2
- package/Pagination/Pagination.d.ts +2 -2
- package/PaginationItem/PaginationItem.d.mts +3 -3
- package/PaginationItem/PaginationItem.d.ts +3 -3
- 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 -3
- package/PigmentContainer/PigmentContainer.mjs +2 -3
- package/PigmentGrid/PigmentGrid.d.mts +2 -2
- package/PigmentGrid/PigmentGrid.d.ts +2 -2
- package/PigmentGrid/PigmentGrid.js +2 -2
- package/PigmentGrid/PigmentGrid.mjs +2 -2
- 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 +4 -4
- package/Popover/Popover.d.ts +4 -4
- package/Popper/BasePopper.js +23 -1
- package/Popper/BasePopper.mjs +23 -1
- 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/Select/Select.js +2 -5
- package/Select/Select.mjs +2 -5
- package/Select/SelectInput.js +164 -2
- package/Select/SelectInput.mjs +164 -2
- 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 +73 -50
- package/Slide/Slide.mjs +74 -52
- package/Slider/Slider.d.mts +4 -4
- package/Slider/Slider.d.ts +4 -4
- package/Slider/Slider.js +11 -2
- package/Slider/Slider.mjs +11 -2
- package/Slider/useSlider.d.mts +1 -1
- package/Slider/useSlider.d.ts +1 -1
- package/Slider/useSlider.js +236 -209
- package/Slider/useSlider.mjs +236 -209
- package/Slider/useSlider.types.d.mts +2 -2
- package/Slider/useSlider.types.d.ts +2 -2
- package/Snackbar/Snackbar.d.mts +2 -2
- package/Snackbar/Snackbar.d.ts +2 -2
- package/SnackbarContent/SnackbarContent.d.mts +3 -3
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.mts +2 -2
- package/SpeedDial/SpeedDial.d.ts +2 -2
- 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/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 +2 -2
- package/StepContent/StepContent.d.ts +2 -2
- 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/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 +7 -6
- package/SwipeableDrawer/SwipeableDrawer.mjs +7 -6
- package/Switch/Switch.d.mts +4 -4
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +9 -4
- package/Switch/Switch.mjs +9 -4
- package/Tab/Tab.d.mts +3 -3
- package/Tab/Tab.d.ts +3 -3
- package/TabScrollButton/TabScrollButton.d.mts +2 -2
- package/TabScrollButton/TabScrollButton.d.ts +2 -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 +1 -2
- package/TableSortLabel/TableSortLabel.mjs +1 -2
- package/Tabs/ScrollbarSize.js +2 -1
- package/Tabs/ScrollbarSize.mjs +2 -1
- package/Tabs/Tabs.d.mts +2 -2
- package/Tabs/Tabs.d.ts +2 -2
- package/Tabs/Tabs.js +2 -1
- package/Tabs/Tabs.mjs +2 -1
- 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/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 +2 -2
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Tooltip/Tooltip.js +26 -108
- package/Tooltip/Tooltip.mjs +26 -108
- package/Typography/Typography.d.mts +4 -4
- package/Typography/Typography.d.ts +4 -4
- package/Unstable_TrapFocus/FocusTrap.js +18 -14
- package/Unstable_TrapFocus/FocusTrap.mjs +18 -14
- 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/package.json +7 -7
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeNoVars.mjs +1 -1
- package/styles/responsiveFontSizes.js +19 -8
- package/styles/responsiveFontSizes.mjs +19 -8
- package/styles/useThemeProps.d.mts +3 -3
- package/styles/useThemeProps.d.ts +3 -3
- package/transitions/utils.d.mts +24 -0
- package/transitions/utils.d.ts +24 -0
- package/transitions/utils.js +91 -0
- package/transitions/utils.mjs +88 -0
- package/useAutocomplete/useAutocomplete.d.mts +4 -5
- package/useAutocomplete/useAutocomplete.d.ts +4 -5
- package/useAutocomplete/useAutocomplete.js +166 -53
- package/useAutocomplete/useAutocomplete.mjs +166 -53
- package/utils/contains.d.mts +2 -0
- package/utils/contains.d.ts +2 -0
- package/utils/contains.js +9 -0
- package/utils/contains.mjs +2 -0
- package/utils/focusable.d.mts +7 -0
- package/utils/focusable.d.ts +7 -0
- package/utils/focusable.js +20 -0
- package/utils/focusable.mjs +13 -0
- package/utils/getEventTarget.d.mts +2 -0
- package/utils/getEventTarget.d.ts +2 -0
- package/utils/getEventTarget.js +9 -0
- package/utils/getEventTarget.mjs +2 -0
- package/utils/mergeSlotProps.js +2 -8
- package/utils/mergeSlotProps.mjs +1 -8
- package/version/index.js +3 -3
- package/version/index.mjs +3 -3
- package/FormControl/formControlState.js +0 -21
- package/FormControl/formControlState.mjs +0 -15
package/MenuList/MenuList.d.mts
CHANGED
|
@@ -42,18 +42,18 @@ export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['class
|
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
* A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
|
|
45
|
-
* It's exposed to help customization of the [`Menu`](https://
|
|
45
|
+
* It's exposed to help customization of the [`Menu`](https://mui.com/material-ui/api/menu/) component if you
|
|
46
46
|
* use it separately you need to move focus into the component manually. Once
|
|
47
47
|
* the focus is placed inside the component it is fully keyboard accessible.
|
|
48
48
|
*
|
|
49
49
|
* Demos:
|
|
50
50
|
*
|
|
51
|
-
* - [Menu](https://
|
|
51
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
52
52
|
*
|
|
53
53
|
* API:
|
|
54
54
|
*
|
|
55
|
-
* - [MenuList API](https://
|
|
56
|
-
* - inherits [List API](https://
|
|
55
|
+
* - [MenuList API](https://mui.com/material-ui/api/menu-list/)
|
|
56
|
+
* - inherits [List API](https://mui.com/material-ui/api/list/)
|
|
57
57
|
*/
|
|
58
58
|
declare const MenuList: ExtendList<MenuListTypeMap>;
|
|
59
59
|
export type MenuListProps<RootComponent extends React.ElementType = MenuListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/MenuList/MenuList.d.ts
CHANGED
|
@@ -42,18 +42,18 @@ export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['class
|
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
* A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
|
|
45
|
-
* It's exposed to help customization of the [`Menu`](https://
|
|
45
|
+
* It's exposed to help customization of the [`Menu`](https://mui.com/material-ui/api/menu/) component if you
|
|
46
46
|
* use it separately you need to move focus into the component manually. Once
|
|
47
47
|
* the focus is placed inside the component it is fully keyboard accessible.
|
|
48
48
|
*
|
|
49
49
|
* Demos:
|
|
50
50
|
*
|
|
51
|
-
* - [Menu](https://
|
|
51
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
52
52
|
*
|
|
53
53
|
* API:
|
|
54
54
|
*
|
|
55
|
-
* - [MenuList API](https://
|
|
56
|
-
* - inherits [List API](https://
|
|
55
|
+
* - [MenuList API](https://mui.com/material-ui/api/menu-list/)
|
|
56
|
+
* - inherits [List API](https://mui.com/material-ui/api/list/)
|
|
57
57
|
*/
|
|
58
58
|
declare const MenuList: ExtendList<MenuListTypeMap>;
|
|
59
59
|
export type MenuListProps<RootComponent extends React.ElementType = MenuListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/MenuList/MenuList.js
CHANGED
|
@@ -10,6 +10,7 @@ exports.default = void 0;
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _useRovingTabIndex = require("@mui/utils/useRovingTabIndex");
|
|
13
|
+
var _contains = _interopRequireDefault(require("../utils/contains"));
|
|
13
14
|
var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
|
|
14
15
|
var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
|
|
15
16
|
var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSize"));
|
|
@@ -185,7 +186,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
185
186
|
return null;
|
|
186
187
|
}
|
|
187
188
|
const currentFocus = (0, _getActiveElement.default)((0, _ownerDocument.default)(listRef.current));
|
|
188
|
-
if (currentFocus && listRef.current
|
|
189
|
+
if (currentFocus && (0, _contains.default)(listRef.current, currentFocus)) {
|
|
189
190
|
return currentFocus;
|
|
190
191
|
}
|
|
191
192
|
return focusInitialTarget(true);
|
package/MenuList/MenuList.mjs
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { isItemFocusable } from '@mui/utils/useRovingTabIndex';
|
|
6
|
+
import contains from "../utils/contains.mjs";
|
|
6
7
|
import ownerDocument from "../utils/ownerDocument.mjs";
|
|
7
8
|
import getActiveElement from "../utils/getActiveElement.mjs";
|
|
8
9
|
import getScrollbarSize from "../utils/getScrollbarSize.mjs";
|
|
@@ -178,7 +179,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
178
179
|
return null;
|
|
179
180
|
}
|
|
180
181
|
const currentFocus = getActiveElement(ownerDocument(listRef.current));
|
|
181
|
-
if (currentFocus && listRef.current
|
|
182
|
+
if (currentFocus && contains(listRef.current, currentFocus)) {
|
|
182
183
|
return currentFocus;
|
|
183
184
|
}
|
|
184
185
|
return focusInitialTarget(true);
|
|
@@ -98,11 +98,11 @@ export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots
|
|
|
98
98
|
*
|
|
99
99
|
* Demos:
|
|
100
100
|
*
|
|
101
|
-
* - [Stepper](https://
|
|
101
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
102
102
|
*
|
|
103
103
|
* API:
|
|
104
104
|
*
|
|
105
|
-
* - [MobileStepper API](https://
|
|
106
|
-
* - inherits [Paper API](https://
|
|
105
|
+
* - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
|
|
106
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
107
107
|
*/
|
|
108
108
|
export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;
|
|
@@ -98,11 +98,11 @@ export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots
|
|
|
98
98
|
*
|
|
99
99
|
* Demos:
|
|
100
100
|
*
|
|
101
|
-
* - [Stepper](https://
|
|
101
|
+
* - [Stepper](https://mui.com/material-ui/react-stepper/)
|
|
102
102
|
*
|
|
103
103
|
* API:
|
|
104
104
|
*
|
|
105
|
-
* - [MobileStepper API](https://
|
|
106
|
-
* - inherits [Paper API](https://
|
|
105
|
+
* - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
|
|
106
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
107
107
|
*/
|
|
108
108
|
export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;
|
package/Modal/Modal.d.mts
CHANGED
|
@@ -148,23 +148,23 @@ export declare const ModalRoot: React.FC<ModalRootProps>;
|
|
|
148
148
|
/**
|
|
149
149
|
* Modal is a lower-level construct that is leveraged by the following components:
|
|
150
150
|
*
|
|
151
|
-
* * [Dialog](https://
|
|
152
|
-
* * [Drawer](https://
|
|
153
|
-
* * [Menu](https://
|
|
154
|
-
* * [Popover](https://
|
|
151
|
+
* * [Dialog](https://mui.com/material-ui/api/dialog/)
|
|
152
|
+
* * [Drawer](https://mui.com/material-ui/api/drawer/)
|
|
153
|
+
* * [Menu](https://mui.com/material-ui/api/menu/)
|
|
154
|
+
* * [Popover](https://mui.com/material-ui/api/popover/)
|
|
155
155
|
*
|
|
156
|
-
* If you are creating a modal dialog, you probably want to use the [Dialog](https://
|
|
156
|
+
* If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
|
|
157
157
|
* rather than directly using Modal.
|
|
158
158
|
*
|
|
159
159
|
* This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
|
|
160
160
|
*
|
|
161
161
|
* Demos:
|
|
162
162
|
*
|
|
163
|
-
* - [Modal](https://
|
|
163
|
+
* - [Modal](https://mui.com/material-ui/react-modal/)
|
|
164
164
|
*
|
|
165
165
|
* API:
|
|
166
166
|
*
|
|
167
|
-
* - [Modal API](https://
|
|
167
|
+
* - [Modal API](https://mui.com/material-ui/api/modal/)
|
|
168
168
|
*/
|
|
169
169
|
declare const Modal: OverridableComponent<ModalTypeMap>;
|
|
170
170
|
export type ModalProps<RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ModalTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
|
package/Modal/Modal.d.ts
CHANGED
|
@@ -148,23 +148,23 @@ export declare const ModalRoot: React.FC<ModalRootProps>;
|
|
|
148
148
|
/**
|
|
149
149
|
* Modal is a lower-level construct that is leveraged by the following components:
|
|
150
150
|
*
|
|
151
|
-
* * [Dialog](https://
|
|
152
|
-
* * [Drawer](https://
|
|
153
|
-
* * [Menu](https://
|
|
154
|
-
* * [Popover](https://
|
|
151
|
+
* * [Dialog](https://mui.com/material-ui/api/dialog/)
|
|
152
|
+
* * [Drawer](https://mui.com/material-ui/api/drawer/)
|
|
153
|
+
* * [Menu](https://mui.com/material-ui/api/menu/)
|
|
154
|
+
* * [Popover](https://mui.com/material-ui/api/popover/)
|
|
155
155
|
*
|
|
156
|
-
* If you are creating a modal dialog, you probably want to use the [Dialog](https://
|
|
156
|
+
* If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
|
|
157
157
|
* rather than directly using Modal.
|
|
158
158
|
*
|
|
159
159
|
* This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
|
|
160
160
|
*
|
|
161
161
|
* Demos:
|
|
162
162
|
*
|
|
163
|
-
* - [Modal](https://
|
|
163
|
+
* - [Modal](https://mui.com/material-ui/react-modal/)
|
|
164
164
|
*
|
|
165
165
|
* API:
|
|
166
166
|
*
|
|
167
|
-
* - [Modal API](https://
|
|
167
|
+
* - [Modal API](https://mui.com/material-ui/api/modal/)
|
|
168
168
|
*/
|
|
169
169
|
declare const Modal: OverridableComponent<ModalTypeMap>;
|
|
170
170
|
export type ModalProps<RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ModalTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
|
|
@@ -56,12 +56,12 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
|
|
|
56
56
|
*
|
|
57
57
|
* Demos:
|
|
58
58
|
*
|
|
59
|
-
* - [Select](https://
|
|
59
|
+
* - [Select](https://mui.com/material-ui/react-select/)
|
|
60
60
|
*
|
|
61
61
|
* API:
|
|
62
62
|
*
|
|
63
|
-
* - [NativeSelect API](https://
|
|
64
|
-
* - inherits [Input API](https://
|
|
63
|
+
* - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
|
|
64
|
+
* - inherits [Input API](https://mui.com/material-ui/api/input/)
|
|
65
65
|
*/
|
|
66
66
|
declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & {
|
|
67
67
|
muiName: string;
|
|
@@ -56,12 +56,12 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
|
|
|
56
56
|
*
|
|
57
57
|
* Demos:
|
|
58
58
|
*
|
|
59
|
-
* - [Select](https://
|
|
59
|
+
* - [Select](https://mui.com/material-ui/react-select/)
|
|
60
60
|
*
|
|
61
61
|
* API:
|
|
62
62
|
*
|
|
63
|
-
* - [NativeSelect API](https://
|
|
64
|
-
* - inherits [Input API](https://
|
|
63
|
+
* - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
|
|
64
|
+
* - inherits [Input API](https://mui.com/material-ui/api/input/)
|
|
65
65
|
*/
|
|
66
66
|
declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & {
|
|
67
67
|
muiName: string;
|
|
@@ -12,8 +12,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
14
|
var _NativeSelectInput = _interopRequireDefault(require("./NativeSelectInput"));
|
|
15
|
-
var
|
|
16
|
-
var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
|
|
15
|
+
var _useFormControl = require("../FormControl/useFormControl");
|
|
17
16
|
var _ArrowDropDown = _interopRequireDefault(require("../internal/svg-icons/ArrowDropDown"));
|
|
18
17
|
var _Input = _interopRequireDefault(require("../Input"));
|
|
19
18
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
@@ -47,10 +46,8 @@ const NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps
|
|
|
47
46
|
variant,
|
|
48
47
|
...other
|
|
49
48
|
} = props;
|
|
50
|
-
const
|
|
51
|
-
const fcs = (0, _formControlState.default)({
|
|
49
|
+
const [fcs] = (0, _useFormControl.useFormControlState)({
|
|
52
50
|
props,
|
|
53
|
-
muiFormControl,
|
|
54
51
|
states: ['variant']
|
|
55
52
|
});
|
|
56
53
|
const ownerState = {
|
|
@@ -5,8 +5,7 @@ import clsx from 'clsx';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import composeClasses from '@mui/utils/composeClasses';
|
|
7
7
|
import NativeSelectInput from "./NativeSelectInput.mjs";
|
|
8
|
-
import
|
|
9
|
-
import useFormControl from "../FormControl/useFormControl.mjs";
|
|
8
|
+
import { useFormControlState } from "../FormControl/useFormControl.mjs";
|
|
10
9
|
import ArrowDropDownIcon from "../internal/svg-icons/ArrowDropDown.mjs";
|
|
11
10
|
import Input from "../Input/index.mjs";
|
|
12
11
|
import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
|
|
@@ -40,10 +39,8 @@ const NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps
|
|
|
40
39
|
variant,
|
|
41
40
|
...other
|
|
42
41
|
} = props;
|
|
43
|
-
const
|
|
44
|
-
const fcs = formControlState({
|
|
42
|
+
const [fcs] = useFormControlState({
|
|
45
43
|
props,
|
|
46
|
-
muiFormControl,
|
|
47
44
|
states: ['variant']
|
|
48
45
|
});
|
|
49
46
|
const ownerState = {
|
package/NoSsr/NoSsr.d.mts
CHANGED
|
@@ -12,11 +12,11 @@ import { NoSsrProps } from "./NoSsr.types.mjs";
|
|
|
12
12
|
*
|
|
13
13
|
* Demos:
|
|
14
14
|
*
|
|
15
|
-
* - [No SSR](https://
|
|
15
|
+
* - [No SSR](https://mui.com/material-ui/react-no-ssr/)
|
|
16
16
|
*
|
|
17
17
|
* API:
|
|
18
18
|
*
|
|
19
|
-
* - [NoSsr API](https://
|
|
19
|
+
* - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
|
|
20
20
|
*/
|
|
21
21
|
declare function NoSsr(props: NoSsrProps): React.JSX.Element;
|
|
22
22
|
declare namespace NoSsr {
|
package/NoSsr/NoSsr.d.ts
CHANGED
|
@@ -12,11 +12,11 @@ import { NoSsrProps } from "./NoSsr.types.js";
|
|
|
12
12
|
*
|
|
13
13
|
* Demos:
|
|
14
14
|
*
|
|
15
|
-
* - [No SSR](https://
|
|
15
|
+
* - [No SSR](https://mui.com/material-ui/react-no-ssr/)
|
|
16
16
|
*
|
|
17
17
|
* API:
|
|
18
18
|
*
|
|
19
|
-
* - [NoSsr API](https://
|
|
19
|
+
* - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
|
|
20
20
|
*/
|
|
21
21
|
declare function NoSsr(props: NoSsrProps): React.JSX.Element;
|
|
22
22
|
declare namespace NoSsr {
|
package/NoSsr/NoSsr.js
CHANGED
|
@@ -23,11 +23,11 @@ var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
|
|
|
23
23
|
*
|
|
24
24
|
* Demos:
|
|
25
25
|
*
|
|
26
|
-
* - [No SSR](https://
|
|
26
|
+
* - [No SSR](https://mui.com/material-ui/react-no-ssr/)
|
|
27
27
|
*
|
|
28
28
|
* API:
|
|
29
29
|
*
|
|
30
|
-
* - [NoSsr API](https://
|
|
30
|
+
* - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
|
|
31
31
|
*/
|
|
32
32
|
function NoSsr(props) {
|
|
33
33
|
const {
|
package/NoSsr/NoSsr.mjs
CHANGED
|
@@ -16,11 +16,11 @@ import exactProp from '@mui/utils/exactProp';
|
|
|
16
16
|
*
|
|
17
17
|
* Demos:
|
|
18
18
|
*
|
|
19
|
-
* - [No SSR](https://
|
|
19
|
+
* - [No SSR](https://mui.com/material-ui/react-no-ssr/)
|
|
20
20
|
*
|
|
21
21
|
* API:
|
|
22
22
|
*
|
|
23
|
-
* - [NoSsr API](https://
|
|
23
|
+
* - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
|
|
24
24
|
*/
|
|
25
25
|
function NoSsr(props) {
|
|
26
26
|
const {
|
|
@@ -43,13 +43,13 @@ export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots
|
|
|
43
43
|
*
|
|
44
44
|
* Demos:
|
|
45
45
|
*
|
|
46
|
-
* - [Number Field](https://
|
|
47
|
-
* - [Text Field](https://
|
|
46
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
47
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
48
48
|
*
|
|
49
49
|
* API:
|
|
50
50
|
*
|
|
51
|
-
* - [OutlinedInput API](https://
|
|
52
|
-
* - inherits [InputBase API](https://
|
|
51
|
+
* - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
|
|
52
|
+
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
53
53
|
*/
|
|
54
54
|
declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
|
|
55
55
|
muiName: string;
|
|
@@ -43,13 +43,13 @@ export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots
|
|
|
43
43
|
*
|
|
44
44
|
* Demos:
|
|
45
45
|
*
|
|
46
|
-
* - [Number Field](https://
|
|
47
|
-
* - [Text Field](https://
|
|
46
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
47
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
48
48
|
*
|
|
49
49
|
* API:
|
|
50
50
|
*
|
|
51
|
-
* - [OutlinedInput API](https://
|
|
52
|
-
* - inherits [InputBase API](https://
|
|
51
|
+
* - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
|
|
52
|
+
* - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
|
|
53
53
|
*/
|
|
54
54
|
declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
|
|
55
55
|
muiName: string;
|
|
@@ -12,8 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
|
13
13
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
14
|
var _NotchedOutline = _interopRequireDefault(require("./NotchedOutline"));
|
|
15
|
-
var _useFormControl =
|
|
16
|
-
var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
|
|
15
|
+
var _useFormControl = require("../FormControl/useFormControl");
|
|
17
16
|
var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShouldForwardProp"));
|
|
18
17
|
var _zeroStyled = require("../zero-styled");
|
|
19
18
|
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
@@ -134,26 +133,19 @@ const OutlinedInputInput = (0, _zeroStyled.styled)(_InputBase.InputBaseInput, {
|
|
|
134
133
|
theme
|
|
135
134
|
}) => ({
|
|
136
135
|
padding: '16.5px 14px',
|
|
137
|
-
|
|
138
|
-
|
|
136
|
+
'&:-webkit-autofill': {
|
|
137
|
+
...(!theme.vars && {
|
|
139
138
|
WebkitBoxShadow: theme.palette.mode === 'light' ? null : '0 0 0 100px #266798 inset',
|
|
140
139
|
WebkitTextFillColor: theme.palette.mode === 'light' ? null : '#fff',
|
|
141
|
-
caretColor: theme.palette.mode === 'light' ? null : '#fff'
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
'&:-webkit-autofill': {
|
|
151
|
-
WebkitBoxShadow: '0 0 0 100px #266798 inset',
|
|
152
|
-
WebkitTextFillColor: '#fff',
|
|
153
|
-
caretColor: '#fff'
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
}),
|
|
140
|
+
caretColor: theme.palette.mode === 'light' ? null : '#fff'
|
|
141
|
+
}),
|
|
142
|
+
borderRadius: 'inherit',
|
|
143
|
+
...(theme.vars && theme.applyStyles('dark', {
|
|
144
|
+
WebkitBoxShadow: '0 0 0 100px #266798 inset',
|
|
145
|
+
WebkitTextFillColor: '#fff',
|
|
146
|
+
caretColor: '#fff'
|
|
147
|
+
}))
|
|
148
|
+
},
|
|
157
149
|
variants: [{
|
|
158
150
|
props: {
|
|
159
151
|
size: 'small'
|
|
@@ -201,10 +193,8 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
|
|
|
201
193
|
...other
|
|
202
194
|
} = props;
|
|
203
195
|
const classes = useUtilityClasses(props);
|
|
204
|
-
const muiFormControl = (0, _useFormControl.
|
|
205
|
-
const fcs = (0, _formControlState.default)({
|
|
196
|
+
const [fcs, muiFormControl] = (0, _useFormControl.useFormControlState)({
|
|
206
197
|
props,
|
|
207
|
-
muiFormControl,
|
|
208
198
|
states: ['color', 'disabled', 'error', 'focused', 'hiddenLabel', 'size', 'required']
|
|
209
199
|
});
|
|
210
200
|
const ownerState = {
|
|
@@ -5,8 +5,7 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import refType from '@mui/utils/refType';
|
|
6
6
|
import composeClasses from '@mui/utils/composeClasses';
|
|
7
7
|
import NotchedOutline from "./NotchedOutline.mjs";
|
|
8
|
-
import
|
|
9
|
-
import formControlState from "../FormControl/formControlState.mjs";
|
|
8
|
+
import { useFormControlState } from "../FormControl/useFormControl.mjs";
|
|
10
9
|
import rootShouldForwardProp from "../styles/rootShouldForwardProp.mjs";
|
|
11
10
|
import { styled } from "../zero-styled/index.mjs";
|
|
12
11
|
import memoTheme from "../utils/memoTheme.mjs";
|
|
@@ -127,26 +126,19 @@ const OutlinedInputInput = styled(InputBaseInput, {
|
|
|
127
126
|
theme
|
|
128
127
|
}) => ({
|
|
129
128
|
padding: '16.5px 14px',
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
'&:-webkit-autofill': {
|
|
130
|
+
...(!theme.vars && {
|
|
132
131
|
WebkitBoxShadow: theme.palette.mode === 'light' ? null : '0 0 0 100px #266798 inset',
|
|
133
132
|
WebkitTextFillColor: theme.palette.mode === 'light' ? null : '#fff',
|
|
134
|
-
caretColor: theme.palette.mode === 'light' ? null : '#fff'
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
'&:-webkit-autofill': {
|
|
144
|
-
WebkitBoxShadow: '0 0 0 100px #266798 inset',
|
|
145
|
-
WebkitTextFillColor: '#fff',
|
|
146
|
-
caretColor: '#fff'
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}),
|
|
133
|
+
caretColor: theme.palette.mode === 'light' ? null : '#fff'
|
|
134
|
+
}),
|
|
135
|
+
borderRadius: 'inherit',
|
|
136
|
+
...(theme.vars && theme.applyStyles('dark', {
|
|
137
|
+
WebkitBoxShadow: '0 0 0 100px #266798 inset',
|
|
138
|
+
WebkitTextFillColor: '#fff',
|
|
139
|
+
caretColor: '#fff'
|
|
140
|
+
}))
|
|
141
|
+
},
|
|
150
142
|
variants: [{
|
|
151
143
|
props: {
|
|
152
144
|
size: 'small'
|
|
@@ -194,10 +186,8 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
|
|
|
194
186
|
...other
|
|
195
187
|
} = props;
|
|
196
188
|
const classes = useUtilityClasses(props);
|
|
197
|
-
const muiFormControl =
|
|
198
|
-
const fcs = formControlState({
|
|
189
|
+
const [fcs, muiFormControl] = useFormControlState({
|
|
199
190
|
props,
|
|
200
|
-
muiFormControl,
|
|
201
191
|
states: ['color', 'disabled', 'error', 'focused', 'hiddenLabel', 'size', 'required']
|
|
202
192
|
});
|
|
203
193
|
const ownerState = {
|
|
@@ -70,10 +70,10 @@ export interface PaginationProps extends UsePaginationProps, StandardProps<React
|
|
|
70
70
|
*
|
|
71
71
|
* Demos:
|
|
72
72
|
*
|
|
73
|
-
* - [Pagination](https://
|
|
73
|
+
* - [Pagination](https://mui.com/material-ui/react-pagination/)
|
|
74
74
|
*
|
|
75
75
|
* API:
|
|
76
76
|
*
|
|
77
|
-
* - [Pagination API](https://
|
|
77
|
+
* - [Pagination API](https://mui.com/material-ui/api/pagination/)
|
|
78
78
|
*/
|
|
79
79
|
export default function Pagination(props: PaginationProps): React.JSX.Element;
|
|
@@ -70,10 +70,10 @@ export interface PaginationProps extends UsePaginationProps, StandardProps<React
|
|
|
70
70
|
*
|
|
71
71
|
* Demos:
|
|
72
72
|
*
|
|
73
|
-
* - [Pagination](https://
|
|
73
|
+
* - [Pagination](https://mui.com/material-ui/react-pagination/)
|
|
74
74
|
*
|
|
75
75
|
* API:
|
|
76
76
|
*
|
|
77
|
-
* - [Pagination API](https://
|
|
77
|
+
* - [Pagination API](https://mui.com/material-ui/api/pagination/)
|
|
78
78
|
*/
|
|
79
79
|
export default function Pagination(props: PaginationProps): React.JSX.Element;
|
|
@@ -119,12 +119,12 @@ export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent exten
|
|
|
119
119
|
*
|
|
120
120
|
* Demos:
|
|
121
121
|
*
|
|
122
|
-
* - [Pagination](https://
|
|
122
|
+
* - [Pagination](https://mui.com/material-ui/react-pagination/)
|
|
123
123
|
*
|
|
124
124
|
* API:
|
|
125
125
|
*
|
|
126
|
-
* - [PaginationItem API](https://
|
|
127
|
-
* - inherits [ButtonBase API](https://
|
|
126
|
+
* - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
|
|
127
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
128
128
|
*/
|
|
129
129
|
declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
|
|
130
130
|
export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -119,12 +119,12 @@ export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent exten
|
|
|
119
119
|
*
|
|
120
120
|
* Demos:
|
|
121
121
|
*
|
|
122
|
-
* - [Pagination](https://
|
|
122
|
+
* - [Pagination](https://mui.com/material-ui/react-pagination/)
|
|
123
123
|
*
|
|
124
124
|
* API:
|
|
125
125
|
*
|
|
126
|
-
* - [PaginationItem API](https://
|
|
127
|
-
* - inherits [ButtonBase API](https://
|
|
126
|
+
* - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
|
|
127
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
128
128
|
*/
|
|
129
129
|
declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
|
|
130
130
|
export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Paper/Paper.d.mts
CHANGED
|
@@ -44,13 +44,13 @@ export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.
|
|
|
44
44
|
*
|
|
45
45
|
* Demos:
|
|
46
46
|
*
|
|
47
|
-
* - [Card](https://
|
|
48
|
-
* - [Menubar](https://
|
|
49
|
-
* - [Paper](https://
|
|
47
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
48
|
+
* - [Menubar](https://mui.com/material-ui/react-menubar/)
|
|
49
|
+
* - [Paper](https://mui.com/material-ui/react-paper/)
|
|
50
50
|
*
|
|
51
51
|
* API:
|
|
52
52
|
*
|
|
53
|
-
* - [Paper API](https://
|
|
53
|
+
* - [Paper API](https://mui.com/material-ui/api/paper/)
|
|
54
54
|
*/
|
|
55
55
|
declare const Paper: OverridableComponent<PaperTypeMap>;
|
|
56
56
|
export interface ExtendPaperTypeMap<TypeMap extends OverridableTypeMap, Keys extends string = ''> {
|
package/Paper/Paper.d.ts
CHANGED
|
@@ -44,13 +44,13 @@ export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.
|
|
|
44
44
|
*
|
|
45
45
|
* Demos:
|
|
46
46
|
*
|
|
47
|
-
* - [Card](https://
|
|
48
|
-
* - [Menubar](https://
|
|
49
|
-
* - [Paper](https://
|
|
47
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
48
|
+
* - [Menubar](https://mui.com/material-ui/react-menubar/)
|
|
49
|
+
* - [Paper](https://mui.com/material-ui/react-paper/)
|
|
50
50
|
*
|
|
51
51
|
* API:
|
|
52
52
|
*
|
|
53
|
-
* - [Paper API](https://
|
|
53
|
+
* - [Paper API](https://mui.com/material-ui/api/paper/)
|
|
54
54
|
*/
|
|
55
55
|
declare const Paper: OverridableComponent<PaperTypeMap>;
|
|
56
56
|
export interface ExtendPaperTypeMap<TypeMap extends OverridableTypeMap, Keys extends string = ''> {
|
|
@@ -45,11 +45,11 @@ export type PigmentContainerProps<RootComponent extends React.ElementType = Pigm
|
|
|
45
45
|
*
|
|
46
46
|
* Demos:
|
|
47
47
|
*
|
|
48
|
-
* - [Container](https://
|
|
48
|
+
* - [Container](https://mui.com/material-ui/react-container/)
|
|
49
49
|
*
|
|
50
50
|
* API:
|
|
51
51
|
*
|
|
52
|
-
* - [PigmentContainer API](https://
|
|
52
|
+
* - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
|
|
53
53
|
*/
|
|
54
54
|
declare const PigmentContainer: OverridableComponent<PigmentContainerTypeMap>;
|
|
55
55
|
export default PigmentContainer;
|
|
@@ -45,11 +45,11 @@ export type PigmentContainerProps<RootComponent extends React.ElementType = Pigm
|
|
|
45
45
|
*
|
|
46
46
|
* Demos:
|
|
47
47
|
*
|
|
48
|
-
* - [Container](https://
|
|
48
|
+
* - [Container](https://mui.com/material-ui/react-container/)
|
|
49
49
|
*
|
|
50
50
|
* API:
|
|
51
51
|
*
|
|
52
|
-
* - [PigmentContainer API](https://
|
|
52
|
+
* - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
|
|
53
53
|
*/
|
|
54
54
|
declare const PigmentContainer: OverridableComponent<PigmentContainerTypeMap>;
|
|
55
55
|
export default PigmentContainer;
|
|
@@ -33,11 +33,11 @@ const useUtilityClasses = ownerState => {
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Container](https://
|
|
36
|
+
* - [Container](https://mui.com/material-ui/react-container/)
|
|
37
37
|
*
|
|
38
38
|
* API:
|
|
39
39
|
*
|
|
40
|
-
* - [PigmentContainer API](https://
|
|
40
|
+
* - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
|
|
41
41
|
*/
|
|
42
42
|
const PigmentContainer = /*#__PURE__*/React.forwardRef(function PigmentContainer({
|
|
43
43
|
className,
|
|
@@ -59,7 +59,6 @@ const PigmentContainer = /*#__PURE__*/React.forwardRef(function PigmentContainer
|
|
|
59
59
|
fixed: fixed,
|
|
60
60
|
maxWidth: maxWidth,
|
|
61
61
|
...props,
|
|
62
|
-
// @ts-ignore
|
|
63
62
|
ref: ref
|
|
64
63
|
});
|
|
65
64
|
});
|