Merge branch 'master' of https://github.com/mui/material-ui into pr/3…

…4049

.github/CODEOWNERS

@@ -0,0 +1,195 @@
+/scripts/ @michaldudak @m4theushw
+
+# Packages
+
+/packages/mui-base/ @michaldudak @mnajdova
+/packages/mui-icons-material/ @michaldudak @siriwatknp
+/packages/mui-joy/ @siriwatknp @danilo-leal
+/packages/mui-material/ @mnajdova @danilo-leal
+/packages/mui-system/ @mnajdova @siriwatknp
+
+# Components - Inputs
+
+/packages/mui-base/src/AutocompleteUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/ButtonUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/FormControlUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/InputUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/MultiSelectUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/OptionGroupUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/OptionUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/SelectUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/SliderUnstyled/ @michaldudak @mnajdova
+/packages/mui-base/src/SwitchUnstyled/ @michaldudak @mnajdova
+
+/packages/mui-material/src/Autocomplete/ @michaldudak @mnajdova
+/packages/mui-material/src/Button/ @michaldudak @mnajdova
+/packages/mui-material/src/ButtonBase/ @michaldudak @mnajdova
+/packages/mui-material/src/ButtonGroup/ @michaldudak @mnajdova
+/packages/mui-material/src/Checkbox/ @michaldudak @mnajdova
+/packages/mui-material/src/Fab/ @michaldudak @mnajdova
+/packages/mui-material/src/FilledInput/ @michaldudak @mnajdova
+/packages/mui-material/src/FormControl/ @michaldudak @mnajdova
+/packages/mui-material/src/FormControlLabel/ @michaldudak @mnajdova
+/packages/mui-material/src/FormGroup/ @michaldudak @mnajdova
+/packages/mui-material/src/FormHelperText/ @michaldudak @mnajdova
+/packages/mui-material/src/FormLabel/ @michaldudak @mnajdova
+/packages/mui-material/src/IconButton/ @michaldudak @mnajdova
+/packages/mui-material/src/Input/ @michaldudak @mnajdova
+/packages/mui-material/src/InputAdornment/ @michaldudak @mnajdova
+/packages/mui-material/src/InputBase/ @michaldudak @mnajdova
+/packages/mui-material/src/InputLabel/ @michaldudak @mnajdova
+/packages/mui-material/src/NativeSelect/ @michaldudak @mnajdova
+/packages/mui-material/src/OutlinedInput/ @michaldudak @mnajdova
+/packages/mui-material/src/Radio/ @michaldudak @mnajdova
+/packages/mui-material/src/RadioGroup/ @michaldudak @mnajdova
+/packages/mui-material/src/Rating/ @michaldudak @mnajdova
+/packages/mui-material/src/Select/ @michaldudak @mnajdova
+/packages/mui-material/src/Slider/ @michaldudak @mnajdova
+/packages/mui-material/src/Switch/ @michaldudak @mnajdova
+/packages/mui-material/src/TextField/ @michaldudak @mnajdova
+/packages/mui-material/src/ToggleButton/ @michaldudak @mnajdova
+/packages/mui-material/src/ToggleButtonGroup/ @michaldudak @mnajdova
+/packages/mui-material/src/useAutocomplete/ @michaldudak @mnajdova
+/packages/mui-material/src/useTouchRipple/ @michaldudak @mnajdova
+
+# Components - Data display
+
+/packages/mui-base/src/BadgeUnstyled/ @hbjORbj @siriwatknp @michaldudak
+
+/packages/mui-material/src/Avatar/ @hbjORbj @siriwatknp
+/packages/mui-material/src/AvatarGroup/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Badge/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Chip/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Divider/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Icon/ @hbjORbj @siriwatknp
+/packages/mui-material/src/List/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListItem/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListItemAvatar/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListItemButton/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListItemIcon/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListItemSecondaryAction/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListItemText/ @hbjORbj @siriwatknp
+/packages/mui-material/src/ListSubheader/ @hbjORbj @siriwatknp
+/packages/mui-material/src/SvgIcon/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Table/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableBody/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableCell/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableContainer/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableFooter/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableHead/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TablePagination/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableRow/ @hbjORbj @siriwatknp
+/packages/mui-material/src/TableSortLabel/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Tooltip/ @hbjORbj @siriwatknp
+/packages/mui-material/src/Typography/ @hbjORbj @siriwatknp
+
+# Components - Feedback
+
+/packages/mui-material/src/Alert/ @siriwatknp @hbjORbj
+/packages/mui-material/src/AlertTitle/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Backdrop/ @siriwatknp @hbjORbj
+/packages/mui-material/src/CircularProgress/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Dialog/ @siriwatknp @hbjORbj
+/packages/mui-material/src/DialogActions/ @siriwatknp @hbjORbj
+/packages/mui-material/src/DialogContent/ @siriwatknp @hbjORbj
+/packages/mui-material/src/DialogContentText/ @siriwatknp @hbjORbj
+/packages/mui-material/src/DialogTitle/ @siriwatknp @hbjORbj
+/packages/mui-material/src/LinearProgress/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Snackbar/ @siriwatknp @hbjORbj
+/packages/mui-material/src/SnackbarContent/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Skeleton/ @siriwatknp @hbjORbj
+
+# Components - Surfaces
+
+/packages/mui-material/src/Accordion/ @siriwatknp @hbjORbj
+/packages/mui-material/src/AccordionActions/ @siriwatknp @hbjORbj
+/packages/mui-material/src/AccordionDetails/ @siriwatknp @hbjORbj
+/packages/mui-material/src/AccordionSummary/ @siriwatknp @hbjORbj
+/packages/mui-material/src/AppBar/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Card/ @siriwatknp @hbjORbj
+/packages/mui-material/src/CardActionArea/ @siriwatknp @hbjORbj
+/packages/mui-material/src/CardActions/ @siriwatknp @hbjORbj
+/packages/mui-material/src/CardContent/ @siriwatknp @hbjORbj
+/packages/mui-material/src/CardHeader/ @siriwatknp @hbjORbj
+/packages/mui-material/src/CardMedia/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Paper/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Toolbar/ @siriwatknp @hbjORbj
+/packages/mui-material/src/useScrollTrigger/ @siriwatknp @hbjORbj
+
+# Components - Navigation
+
+/packages/mui-base/src/MenuItemUnstyled/ @hbjORbj @mnajdova @michaldudak
+/packages/mui-base/src/MenuUnstyled/ @hbjORbj @mnajdova @michaldudak
+/packages/mui-base/src/TabPanelUnstyled/ @hbjORbj @mnajdova @michaldudak
+/packages/mui-base/src/TabsListUnstyled/ @hbjORbj @mnajdova @michaldudak
+/packages/mui-base/src/TabsUnstyled/ @hbjORbj @mnajdova @michaldudak
+/packages/mui-base/src/TabUnstyled/ @hbjORbj @mnajdova @michaldudak
+/packages/mui-base/src/TablePaginationUnstyled/ @hbjORbj @mnajdova @michaldudak
+
+/packages/mui-material/src/BottomNavigation/ @hbjORbj @mnajdova
+/packages/mui-material/src/BottomNavigationAction/ @hbjORbj @mnajdova
+/packages/mui-material/src/Breadcrumbs/ @hbjORbj @mnajdova
+/packages/mui-material/src/Drawer/ @hbjORbj @mnajdova
+/packages/mui-material/src/Link/ @hbjORbj @mnajdova
+/packages/mui-material/src/Menu/ @hbjORbj @mnajdova
+/packages/mui-material/src/MenuItem/ @hbjORbj @mnajdova
+/packages/mui-material/src/MenuList/ @hbjORbj @mnajdova
+/packages/mui-material/src/MobileStepper/ @hbjORbj @mnajdova
+/packages/mui-material/src/Pagination/ @hbjORbj @mnajdova
+/packages/mui-material/src/PaginationItem/ @hbjORbj @mnajdova
+/packages/mui-material/src/SpeedDial/ @hbjORbj @mnajdova
+/packages/mui-material/src/SpeedDialAction/ @hbjORbj @mnajdova
+/packages/mui-material/src/SpeedDialIcon/ @hbjORbj @mnajdova
+/packages/mui-material/src/Step/ @hbjORbj @mnajdova
+/packages/mui-material/src/StepButton/ @hbjORbj @mnajdova
+/packages/mui-material/src/StepConnector/ @hbjORbj @mnajdova
+/packages/mui-material/src/StepContent/ @hbjORbj @mnajdova
+/packages/mui-material/src/StepIcon/ @hbjORbj @mnajdova
+/packages/mui-material/src/StepLabel/ @hbjORbj @mnajdova
+/packages/mui-material/src/Stepper/ @hbjORbj @mnajdova
+/packages/mui-material/src/SwipeableDrawer/ @hbjORbj @mnajdova
+/packages/mui-material/src/Tab/ @hbjORbj @mnajdova
+/packages/mui-material/src/Tabs/ @hbjORbj @mnajdova
+/packages/mui-material/src/TabScrollButton/ @hbjORbj @mnajdova
+/packages/mui-material/src/usePagination/ @hbjORbj @mnajdova
+
+# Components - Layout
+
+/packages/mui-material/src/Box/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Container/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Grid/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Hidden/ @siriwatknp @hbjORbj
+/packages/mui-material/src/ImageList/ @siriwatknp @hbjORbj
+/packages/mui-material/src/ImageListItem/ @siriwatknp @hbjORbj
+/packages/mui-material/src/ImageListItemBar/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Stack/ @siriwatknp @hbjORbj
+/packages/mui-material/src/Unstable_Grid2/ @siriwatknp @hbjORbj
+
+# Components - Utils
+
+/packages/mui-base/src/ClickAwayListener/ @mnajdova @michaldudak
+/packages/mui-base/src/ModalUnstyled/ @mnajdova @michaldudak
+/packages/mui-base/src/NoSsr/ @mnajdova @michaldudak
+/packages/mui-base/src/PopperUnstyled/ @mnajdova @michaldudak
+/packages/mui-base/src/Portal/ @mnajdova @michaldudak
+/packages/mui-base/src/TextareaAutosize/ @mnajdova @michaldudak
+/packages/mui-base/src/TrapFocus/ @mnajdova @michaldudak
+
+/packages/mui-material/src/ClickAwayListener/ @mnajdova @michaldudak
+/packages/mui-material/src/Collapse/ @mnajdova @michaldudak
+/packages/mui-material/src/CssBaseline/ @mnajdova @michaldudak
+/packages/mui-material/src/Fade/ @mnajdova @michaldudak
+/packages/mui-material/src/GlobalStyles/ @mnajdova @michaldudak
+/packages/mui-material/src/Grow/ @mnajdova @michaldudak
+/packages/mui-material/src/Modal/ @mnajdova @michaldudak
+/packages/mui-material/src/NoSsr/ @mnajdova @michaldudak
+/packages/mui-material/src/Popover/ @mnajdova @michaldudak
+/packages/mui-material/src/Popper/ @mnajdova @michaldudak
+/packages/mui-material/src/Portal/ @mnajdova @michaldudak
+/packages/mui-material/src/ScopedCssBaseline/ @mnajdova @michaldudak
+/packages/mui-material/src/Slide/ @mnajdova @michaldudak
+/packages/mui-material/src/TextareaAutosize/ @mnajdova @michaldudak
+/packages/mui-material/src/transitions/ @mnajdova @michaldudak
+/packages/mui-material/src/Unstable_TrapFocus/ @mnajdova @michaldudak
+/packages/mui-material/src/useMediaQuery/ @mnajdova @michaldudak
+/packages/mui-material/src/Zoom/ @mnajdova @michaldudak

docs/data/base/components/trap-focus/BasicTrapFocus.js

@@ -1,18 +1,12 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
+import Box from '@mui/system/Box';
 import TrapFocus from '@mui/base/TrapFocus';
 
 export default function BasicTrapFocus() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-      }}
-    >
+    <Box sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
       <button type="button" onClick={() => setOpen(true)}>
         Open
       </button>

docs/data/base/components/trap-focus/BasicTrapFocus.tsx

@@ -1,18 +1,12 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
+import Box from '@mui/system/Box';
 import TrapFocus from '@mui/base/TrapFocus';
 
 export default function BasicTrapFocus() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-      }}
-    >
+    <Box sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
       <button type="button" onClick={() => setOpen(true)}>
         Open
       </button>

docs/data/base/components/trap-focus/ContainedToggleTrappedFocus.js

@@ -1,33 +1,24 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
+import Stack from '@mui/system/Stack';
 import TrapFocus from '@mui/base/TrapFocus';
 
-export default function BasicTrapFocus() {
+export default function ContainedToggleTrappedFocus() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-      }}
-    >
+    <React.Fragment>
       <TrapFocus open={open} disableRestoreFocus disableAutoFocus>
-        <Stack>
-          <Stack alignItems="center">
-            <button type="button" onClick={() => setOpen(!open)}>
-              {open ? 'Close' : 'Open'}
-            </button>
-          </Stack>
+        <Stack alignItems="center" spacing={2}>
+          <button type="button" onClick={() => setOpen(!open)}>
+            {open ? 'Close' : 'Open'}
+          </button>
           {open && (
             <label>
               First name: <input type="text" />
             </label>
           )}
         </Stack>
       </TrapFocus>
-    </Box>
+    </React.Fragment>
   );
 }

docs/data/base/components/trap-focus/ContainedToggleTrappedFocus.tsx

@@ -1,33 +1,24 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
+import Stack from '@mui/system/Stack';
 import TrapFocus from '@mui/base/TrapFocus';
 
-export default function BasicTrapFocus() {
+export default function ContainedToggleTrappedFocus() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-      }}
-    >
+    <React.Fragment>
       <TrapFocus open={open} disableRestoreFocus disableAutoFocus>
-        <Stack>
-          <Stack alignItems="center">
-            <button type="button" onClick={() => setOpen(!open)}>
-              {open ? 'Close' : 'Open'}
-            </button>
-          </Stack>
+        <Stack alignItems="center" spacing={2}>
+          <button type="button" onClick={() => setOpen(!open)}>
+            {open ? 'Close' : 'Open'}
+          </button>
           {open && (
             <label>
               First name: <input type="text" />
             </label>
           )}
         </Stack>
       </TrapFocus>
-    </Box>
+    </React.Fragment>
   );
 }

docs/data/base/components/trap-focus/ContainedToggleTrappedFocus.tsx.preview

@@ -1,14 +1,14 @@
-<TrapFocus open={open} disableRestoreFocus disableAutoFocus>
-  <Stack>
-    <Stack alignItems="center">
+<React.Fragment>
+  <TrapFocus open={open} disableRestoreFocus disableAutoFocus>
+    <Stack alignItems="center" spacing={2}>
       <button type="button" onClick={() => setOpen(!open)}>
         {open ? 'Close' : 'Open'}
       </button>
+      {open && (
+        <label>
+          First name: <input type="text" />
+        </label>
+      )}
     </Stack>
-    {open && (
-      <label>
-        First name: <input type="text" />
-      </label>
-    )}
-  </Stack>
-</TrapFocus>
+  </TrapFocus>
+</React.Fragment>

docs/data/base/components/trap-focus/DisableEnforceFocus.js

@@ -1,18 +1,12 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
+import Box from '@mui/system/Box';
 import TrapFocus from '@mui/base/TrapFocus';
 
 export default function DisableEnforceFocus() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-      }}
-    >
+    <Box sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
       <button type="button" onClick={() => setOpen(true)}>
         Open
       </button>

docs/data/base/components/trap-focus/DisableEnforceFocus.tsx

@@ -1,18 +1,12 @@
 import * as React from 'react';
-import Box from '@mui/material/Box';
+import Box from '@mui/system/Box';
 import TrapFocus from '@mui/base/TrapFocus';
 
 export default function DisableEnforceFocus() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'column',
-      }}
-    >
+    <Box sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
       <button type="button" onClick={() => setOpen(true)}>
         Open
       </button>