cozy-ui 81.6.0 → 81.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [81.7.0](https://github.com/cozy/cozy-ui/compare/v81.6.1-next...v81.7.0-next) (2023-03-21)
+
+
+### Features
+
+* Fake feat to trigger deploy ([87ae9a0](https://github.com/cozy/cozy-ui/commit/87ae9a0))
+
+## [81.6.1](https://github.com/cozy/cozy-ui/compare/v81.6.0...v81.6.1) (2023-03-21)
+
+
+### Bug Fixes
+
+* QualificationListItemInformation component ([2698d9f](https://github.com/cozy/cozy-ui/commit/2698d9f))
+
 # [81.6.0](https://github.com/cozy/cozy-ui/compare/v81.5.0...v81.6.0) (2023-03-17)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "81.6.0",
+  "version": "81.7.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -22,14 +22,14 @@
     "build:css:all": "yarn build:css && yarn build:css:utils && yarn run removeEmptyCss",
     "build:css": "env CSSMODULES=false yarn run stylus-build -o dist/cozy-ui.min.css stylus/cozy-ui/build.styl",
     "build:css:utils": "env CSSMODULES=false yarn run stylus-build -o dist/cozy-ui.utils.min.css stylus/cozy-ui/utils.styl",
-    "build:css:kss": "env CSSMODULES=false yarn run stylus-build -o build/styleguide/app.css stylus/cozy-ui/build.styl",
+    "build:css:kss": "env CSSMODULES=false yarn run stylus-build -o build/next/styleguide/app.css stylus/cozy-ui/build.styl",
     "build:doc": "npm-run-all 'build:doc:*'",
     "build:doc:config": "copyfiles -u 1 docs/*.md docs/_config.yml build",
-    "build:doc:kss": "kss --destination build/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage stylus/styleguide.md --css app.css",
+    "build:doc:kss": "kss --destination build/next/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage stylus/styleguide.md --css app.css",
     "build:doc:react": "styleguidist build --config docs/styleguide.config.js",
     "build:types": "tsc -p tsconfig-build.json",
     "build": "yarn build:types && env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx react/ --out-dir transpiled/react --verbose",
-    "clean:doc:kss": "rm -rf build/styleguide",
+    "clean:doc:kss": "rm -rf build/next/styleguide",
     "deploy:doc": "git-directory-deploy --directory build/ --branch gh-pages",
     "makeSvgr": "scripts/generate-svgr-icon.sh",
     "lint": "npm-run-all 'lint:*'",
@@ -39,12 +39,12 @@
     "palette": "scripts/make-palette.sh",
     "prebuild:css": "mkdir -p dist/ && stylus -C node_modules/normalize.css/normalize.css node_modules/normalize.css/normalize.styl",
     "prebuild:css:utils": "mkdir -p dist/",
-    "prebuild:css:kss": "mkdir -p build/styleguide && stylus -C node_modules/normalize.css/normalize.css node_modules/normalize.css/normalize.styl",
+    "prebuild:css:kss": "mkdir -p build/next/styleguide && stylus -C node_modules/normalize.css/normalize.css node_modules/normalize.css/normalize.styl",
     "prebuild:doc:kss": "run-s clean:doc:kss build:css:kss",
     "makeSpriteAndPalette": "npm-run-all --parallel sprite palette",
     "semantic-release": "semantic-release",
     "sprite": "scripts/make-icon-sprite.sh",
-    "screenshots": "node scripts/screenshots.js --screenshot-dir ./screenshots --styleguide-url file://$(pwd)/build/react --kss-dir ./build/styleguide",
+    "screenshots": "node scripts/screenshots.js --screenshot-dir ./screenshots --styleguide-url file://$(pwd)/build/next/react --kss-dir ./build/next/styleguide",
     "test": "jest",
     "test:noSnapshots": "jest --testPathIgnorePatterns 'react/examples.spec.jsx'",
     "test:snapshots": "jest react/examples.spec.jsx",
@@ -55,7 +55,7 @@
     "start:css": "yarn build:css --watch",
     "prestart:doc": "yarn sprite",
     "start:doc": "env BUILD_ENV=watch-styleguidist styleguidist server --config docs/styleguide.config.js",
-    "start:doc:kss": "nodemon --ext styl,md --watch stylus --exec 'yarn build:doc:kss && http-server build/styleguide -p 4242'",
+    "start:doc:kss": "nodemon --ext styl,md --watch stylus --exec 'yarn build:doc:kss && http-server build/next/styleguide -p 4242'",
     "start": "yarn build --watch",
     "removeEmptyCss": "node scripts/removeEmptyCss.js",
     "optimizeIcons": "svgo -r --folder assets/icons"
@@ -74,6 +74,7 @@
     "@babel/helper-regex": "7.10.5",
     "@cozy/codemods": "^1.9.0",
     "@cozy/minilog": "^1.0.0",
+    "@mui/codemod": "^5.11.5",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "7.0.18",
     "@semantic-release/npm": "9.0.1",
@@ -82,6 +83,7 @@
     "@testing-library/react": "11.2.7",
     "@testing-library/react-hooks": "^3.2.1",
     "@testing-library/user-event": "^14.4.2",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "autoprefixer-stylus": "1.0.0",
     "babel-loader": "8.2.4",
     "babel-plugin-css-modules-transform": "1.6.2",
@@ -89,19 +91,18 @@
     "babel-preset-cozy-app": "2.0.2",
     "browserslist-config-cozy": "0.4.0",
     "copyfiles": "2.4.1",
-    "cozy-client": "^35.2.0",
+    "cozy-client": "^34.8.0",
     "cozy-device-helper": "2.0.0",
     "cozy-flags": "^2.10.1",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": "1.16.1",
     "cozy-logger": "^1.9.0",
     "cozy-sharing": "^3.10.0",
-    "cozy-stack-client": "^35.0.0",
+    "cozy-stack-client": "^34.7.3",
     "css-loader": "0.28.11",
     "cssnano": "4.1.11",
     "cssnano-preset-advanced": "4.0.8",
     "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
     "eslint": "8.11.0",
     "eslint-config-cozy-app": "4.0.0",
@@ -128,8 +129,8 @@
     "pretty": "2.0.0",
     "prop-types": "15.7.2",
     "puppeteer": "10.1.0",
-    "react": "16.12.0",
-    "react-dom": "16.12.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-hot-loader": "^4.3.11",
     "react-redux": "7.2.7",
     "react-styleguidist": "9.1.16",
@@ -153,8 +154,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.3.4",
-    "@material-ui/core": "4.12.3",
-    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@mui/material": "^5.11.4",
+    "@mui/styles": "^5.11.2",
     "@popperjs/core": "^2.4.4",
     "bundlemon": "^1.3.2",
     "chart.js": "3.7.1",
@@ -179,14 +182,14 @@
     "rooks": "^5.11.2"
   },
   "peerDependencies": {
-    "cozy-client": ">=35.2.0",
+    "cozy-client": ">=34.8.0",
     "cozy-device-helper": "^2.0.0",
     "cozy-harvest-lib": "^6.7.3",
     "cozy-intent": ">=1.3.0",
     "cozy-sharing": "^3.10.0",
     "puppeteer": "^1.20.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "peerDependenciesMeta ": {
     "puppeteer": {
@@ -205,5 +208,8 @@
   },
   "browserslist": [
     "extends browserslist-config-cozy"
-  ]
+  ],
+  "publishConfig": {
+    "tag": "next"
+  }
 }

package/react/AccordionActions/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/accordion-actions/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/accordion-actions/).

package/react/AccordionActions/index.js

@@ -1,3 +1,3 @@
-import MuiAccordionActions from '@material-ui/core/AccordionActions'
+import MuiAccordionActions from '@mui/material/AccordionActions'
 
 export default MuiAccordionActions

package/react/ActionMenu/ActionMenuEffects.ts

@@ -2,7 +2,7 @@
 
 // TODO: remove eslint-disable and @ts-ignore rules
 
-import { Theme, useTheme } from '@material-ui/core'
+import { Theme, useTheme } from '@mui/material'
 
 import { isFlagshipApp } from 'cozy-device-helper'
 

package/react/ActionMenu/NotInlineWrapper.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { usePopper } from 'react-popper'
-import ClickAwayListener from '@material-ui/core/ClickAwayListener'
+import ClickAwayListener from '@mui/material/ClickAwayListener'
 
 import { getCssVariableValue } from '../utils/color'
 

package/react/ActionMenu/__snapshots__/index.spec.jsx.snap

@@ -128,12 +128,12 @@ exports[`ActionMenu should render as expected 1`] = `
       class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
     >
       <p
-        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
+        class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom css-4w42zc-MuiTypography-root"
       >
         Item 4
       </p>
       <span
-        class="MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary"
+        class="MuiTypography-root MuiTypography-caption css-ol7wxs-MuiTypography-root"
       >
         Descriptive text to elaborate on what item 3 does.
       </span>

package/react/Alert/index.jsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
 import merge from 'lodash/merge'
-import MuiAlert from '@material-ui/lab/Alert'
+import MuiAlert from '@mui/material/Alert'
 
 import { makeStyles } from '../styles'
 import Icon from '../Icon'

package/react/AlertTitle/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/alert-title/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/alert-title/).

package/react/AlertTitle/index.jsx

@@ -1,3 +1,3 @@
-import MuiAlertTitle from '@material-ui/lab/AlertTitle'
+import AlertTitle from '@mui/material/AlertTitle'
 
-export default MuiAlertTitle
+export default AlertTitle

package/react/AppBar/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/app-bar/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/app-bar/).

package/react/AppBar/index.js

@@ -1,3 +1,3 @@
-import MuiAppBar from '@material-ui/core/AppBar'
+import MuiAppBar from '@mui/material/AppBar'
 
 export default MuiAppBar

package/react/AppTitle/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import cx from 'classnames'
-import Typography from '@material-ui/core/Typography'
+import Typography from '@mui/material/Typography'
 import PropTypes from 'prop-types'
 import styles from './styles.styl'
 

package/react/Backdrop/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/backdrop/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/backdrop/).

package/react/Backdrop/index.js

@@ -1,3 +1,3 @@
-import MuiBackdrop from '@material-ui/core/Backdrop'
+import MuiBackdrop from '@mui/material/Backdrop'
 
 export default MuiBackdrop

package/react/Badge/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
-import MuiBadge from '@material-ui/core/Badge'
+import MuiBadge from '@mui/material/Badge'
 
 const Badge = ({
   classes = {},

package/react/BottomNavigation/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/bottom-navigation/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/bottom-navigation/).

package/react/BottomNavigation/index.js

@@ -1,3 +1,3 @@
-import MuiBottomNavigation from '@material-ui/core/BottomNavigation'
+import MuiBottomNavigation from '@mui/material/BottomNavigation'
 
 export default MuiBottomNavigation

package/react/BottomNavigationAction/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/bottom-navigation-action/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/bottom-navigation-action/).

package/react/BottomNavigationAction/index.js

@@ -1,3 +1,3 @@
-import MuiBottomNavigationAction from '@material-ui/core/BottomNavigationAction'
+import MuiBottomNavigationAction from '@mui/material/BottomNavigationAction'
 
 export default MuiBottomNavigationAction

package/react/BottomSheet/BottomSheet.jsx

@@ -10,8 +10,8 @@ import React, {
 import PropTypes from 'prop-types'
 import { BottomSheet as MuiBottomSheet } from 'mui-bottom-sheet'
 import { useTimeoutWhen } from 'rooks'
-import Fade from '@material-ui/core/Fade'
-import Portal from '@material-ui/core/Portal'
+import Fade from '@mui/material/Fade'
+import Portal from '@mui/material/Portal'
 
 import { getFlagshipMetadata } from 'cozy-device-helper'
 

package/react/BottomSheet/README.md

@@ -123,25 +123,25 @@ const settings = state.mediumHeight === undefined && state.mediumHeightRatio ===
       <div>
         <TextField
           type="number"
-          margin="dense"
+          size="small"
           label="mediumHeight"
           variant="outlined"
           helperText="Height of the medium snap point"
           onChange={handleChangeMediumHeight}
         />
         <TextField
-          className="u-ml-0-s u-ml-half"
+          className="u-ml-0-s u-ml-half u-mt-1-s"
           type="number"
-          margin="dense"
+          size="small"
           label="mediumHeightRatio"
           variant="outlined"
           helperText="Height ratio of the medium snap point"
           onChange={handleChangeMediumHeightRatio}
         />
         <TextField
-          className="u-ml-0-s u-ml-half"
+          className="u-ml-0-s u-ml-half u-mt-1-s"
           type="number"
-          margin="dense"
+          size="small"
           label="offset"
           variant="outlined"
           helperText="Bottom offset"

package/react/Box/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/box/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/box/).

package/react/Box/index.js

@@ -1,3 +1,3 @@
-import MuiBox from '@material-ui/core/Box'
+import MuiBox from '@mui/material/Box'
 
 export default MuiBox

package/react/Breadcrumbs/Readme.md

@@ -6,13 +6,13 @@ context.
 
 ```jsx
 import { Component } from 'react'
-import Breadcrumbs from 'cozy-ui/transpiled/react/Breadcrumbs';
-import Icon from 'cozy-ui/transpiled/react/Icon';
+import Breadcrumbs from 'cozy-ui/transpiled/react/Breadcrumbs'
+import Icon from 'cozy-ui/transpiled/react/Icon'
 import FileIcon from 'cozy-ui/transpiled/react/Icons/File'
 import FolderIcon from 'cozy-ui/transpiled/react/Icons/Folder'
 
 const items = [
-  { 
+  {
     name: 'Joe Hisaishi',
     items: [
       {
@@ -24,7 +24,7 @@ const items = [
       }
     ]
   },
-  { name: 'Rodrigo y Gabriella', 
+  { name: 'Rodrigo y Gabriella',
     items: [
       { name: 'Hanuman' },
       { name: 'Tamacun' }
@@ -80,6 +80,8 @@ class Example extends Component {
   }
 }
 
+;
+
 <>
   <Example />
 </>

package/react/Breadcrumbs/index.jsx

@@ -4,7 +4,7 @@ import cx from 'classnames'
 import styles from './styles.styl'
 import Icon from '../Icon'
 import Typography from '../Typography'
-import IconButton from '@material-ui/core/IconButton'
+import IconButton from '@mui/material/IconButton'
 import LeftIcon from '../Icons/Left'
 
 const BreadcrumbSeparator = () => (

package/react/Buttons/index.jsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
 
-import MuiButton from '@material-ui/core/Button'
+import MuiButton from '@mui/material/Button'
 
 import Icon from '../Icon'
 import SpinnerIcon from '../Icons/Spinner'

package/react/CardActionArea/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-action-area/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-action-area/).

package/react/CardActionArea/index.js

@@ -1,3 +1,3 @@
-import MuiCardActionArea from '@material-ui/core/CardActionArea'
+import MuiCardActionArea from '@mui/material/CardActionArea'
 
 export default MuiCardActionArea

package/react/CardActions/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-actions/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-actions/).

package/react/CardActions/index.js

@@ -1,3 +1,3 @@
-import MuiCardActions from '@material-ui/core/CardActions'
+import MuiCardActions from '@mui/material/CardActions'
 
 export default MuiCardActions

package/react/CardContent/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-content/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-content/).

package/react/CardContent/index.js

@@ -1,3 +1,3 @@
-import MuiCardContent from '@material-ui/core/CardContent'
+import MuiCardContent from '@mui/material/CardContent'
 
 export default MuiCardContent

package/react/CardHeader/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-header/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-header/).

package/react/CardHeader/index.js

@@ -1,3 +1,3 @@
-import MuiCardHeader from '@material-ui/core/CardHeader'
+import MuiCardHeader from '@mui/material/CardHeader'
 
 export default MuiCardHeader

package/react/CardMedia/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/card-media/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/card-media/).

package/react/CardMedia/index.js

@@ -1,3 +1,3 @@
-import MuiCardMedia from '@material-ui/core/CardMedia'
+import MuiCardMedia from '@mui/material/CardMedia'
 
 export default MuiCardMedia

package/react/Checkbox/index.jsx

@@ -2,8 +2,8 @@ import React from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 
-import MUICheckbox from '@material-ui/core/Checkbox'
-import FormControlLabel from '@material-ui/core/FormControlLabel'
+import MUICheckbox from '@mui/material/Checkbox'
+import FormControlLabel from '@mui/material/FormControlLabel'
 
 import createDepreciationLogger from '../helpers/createDepreciationLogger'
 

package/react/Chips/index.jsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
-import MuiChip from '@material-ui/core/Chip'
+import MuiChip from '@mui/material/Chip'
 
 const Chips = forwardRef(
   (

package/react/CircleButton/index.jsx

@@ -38,6 +38,7 @@ const CircleButton = ({
   disabled,
   fullWidth = false,
   children,
+  size,
   ...props
 }) => {
   const styles = useStyles({ active: variant === 'active', disabled })
@@ -52,7 +53,12 @@ const CircleButton = ({
       flexBasis="64px"
       padding="8px 0 4px 0"
     >
-      <IconButton className={styles.iconButton} disabled={disabled} {...props}>
+      <IconButton
+        className={styles.iconButton}
+        disabled={disabled}
+        size={size}
+        {...props}
+      >
         {children}
       </IconButton>
       {label && (
@@ -75,7 +81,12 @@ CircleButton.propTypes = {
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   variant: PropTypes.oneOf(['default', 'active']),
   disabled: PropTypes.bool,
-  fullWidth: PropTypes.bool
+  fullWidth: PropTypes.bool,
+  size: PropTypes.string
+}
+
+CircleButton.defaultProps = {
+  size: 'large'
 }
 
 export default CircleButton

package/react/CircularProgress/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/circular-progress/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/circular-progress/).

package/react/CircularProgress/index.js

@@ -1,3 +1,3 @@
-import MuiCircularProgress from '@material-ui/core/CircularProgress'
+import MuiCircularProgress from '@mui/material/CircularProgress'
 
 export default MuiCircularProgress

package/react/ClickAwayListener/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/click-away-listener/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/click-away-listener/).

package/react/ClickAwayListener/index.js

@@ -1,3 +1,3 @@
-import MuiClickAwayListener from '@material-ui/core/ClickAwayListener'
+import MuiClickAwayListener from '@mui/material/ClickAwayListener'
 
 export default MuiClickAwayListener

package/react/Collapse/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/collapse/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/collapse/).

package/react/Collapse/index.js

@@ -1,3 +1,3 @@
-import MuiCollapse from '@material-ui/core/Collapse'
+import MuiCollapse from '@mui/material/Collapse'
 
 export default MuiCollapse

package/react/ContactsList/__snapshots__/ContactRow.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`ContactRow should match the contact snapshot 1`] = `
 <li
-  className="MuiListItem-root MuiListItem-gutters"
+  className="MuiListItem-root MuiListItem-gutters MuiListItem-padding css-1p823my-MuiListItem-root"
   data-testid="contact-listItem"
   disabled={false}
   onClick={[Function]}
@@ -29,7 +29,7 @@ exports[`ContactRow should match the contact snapshot 1`] = `
       </span>
     </div>
     <p
-      className="MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline"
+      className="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom MuiTypography-noWrap u-ml-1 css-anxs48-MuiTypography-root"
       data-testid="ContactName"
     >
       <span

package/react/ContactsListModal/AddContact/AddContactContent.jsx

@@ -1,4 +1,4 @@
-import { Typography } from '@material-ui/core'
+import { Typography } from '@mui/material'
 import React from 'react'
 
 import Icon from '../../Icon'

package/react/ContactsListModal/MobileHeader.jsx

@@ -4,8 +4,8 @@ import CozyTheme from '../CozyTheme'
 import Icon from '../Icon'
 import PreviousIcon from '../Icons/Previous'
 import Paper from '../Paper'
-import IconButton from '@material-ui/core/IconButton'
-import Input from '@material-ui/core/Input'
+import IconButton from '@mui/material/IconButton'
+import Input from '@mui/material/Input'
 
 const barStyle = {
   height: 48

package/react/ContactsListModal/index.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
-import TextField from '@material-ui/core/TextField'
+import TextField from '@mui/material/TextField'
 
 import { Q, fetchPolicies, useClient, useQuery } from 'cozy-client'
 
@@ -104,7 +104,6 @@ const ContactsListModal = ({
             <Button
               className={isMobile && 'u-mt-1'}
               variant="secondary"
-              theme="secondary"
               label={addContactLabel}
               startIcon={<Icon icon={PlusIcon} />}
               onClick={setShowAddDialog}

package/react/Container/Readme.md

@@ -1 +1 @@
-Re-export of @material-ui. See [the official API](https://v4.mui.com/api/container/).
+Re-export of @material-ui. See [the official API](https://mui.com/material-ui/api/container/).

package/react/Container/index.js

@@ -1,3 +1,3 @@
-import MuiContainer from '@material-ui/core/Container'
+import MuiContainer from '@mui/material/Container'
 
 export default MuiContainer

package/react/CozyDialogs/DialogTransition.jsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
-import MuiSlide from '@material-ui/core/Slide'
-import MuiGrow from '@material-ui/core/Grow'
+import MuiSlide from '@mui/material/Slide'
+import MuiGrow from '@mui/material/Grow'
 
 const DialogTransition = forwardRef(
   ({ fullScreen, isFullscreen, ...props }, ref) => {