-
-
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/src/components/search/index.jsx b/src/components/search/index.jsx
index 7f660e2388..c9bf591909 100644
--- a/src/components/search/index.jsx
+++ b/src/components/search/index.jsx
@@ -21,10 +21,10 @@
import React from 'react';
import lunr from 'lunr';
import { Link, withRouter } from 'react-router-dom';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import IconButton from '@material-ui/core/IconButton';
-import ClearIcon from '@material-ui/icons/Clear';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import IconButton from '@mui/material/IconButton';
+import ClearIcon from '@mui/icons-material/Clear';
import fetchSearchData from './../../utils/fetch_search_data.js';
import packageDescription from './../../utils/package_description.js';
import deprefix from './../../utils/deprefix_package_name.js';
@@ -278,7 +278,7 @@ class Search extends React.Component {
Search Results
-
+
@@ -149,6 +150,7 @@ class DownloadButton extends React.Component {
title="Download documentation for offline access"
onClick={ this._onDownloadClick }
aria-label="download documentation"
+ size="large"
>
diff --git a/src/components/top-nav/download_progress_bar.jsx b/src/components/top-nav/download_progress_bar.jsx
index e1fdf9df75..10fa93ca3e 100644
--- a/src/components/top-nav/download_progress_bar.jsx
+++ b/src/components/top-nav/download_progress_bar.jsx
@@ -19,7 +19,7 @@
// MODULES //
import React from 'react';
-import LinearProgress from '@material-ui/core/LinearProgress';
+import LinearProgress from '@mui/material/LinearProgress';
// MAIN //
diff --git a/src/components/top-nav/pkg-menu/index.jsx b/src/components/top-nav/pkg-menu/index.jsx
index bb3c0cb120..1d0828d0bf 100644
--- a/src/components/top-nav/pkg-menu/index.jsx
+++ b/src/components/top-nav/pkg-menu/index.jsx
@@ -19,8 +19,8 @@
// MODULES //
import React, { Fragment } from 'react';
-import IconButton from '@material-ui/core/IconButton';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import IconButton from '@mui/material/IconButton';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import pkgPath from './../../../utils/pkg_doc_path.js';
import Benchmarks from './benchmarks.jsx';
import Docs from './docs.jsx';
@@ -108,6 +108,7 @@ class PackageMenu extends React.Component {
aria-controls="top-nav-package-menu"
aria-expanded={ this.props.open }
aria-haspopup="menu"
+ size="large"
>
diff --git a/src/components/top-nav/search_input.jsx b/src/components/top-nav/search_input.jsx
index e134b7336f..9a742c16d3 100644
--- a/src/components/top-nav/search_input.jsx
+++ b/src/components/top-nav/search_input.jsx
@@ -19,9 +19,9 @@
// MODULES //
import React, { Fragment } from 'react';
-import InputBase from '@material-ui/core/InputBase';
-import IconButton from '@material-ui/core/IconButton';
-import SearchIcon from '@material-ui/icons/Search';
+import InputBase from '@mui/material/InputBase';
+import IconButton from '@mui/material/IconButton';
+import SearchIcon from '@mui/icons-material/Search';
// MAIN //
@@ -139,6 +139,7 @@ class SearchInput extends React.Component {
className="icon-button top-nav-search-button"
onClick={ this._onSubmitClick }
aria-label="search"
+ size="large"
>
diff --git a/src/components/top-nav/side-menu/drawer.jsx b/src/components/top-nav/side-menu/drawer.jsx
index 47af9e0d87..92156358ad 100644
--- a/src/components/top-nav/side-menu/drawer.jsx
+++ b/src/components/top-nav/side-menu/drawer.jsx
@@ -22,11 +22,11 @@ import React, { Fragment } from 'react';
import { Link } from 'react-router-dom';
import { debounce } from 'throttle-debounce';
import scrollIntoView from 'scroll-into-view-if-needed';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import Collapse from '@material-ui/core/Collapse';
-import Drawer from '@material-ui/core/Drawer';
-import IconButton from '@material-ui/core/IconButton';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import Collapse from '@mui/material/Collapse';
+import Drawer from '@mui/material/Drawer';
+import IconButton from '@mui/material/IconButton';
import pkgPath from './../../../utils/pkg_doc_path.js';
import packageTree from './../../../utils/package_tree.js';
import namespaces from './../../../utils/namespace_list.js';
diff --git a/src/components/top-nav/side-menu/filter.jsx b/src/components/top-nav/side-menu/filter.jsx
index 1d2aedb78a..f5babf2be4 100644
--- a/src/components/top-nav/side-menu/filter.jsx
+++ b/src/components/top-nav/side-menu/filter.jsx
@@ -19,7 +19,7 @@
// MODULES //
import React from 'react';
-import ClearIcon from '@material-ui/icons/Clear';
+import ClearIcon from '@mui/icons-material/Clear';
// MAIN //
diff --git a/src/components/top-nav/side-menu/head.jsx b/src/components/top-nav/side-menu/head.jsx
index 7277f1cbe6..216f246556 100644
--- a/src/components/top-nav/side-menu/head.jsx
+++ b/src/components/top-nav/side-menu/head.jsx
@@ -20,8 +20,8 @@
import React from 'react';
import { Link } from 'react-router-dom';
-import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
-import IconButton from '@material-ui/core/IconButton';
+import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
+import IconButton from '@mui/material/IconButton';
import config from './../../../config.js';
import Logo from './logo.jsx';
@@ -52,6 +52,7 @@ function SideMenuHead( props ) {
edge="start"
title="Close documentation navigation menu"
aria-label="close drawer"
+ size="large"
>
diff --git a/src/components/top-nav/side-menu/open_button.jsx b/src/components/top-nav/side-menu/open_button.jsx
index f5c72fbf3a..51645bea1f 100644
--- a/src/components/top-nav/side-menu/open_button.jsx
+++ b/src/components/top-nav/side-menu/open_button.jsx
@@ -19,8 +19,8 @@
// MODULES //
import React from 'react';
-import IconButton from '@material-ui/core/IconButton';
-import MenuIcon from '@material-ui/icons/Menu';
+import IconButton from '@mui/material/IconButton';
+import MenuIcon from '@mui/icons-material/Menu';
// MAIN //
@@ -44,6 +44,7 @@ function OpenButton( props ) {
title="Open documentation navigation menu"
aria-label="open drawer"
aria-pressed={ ( props.hide ) ? 'true' : 'false' }
+ size="large"
>