From 951d62073f4235461d02d80001ace61d6b19c920 Mon Sep 17 00:00:00 2001
From: sajadevo <nawabisajadahmad@gmail.com>
Date: Tue, 22 Feb 2022 22:42:19 +0430
Subject: [PATCH 1/3] Update to v3.1.0

---
 .eslintrc.json                                |  1 +
 CHANGELOG.md                                  | 44 +++++++++++++
 ISSUE_TEMPLATE.md                             |  2 +-
 README.md                                     |  2 +-
 package.json                                  | 62 ++++++++++---------
 public/index.html                             |  4 +-
 src/App.js                                    | 14 ++---
 src/assets/theme/base/borders.js              | 18 +++---
 src/assets/theme/base/boxShadows.js           | 18 +++---
 src/assets/theme/base/breakpoints.js          | 14 +++--
 src/assets/theme/base/colors.js               | 15 +++--
 src/assets/theme/base/globals.js              | 13 ++--
 src/assets/theme/base/typography.js           | 24 +++----
 src/assets/theme/components/appBar.js         | 10 +--
 src/assets/theme/components/avatar.js         | 12 ++--
 src/assets/theme/components/breadcrumbs.js    | 12 ++--
 .../theme/components/button/contained.js      | 14 +++--
 src/assets/theme/components/button/index.js   | 24 +++----
 .../theme/components/button/outlined.js       | 14 +++--
 src/assets/theme/components/button/root.js    | 14 +++--
 src/assets/theme/components/button/text.js    | 14 +++--
 src/assets/theme/components/buttonBase.js     | 10 +--
 .../theme/components/card/cardContent.js      | 12 ++--
 src/assets/theme/components/card/cardMedia.js | 14 +++--
 src/assets/theme/components/card/index.js     | 14 +++--
 src/assets/theme/components/container.js      | 14 +++--
 .../theme/components/dialog/dialogActions.js  | 12 ++--
 .../theme/components/dialog/dialogContent.js  | 14 +++--
 .../components/dialog/dialogContentText.js    | 14 +++--
 .../theme/components/dialog/dialogTitle.js    | 14 +++--
 src/assets/theme/components/dialog/index.js   | 12 ++--
 src/assets/theme/components/divider.js        | 14 +++--
 .../theme/components/form/autocomplete.js     | 14 +++--
 src/assets/theme/components/form/checkbox.js  | 14 +++--
 .../theme/components/form/formControlLabel.js | 14 +++--
 src/assets/theme/components/form/formLabel.js | 12 ++--
 src/assets/theme/components/form/input.js     | 12 ++--
 src/assets/theme/components/form/inputBase.js | 12 ++--
 src/assets/theme/components/form/radio.js     | 14 +++--
 src/assets/theme/components/form/select.js    | 14 +++--
 .../theme/components/form/switchButton.js     | 14 +++--
 src/assets/theme/components/icon.js           | 12 ++--
 src/assets/theme/components/iconButton.js     | 12 ++--
 src/assets/theme/components/linearProgress.js | 14 +++--
 src/assets/theme/components/link.js           | 10 +--
 src/assets/theme/components/list/index.js     | 10 +--
 src/assets/theme/components/list/listItem.js  | 10 +--
 .../theme/components/list/listItemText.js     | 10 +--
 src/assets/theme/components/menu/index.js     | 14 +++--
 src/assets/theme/components/menu/menuItem.js  | 14 +++--
 src/assets/theme/components/popover.js        | 14 +++--
 src/assets/theme/components/sidenav.js        | 14 +++--
 src/assets/theme/components/slider.js         | 14 +++--
 src/assets/theme/components/stepper/index.js  | 14 +++--
 src/assets/theme/components/stepper/step.js   | 12 ++--
 .../theme/components/stepper/stepConnector.js | 12 ++--
 .../theme/components/stepper/stepIcon.js      | 14 +++--
 .../theme/components/stepper/stepLabel.js     | 14 +++--
 src/assets/theme/components/svgIcon.js        | 12 ++--
 .../theme/components/table/tableCell.js       | 14 +++--
 .../theme/components/table/tableContainer.js  | 12 ++--
 .../theme/components/table/tableHead.js       | 14 +++--
 src/assets/theme/components/tabs/index.js     | 14 +++--
 src/assets/theme/components/tabs/tab.js       | 14 +++--
 src/assets/theme/components/tooltip.js        | 14 +++--
 src/assets/theme/functions/boxShadow.js       |  8 +--
 .../theme/functions/gradientChartLine.js      |  8 +--
 src/assets/theme/functions/hexToRgb.js        |  6 +-
 src/assets/theme/functions/linearGradient.js  |  6 +-
 src/assets/theme/functions/pxToRem.js         |  6 +-
 src/assets/theme/functions/rgba.js            |  8 +--
 src/assets/theme/index.js                     | 12 ++--
 src/assets/theme/theme-rtl.js                 | 12 ++--
 src/components/SuiAlert/SuiAlertCloseIcon.js  |  4 +-
 src/components/SuiAlert/SuiAlertRoot.js       |  4 +-
 src/components/SuiAlert/index.js              |  6 +-
 src/components/SuiAvatar/SuiAvatarRoot.js     |  4 +-
 src/components/SuiAvatar/index.js             |  4 +-
 src/components/SuiBadge/SuiBadgeRoot.js       |  4 +-
 src/components/SuiBadge/index.js              |  4 +-
 src/components/SuiBox/SuiBoxRoot.js           |  4 +-
 src/components/SuiBox/index.js                |  4 +-
 src/components/SuiButton/SuiButtonRoot.js     |  4 +-
 src/components/SuiButton/index.js             |  2 +-
 .../SuiInput/SuiInputIconBoxRoot.js           |  4 +-
 src/components/SuiInput/SuiInputIconRoot.js   |  4 +-
 src/components/SuiInput/SuiInputRoot.js       |  4 +-
 .../SuiInput/SuiInputWithIconRoot.js          |  4 +-
 src/components/SuiInput/index.js              |  6 +-
 .../SuiPagination/SuiPaginationItemRoot.js    |  6 +-
 src/components/SuiPagination/index.js         | 13 ++--
 src/components/SuiProgress/SuiProgressRoot.js |  4 +-
 src/components/SuiProgress/index.js           |  6 +-
 .../SuiTypography/SuiTypographyRoot.js        |  4 +-
 src/components/SuiTypography/index.js         |  4 +-
 src/context/index.js                          | 18 +++---
 src/examples/Breadcrumbs/index.js             |  6 +-
 .../Cards/BlogCards/DefaultBlogCard/index.js  |  6 +-
 .../BlogCards/TransparentBlogCard/index.js    |  6 +-
 .../CounterCards/OutlinedCounterCard/index.js |  8 +--
 .../Cards/InfoCards/DefaultInfoCard/index.js  |  6 +-
 .../Cards/InfoCards/ProfileInfoCard/index.js  |  8 +--
 src/examples/Cards/MasterCard/index.js        |  6 +-
 src/examples/Cards/PlaceholderCard/index.js   |  6 +-
 .../PricingCards/DefaultPricingCard/index.js  |  6 +-
 .../ProjectCards/DefaultProjectCard/index.js  |  6 +-
 .../MiniStatisticsCard/index.js               |  6 +-
 .../HorizontalBarChart/configs/index.js       |  6 +-
 .../BarCharts/HorizontalBarChart/index.js     |  8 +--
 .../ReportsBarChart/ReportsBarChartItem.js    |  8 +--
 .../ReportsBarChart/configs/index.js          |  4 +-
 .../Charts/BarCharts/ReportsBarChart/index.js |  8 +--
 .../VerticalBarChart/configs/index.js         |  6 +-
 .../BarCharts/VerticalBarChart/index.js       |  8 +--
 .../Charts/BubbleChart/configs/index.js       |  6 +-
 src/examples/Charts/BubbleChart/index.js      |  8 +--
 .../DefaultDoughnutChart/configs/index.js     |  6 +-
 .../DefaultDoughnutChart/index.js             |  6 +-
 .../DefaultLineChart/configs/index.js         |  6 +-
 .../LineCharts/DefaultLineChart/index.js      |  8 +--
 .../GradientLineChart/configs/index.js        |  6 +-
 .../LineCharts/GradientLineChart/index.js     | 10 +--
 .../Charts/MixedChart/configs/index.js        |  6 +-
 src/examples/Charts/MixedChart/index.js       | 10 +--
 src/examples/Charts/PieChart/configs/index.js |  6 +-
 src/examples/Charts/PieChart/index.js         |  6 +-
 .../Charts/PolarChart/configs/index.js        |  6 +-
 src/examples/Charts/PolarChart/index.js       |  6 +-
 .../Charts/RadarChart/configs/index.js        |  4 +-
 src/examples/Charts/RadarChart/index.js       | 10 +--
 src/examples/Configurator/ConfiguratorRoot.js |  4 +-
 src/examples/Configurator/index.js            |  8 +--
 src/examples/Footer/index.js                  |  8 +--
 src/examples/Icons/Basket.js                  |  6 +-
 src/examples/Icons/CreditCard.js              |  6 +-
 src/examples/Icons/Cube.js                    |  6 +-
 src/examples/Icons/CustomerSupport.js         |  6 +-
 src/examples/Icons/Document.js                |  6 +-
 src/examples/Icons/Office.js                  |  6 +-
 src/examples/Icons/Settings.js                |  6 +-
 src/examples/Icons/Shop.js                    |  6 +-
 src/examples/Icons/SpaceShip.js               |  6 +-
 src/examples/Items/NotificationItem/index.js  |  6 +-
 .../LayoutContainers/DashboardLayout/index.js |  8 +--
 .../LayoutContainers/PageLayout/index.js      |  8 +--
 src/examples/Lists/ProfilesList/index.js      |  6 +-
 src/examples/Navbars/DashboardNavbar/index.js | 10 +--
 .../Navbars/DashboardNavbar/styles.js         |  4 +-
 .../DefaultNavbar/DefaultNavbarLink.js        |  4 +-
 .../DefaultNavbar/DefaultNavbarMobile.js      |  6 +-
 src/examples/Navbars/DefaultNavbar/index.js   | 10 +--
 src/examples/Sidenav/SidenavCard.js           |  8 +--
 src/examples/Sidenav/SidenavCollapse.js       |  8 +--
 src/examples/Sidenav/SidenavRoot.js           |  4 +-
 src/examples/Sidenav/index.js                 | 10 +--
 src/examples/Sidenav/styles/sidenav.js        |  4 +-
 .../Sidenav/styles/sidenavCollapse.js         |  4 +-
 src/examples/Tables/Table/index.js            |  8 +--
 src/examples/Timeline/TimelineItem/index.js   |  6 +-
 src/examples/Timeline/TimelineItem/styles.js  |  4 +-
 src/examples/Timeline/TimelineList/index.js   |  6 +-
 src/examples/Timeline/context/index.js        |  4 +-
 src/index.js                                  |  4 +-
 .../components/BasicLayout/index.js           |  8 +--
 .../components/CoverLayout/index.js           |  8 +--
 .../authentication/components/Footer/index.js |  6 +-
 .../components/IllustrationLayout/index.js    | 10 +--
 .../components/Separator/index.js             |  6 +-
 .../components/Socials/index.js               |  6 +-
 src/layouts/authentication/sign-in/index.js   |  4 +-
 src/layouts/authentication/sign-up/index.js   |  4 +-
 src/layouts/billing/components/Bill/index.js  |  4 +-
 .../components/BillingInformation/index.js    |  4 +-
 .../billing/components/Invoice/index.js       |  4 +-
 .../billing/components/Invoices/index.js      |  4 +-
 .../billing/components/PaymentMethod/index.js |  4 +-
 .../billing/components/Transaction/index.js   |  4 +-
 .../billing/components/Transactions/index.js  |  4 +-
 src/layouts/billing/index.js                  |  6 +-
 .../components/BuildByDevelopers/index.js     |  4 +-
 .../components/OrderOverview/index.js         |  6 +-
 .../dashboard/components/Projects/index.js    |  4 +-
 .../components/WorkWithTheRockets/index.js    |  4 +-
 .../dashboard/data/gradientLineChartData.js   |  8 ++-
 .../dashboard/data/reportsBarChartData.js     |  8 ++-
 src/layouts/dashboard/index.js                |  6 +-
 .../profile/components/Header/index.js        | 12 ++--
 .../components/PlatformSettings/index.js      |  8 +--
 src/layouts/profile/data/profilesListData.js  | 10 +--
 src/layouts/profile/index.js                  |  8 +--
 .../rtl/components/BuildByDevelopers/index.js |  4 +-
 .../rtl/components/OrderOverview/index.js     |  6 +-
 src/layouts/rtl/components/Projects/index.js  |  4 +-
 .../components/WorkWithTheRockets/index.js    |  4 +-
 src/layouts/rtl/data/gradientLineChartData.js |  8 ++-
 src/layouts/rtl/data/reportsBarChartData.js   |  8 ++-
 src/layouts/rtl/index.js                      |  6 +-
 src/layouts/tables/data/authorsTableData.js   |  4 +-
 src/layouts/tables/data/projectsTableData.js  |  4 +-
 src/layouts/tables/index.js                   |  6 +-
 .../components/BaseLayout/index.js            | 12 ++--
 .../components/BaseLayout/styles.js           |  4 +-
 .../components/Emails/index.js                |  6 +-
 .../components/MediaPlayer/index.js           |  6 +-
 .../components/Messages/index.js              |  6 +-
 .../components/TodoCard/index.js              |  6 +-
 .../components/TodoList/index.js              |  6 +-
 src/layouts/virtual-reality/index.js          |  8 +--
 src/routes.js                                 |  4 +-
 209 files changed, 998 insertions(+), 816 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index fc5047ea..aef398db 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -19,6 +19,7 @@
         "endOfLine": "auto"
       }
     ],
+    "default-param-last": "off",
     "react/react-in-jsx-scope": "off",
     "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
     "react/jsx-props-no-spreading": [
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e484e891..ed4ddc90 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,49 @@
 # Change Log
 
+## [3.1.0] 2022-02-23
+
+### Bug fixing
+
+- Momoized the context provider values
+- Fix the conditionally used of useContext for SuiPagination component
+- Fix the import/no-anonymouse-default-export
+
+### Major style changes
+
+### Deleted components
+
+### Added components
+
+### Deleted dependencies
+
+### Added dependencies
+
+### Updated dependencies
+
+```
+@emotion/cache                       11.4.0         →         11.7.1
+@emotion/react                       11.4.1         →         11.8.1
+@emotion/styled                      11.3.0         →         11.8.1
+@mui/icons-material                  5.1.1          →         5.4.2
+@mui/material                        5.1.1          →         5.4.3
+@mui/styled-engine                   5.1.1          →         5.4.2
+@testing-library/jest-dom            5.11.4         →         5.16.2
+@testing-library/react               11.1.0         →         12.1.3
+@testing-library/user-event          12.1.10        →         13.5.0
+chroma-js                            2.1.2          →         2.4.2
+prop-types                           15.7.2         →         15.8.1
+react-countup                        5.2.0          →         6.1.1
+react-router-dom                     5.2.0          →         6.2.1
+react-scripts                        4.0.3          →         5.0.0
+stylis                               4.0.10         →         4.0.13
+stylis-plugin-rtl                    2.1.0          →         2.1.14
+web-vitals                           1.0.1          →         2.1.4
+```
+
+### Warning
+
+There is a warnings related to the stylis-plugin-rtl dependency that won't affect on the behavior of the product its something with the library itself.
+
 ## [3.0.0] 2021-11-23
 
 ### Bug fixing
diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md
index a8b4b893..cbacded0 100644
--- a/ISSUE_TEMPLATE.md
+++ b/ISSUE_TEMPLATE.md
@@ -1,7 +1,7 @@
 <!--
  IMPORTANT: Please use the following link to create a new issue:
 
-  https://www.creative-tim.com/new-issue/soft-ui-dashboard-material-ui
+  https://www.creative-tim.com/new-issue/soft-ui-dashboard-react
 
 **If your issue was not created using the app above, it will be closed immediately.**
 -->
diff --git a/README.md b/README.md
index e53f4a79..e466dc0c 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 ![version](https://img.shields.io/badge/version-3.0.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/soft-ui-dashboard-react.svg)](https://github.com/creativetimofficial/soft-ui-dashboard-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/soft-ui-dashboard-react.svg)](https://github.com/creativetimofficial/soft-ui-dashboard-react/issues?q=is%3Aissue+is%3Aclosed)
 
-![Image](https://s3.amazonaws.com/creativetim_bucket/products/500/original/soft-ui-dashboard-material-ui.jpg?1632195046)
+![Image](https://s3.amazonaws.com/creativetim_bucket/products/500/original/soft-ui-dashboard-material-ui.jpg)
 
 Start your Development with an Innovative Admin Template for MUI and React. If you like the look & feel of the hottest design trend right now, Soft UI, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.
 
diff --git a/package.json b/package.json
index efc1a913..efa8847f 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
   "name": "soft-ui-dashboard-react",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": true,
   "author": "Creative Tim",
   "license": "See license in https://www.creative-tim.com/license",
-  "description": "Material UI version of Soft UI Dashboard by Creative Tim",
-  "homepage": "https://demos.creative-tim.com/soft-ui-dashboard-react/#/dashboard",
+  "description": "ReactJS version of Soft UI Dashboard by Creative Tim",
+  "homepage": "https://demos.creative-tim.com/soft-ui-dashboard-react/#/",
   "bugs": {
     "url": "https://github.com/creativetimofficial/soft-ui-dashboard-react/issues"
   },
@@ -13,31 +13,35 @@
     "type": "git",
     "url": "git+https://github.com/creativetimofficial/soft-ui-dashboard-react.git"
   },
+  "engines": {
+    "node": "14 || 15 || 16",
+    "npm": ">=6"
+  },
   "dependencies": {
-    "@emotion/cache": "11.4.0",
-    "@emotion/react": "11.4.1",
-    "@emotion/styled": "11.3.0",
-    "@mui/icons-material": "5.1.1",
-    "@mui/material": "5.1.1",
-    "@mui/styled-engine": "5.1.1",
-    "@testing-library/jest-dom": "5.11.4",
-    "@testing-library/react": "11.1.0",
-    "@testing-library/user-event": "12.1.10",
+    "@emotion/cache": "11.7.1",
+    "@emotion/react": "11.8.1",
+    "@emotion/styled": "11.8.1",
+    "@mui/icons-material": "5.4.2",
+    "@mui/material": "5.4.3",
+    "@mui/styled-engine": "5.4.2",
+    "@testing-library/jest-dom": "5.16.2",
+    "@testing-library/react": "12.1.3",
+    "@testing-library/user-event": "13.5.0",
     "chart.js": "3.4.1",
-    "chroma-js": "2.1.2",
-    "prop-types": "15.7.2",
+    "chroma-js": "2.4.2",
+    "prop-types": "15.8.1",
     "react": "17.0.2",
     "react-chartjs-2": "3.0.4",
-    "react-countup": "5.2.0",
+    "react-countup": "6.1.1",
     "react-dom": "17.0.2",
     "react-flatpickr": "3.10.7",
     "react-github-btn": "1.2.1",
-    "react-router-dom": "5.2.0",
-    "react-scripts": "4.0.3",
-    "stylis": "4.0.10",
-    "stylis-plugin-rtl": "2.1.0",
+    "react-router-dom": "6.2.1",
+    "react-scripts": "5.0.0",
+    "stylis": "4.0.13",
+    "stylis-plugin-rtl": "2.1.1",
     "uuid": "8.3.2",
-    "web-vitals": "1.0.1"
+    "web-vitals": "2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -65,14 +69,14 @@
     ]
   },
   "devDependencies": {
-    "eslint": "7.30.0",
-    "eslint-config-airbnb": "18.2.1",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-import": "2.23.4",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-react": "7.24.0",
-    "eslint-plugin-react-hooks": "4.2.0",
-    "prettier": "2.3.2"
+    "eslint": "8.9.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-prettier": "8.4.0",
+    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-prettier": "4.0.0",
+    "eslint-plugin-react": "7.28.0",
+    "eslint-plugin-react-hooks": "4.3.0",
+    "prettier": "2.5.1"
   }
 }
diff --git a/public/index.html b/public/index.html
index 8d4dd578..05de7d04 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,10 +1,10 @@
 <!--
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/App.js b/src/App.js
index 887cb8e9..5cee47cb 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,14 +23,14 @@ import { ThemeProvider } from "@mui/material/styles";
 import CssBaseline from "@mui/material/CssBaseline";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import Sidenav from "examples/Sidenav";
 import Configurator from "examples/Configurator";
 
-// Soft UI Dashboard PRO React themes
+// Soft UI Dashboard React themes
 import theme from "assets/theme";
 import themeRTL from "assets/theme/theme-rtl";
 
@@ -39,10 +39,10 @@ import rtlPlugin from "stylis-plugin-rtl";
 import { CacheProvider } from "@emotion/react";
 import createCache from "@emotion/cache";
 
-// Soft UI Dashboard PRO React routes
+// Soft UI Dashboard React routes
 import routes from "routes";
 
-// Soft UI Dashboard PRO React contexts
+// Soft UI Dashboard React contexts
 import { useSoftUIController, setMiniSidenav, setOpenConfigurator } from "context";
 
 // Images
diff --git a/src/assets/theme/base/borders.js b/src/assets/theme/base/borders.js
index 24939519..c1de1560 100644
--- a/src/assets/theme/base/borders.js
+++ b/src/assets/theme/base/borders.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,20 +14,20 @@ Coded by www.creative-tim.com
 */
 
 /**
- * The base border styles for the Soft UI Dashboard PRO Material.
+ * The base border styles for the Soft UI Dashboard React.
  * You can add new border width, border color or border radius using this file.
- * You can customized the borders value for the entire Soft UI Dashboard PRO Material using thie file.
+ * You can customized the borders value for the entire Soft UI Dashboard React using thie file.
  */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { grey } = colors;
 
-export default {
+const borders = {
   borderColor: grey[300],
 
   borderWidth: {
@@ -49,3 +49,5 @@ export default {
     section: pxToRem(160),
   },
 };
+
+export default borders;
diff --git a/src/assets/theme/base/boxShadows.js b/src/assets/theme/base/boxShadows.js
index a2278cea..16cdf871 100644
--- a/src/assets/theme/base/boxShadows.js
+++ b/src/assets/theme/base/boxShadows.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,20 +14,20 @@ Coded by www.creative-tim.com
 */
 
 /**
- * The base box-shadow styles for the Soft UI Dashboard PRO Material.
+ * The base box-shadow styles for the Soft UI Dashboard React.
  * You can add new box-shadow using this file.
- * You can customized the box-shadow for the entire Soft UI Dashboard PRO Material using thie file.
+ * You can customized the box-shadow for the entire Soft UI Dashboard React using thie file.
  */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import boxShadow from "assets/theme/functions/boxShadow";
 
 const { black, white, info, inputColors, tabs } = colors;
 
-export default {
+const boxShadows = {
   xs: boxShadow([0, 2], [9, -5], black.main, 0.15),
   sm: boxShadow([0, 5], [10, 0], black.main, 0.12),
   md: `${boxShadow([0, 4], [6, -1], black.light, 0.12)}, ${boxShadow(
@@ -78,3 +78,5 @@ export default {
     indicator: boxShadow([0, 1], [5, 1], tabs.indicator.boxShadow, 1),
   },
 };
+
+export default boxShadows;
diff --git a/src/assets/theme/base/breakpoints.js b/src/assets/theme/base/breakpoints.js
index 7aa2e3b3..168ecf76 100644
--- a/src/assets/theme/base/breakpoints.js
+++ b/src/assets/theme/base/breakpoints.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,12 +14,12 @@ Coded by www.creative-tim.com
 */
 
 /**
- * The base breakpoints for the Soft UI Dashboard PRO Material.
+ * The base breakpoints for the Soft UI Dashboard React.
  * You can add new breakpoints using this file.
- * You can customized the breakpoints for the entire Soft UI Dashboard PRO Material using thie file.
+ * You can customized the breakpoints for the entire Soft UI Dashboard React using thie file.
  */
 
-export default {
+const breakpoints = {
   values: {
     xs: 0,
     sm: 576,
@@ -29,3 +29,5 @@ export default {
     xxl: 1400,
   },
 };
+
+export default breakpoints;
diff --git a/src/assets/theme/base/colors.js b/src/assets/theme/base/colors.js
index 0ad5c298..6a9d5830 100644
--- a/src/assets/theme/base/colors.js
+++ b/src/assets/theme/base/colors.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,12 +14,12 @@ Coded by www.creative-tim.com
 */
 
 /**
- * The base colors for the Soft UI Dashboard PRO Material.
+ * The base colors for the Soft UI Dashboard React.
  * You can add new color using this file.
- * You can customized the colors for the entire Soft UI Dashboard PRO Material using thie file.
+ * You can customized the colors for the entire Soft UI Dashboard React using thie file.
  */
 
-export default {
+const colors = {
   background: {
     default: "#f8f9fa",
   },
@@ -76,6 +76,7 @@ export default {
 
   light: {
     main: "#e9ecef",
+    focus: "#e9ecef",
   },
 
   dark: {
@@ -310,3 +311,5 @@ export default {
     indicator: { boxShadow: "#ddd" },
   },
 };
+
+export default colors;
diff --git a/src/assets/theme/base/globals.js b/src/assets/theme/base/globals.js
index 3dad5f0e..f6c904b9 100644
--- a/src/assets/theme/base/globals.js
+++ b/src/assets/theme/base/globals.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,11 +13,12 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 
 const { info, dark } = colors;
-export default {
+
+const globals = {
   html: {
     scrollBehavior: "smooth",
   },
@@ -36,3 +37,5 @@ export default {
     color: `${info.main} !important`,
   },
 };
+
+export default globals;
diff --git a/src/assets/theme/base/typography.js b/src/assets/theme/base/typography.js
index 5ffe8eb0..810c5df6 100644
--- a/src/assets/theme/base/typography.js
+++ b/src/assets/theme/base/typography.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,15 +14,15 @@ Coded by www.creative-tim.com
 */
 
 /**
- * The base typography styles for the Soft UI Dashboard PRO Material.
+ * The base typography styles for the Soft UI Dashboard React.
  * You can add new typography style using this file.
- * You can customized the typography styles for the entire Soft UI Dashboard PRO Material using thie file.
+ * You can customized the typography styles for the entire Soft UI Dashboard React using thie file.
  */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { dark } = colors;
@@ -36,7 +36,7 @@ const baseProperties = {
   fontSizeXXS: pxToRem(10.4),
   fontSizeXS: pxToRem(12),
   fontSizeSM: pxToRem(14),
-  fontSizeRegular: pxToRem(16),
+  fontSizeMD: pxToRem(16),
   fontSizeLG: pxToRem(18),
   fontSizeXL: pxToRem(20),
 };
@@ -106,7 +106,7 @@ const typography = {
 
   subtitle2: {
     fontFamily: baseProperties.fontFamily,
-    fontSize: baseProperties.fontSizeRegular,
+    fontSize: baseProperties.fontSizeMD,
     fontWeight: baseProperties.fontWeightMedium,
     lineHeight: 1.6,
   },
@@ -120,7 +120,7 @@ const typography = {
 
   body2: {
     fontFamily: baseProperties.fontFamily,
-    fontSize: baseProperties.fontSizeRegular,
+    fontSize: baseProperties.fontSizeMD,
     fontWeight: baseProperties.fontWeightRegular,
     lineHeight: 1.6,
   },
@@ -178,14 +178,14 @@ const typography = {
     xxs: baseProperties.fontSizeXXS,
     xs: baseProperties.fontSizeXS,
     sm: baseProperties.fontSizeSM,
-    regular: baseProperties.fontSizeRegular,
+    md: baseProperties.fontSizeMD,
     lg: baseProperties.fontSizeLG,
     xl: baseProperties.fontSizeXL,
   },
 
   lineHeight: {
     sm: 1.25,
-    regular: 1.5,
+    md: 1.5,
     lg: 2,
   },
 };
diff --git a/src/assets/theme/components/appBar.js b/src/assets/theme/components/appBar.js
index 738bc43c..11ed6745 100644
--- a/src/assets/theme/components/appBar.js
+++ b/src/assets/theme/components/appBar.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const appBar = {
   defaultProps: {
     color: "transparent",
   },
@@ -24,3 +24,5 @@ export default {
     },
   },
 };
+
+export default appBar;
diff --git a/src/assets/theme/components/avatar.js b/src/assets/theme/components/avatar.js
index b100da15..4107043d 100644
--- a/src/assets/theme/components/avatar.js
+++ b/src/assets/theme/components/avatar.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,12 +13,12 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 
 const { borderRadius } = borders;
 
-export default {
+const avatar = {
   styleOverrides: {
     root: {
       transition: "all 200ms ease-in-out",
@@ -33,3 +33,5 @@ export default {
     },
   },
 };
+
+export default avatar;
diff --git a/src/assets/theme/components/breadcrumbs.js b/src/assets/theme/components/breadcrumbs.js
index af8ced1e..fcb4eaa8 100644
--- a/src/assets/theme/components/breadcrumbs.js
+++ b/src/assets/theme/components/breadcrumbs.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,14 +13,14 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 
 const { grey } = colors;
 const { size } = typography;
 
-export default {
+const breadcrumbs = {
   styleOverrides: {
     li: {
       lineHeight: 0,
@@ -32,3 +32,5 @@ export default {
     },
   },
 };
+
+export default breadcrumbs;
diff --git a/src/assets/theme/components/button/contained.js b/src/assets/theme/components/button/contained.js
index cf4be414..4b0cce15 100644
--- a/src/assets/theme/components/button/contained.js
+++ b/src/assets/theme/components/button/contained.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 import boxShadows from "assets/theme/base/boxShadows";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { white, text, info, secondary } = colors;
 const { size } = typography;
 const { buttonBoxShadow } = boxShadows;
 
-export default {
+const contained = {
   base: {
     backgroundColor: white.main,
     minHeight: pxToRem(40),
@@ -102,3 +102,5 @@ export default {
     },
   },
 };
+
+export default contained;
diff --git a/src/assets/theme/components/button/index.js b/src/assets/theme/components/button/index.js
index efecf46c..4f691620 100644
--- a/src/assets/theme/components/button/index.js
+++ b/src/assets/theme/components/button/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,13 +13,13 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Button Styles
+// Soft UI Dashboard React Button Styles
 import root from "assets/theme/components/button/root";
 import contained from "assets/theme/components/button/contained";
 import outlined from "assets/theme/components/button/outlined";
-import text from "assets/theme/components/button/text";
+import buttonText from "assets/theme/components/button/text";
 
-export default {
+const button = {
   defaultProps: {
     disableRipple: true,
   },
@@ -35,10 +35,12 @@ export default {
     outlinedSizeLarge: { ...outlined.large },
     outlinedPrimary: { ...outlined.primary },
     outlinedSecondary: { ...outlined.secondary },
-    text: { ...text.base },
-    textSizeSmall: { ...text.small },
-    textSizeLarge: { ...text.large },
-    textPrimary: { ...text.primary },
-    textSecondary: { ...text.secondary },
+    text: { ...buttonText.base },
+    textSizeSmall: { ...buttonText.small },
+    textSizeLarge: { ...buttonText.large },
+    textPrimary: { ...buttonText.primary },
+    textSecondary: { ...buttonText.secondary },
   },
 };
+
+export default button;
diff --git a/src/assets/theme/components/button/outlined.js b/src/assets/theme/components/button/outlined.js
index 048c4b86..ac019788 100644
--- a/src/assets/theme/components/button/outlined.js
+++ b/src/assets/theme/components/button/outlined.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 import boxShadows from "assets/theme/base/boxShadows";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { transparent, light, info, secondary } = colors;
 const { size } = typography;
 const { buttonBoxShadow } = boxShadows;
 
-export default {
+const outlined = {
   base: {
     minHeight: pxToRem(42),
     color: light.main,
@@ -92,3 +92,5 @@ export default {
     },
   },
 };
+
+export default outlined;
diff --git a/src/assets/theme/components/button/root.js b/src/assets/theme/components/button/root.js
index 8ab373b9..679b3a68 100644
--- a/src/assets/theme/components/button/root.js
+++ b/src/assets/theme/components/button/root.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import typography from "assets/theme/base/typography";
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { fontWeightBold, size } = typography;
 const { borderRadius } = borders;
 
-export default {
+const root = {
   display: "inline-flex",
   justifyContent: "center",
   alignItems: "center",
@@ -53,3 +53,5 @@ export default {
     marginTop: pxToRem(-2),
   },
 };
+
+export default root;
diff --git a/src/assets/theme/components/button/text.js b/src/assets/theme/components/button/text.js
index b6c0383b..5c06f7fc 100644
--- a/src/assets/theme/components/button/text.js
+++ b/src/assets/theme/components/button/text.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { transparent, info, secondary, grey } = colors;
 const { size } = typography;
 
-export default {
+const buttonText = {
   base: {
     backgroundColor: transparent.main,
     height: "max-content",
@@ -105,3 +105,5 @@ export default {
     },
   },
 };
+
+export default buttonText;
diff --git a/src/assets/theme/components/buttonBase.js b/src/assets/theme/components/buttonBase.js
index fe5dc55c..964ca907 100644
--- a/src/assets/theme/components/buttonBase.js
+++ b/src/assets/theme/components/buttonBase.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,8 +13,10 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const buttonBase = {
   defaultProps: {
     disableRipple: true,
   },
 };
+
+export default buttonBase;
diff --git a/src/assets/theme/components/card/cardContent.js b/src/assets/theme/components/card/cardContent.js
index 4447a69b..ca9cc735 100644
--- a/src/assets/theme/components/card/cardContent.js
+++ b/src/assets/theme/components/card/cardContent.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,10 +13,10 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
-export default {
+const cardContent = {
   styleOverrides: {
     root: {
       marginTop: 0,
@@ -25,3 +25,5 @@ export default {
     },
   },
 };
+
+export default cardContent;
diff --git a/src/assets/theme/components/card/cardMedia.js b/src/assets/theme/components/card/cardMedia.js
index 810b27bf..6efb0231 100644
--- a/src/assets/theme/components/card/cardMedia.js
+++ b/src/assets/theme/components/card/cardMedia.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,15 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React Helper Functions
+// Soft UI Dashboard React Helper Functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { borderRadius } = borders;
 
-export default {
+const cardMedia = {
   styleOverrides: {
     root: {
       borderRadius: borderRadius.xl,
@@ -33,3 +33,5 @@ export default {
     },
   },
 };
+
+export default cardMedia;
diff --git a/src/assets/theme/components/card/index.js b/src/assets/theme/components/card/index.js
index ed08cd08..b829411b 100644
--- a/src/assets/theme/components/card/index.js
+++ b/src/assets/theme/components/card/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 import boxShadows from "assets/theme/base/boxShadows";
 
-// Soft UI Dashboard PRO React Helper Function
+// Soft UI Dashboard React Helper Function
 import rgba from "assets/theme/functions/rgba";
 
 const { black, white } = colors;
 const { borderWidth, borderRadius } = borders;
 const { xxl } = boxShadows;
 
-export default {
+const card = {
   styleOverrides: {
     root: {
       display: "flex",
@@ -41,3 +41,5 @@ export default {
     },
   },
 };
+
+export default card;
diff --git a/src/assets/theme/components/container.js b/src/assets/theme/components/container.js
index e83d9dbc..d00dca0f 100644
--- a/src/assets/theme/components/container.js
+++ b/src/assets/theme/components/container.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,10 +13,10 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import breakpoints from "assets/theme/base/breakpoints";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const {
@@ -38,7 +38,7 @@ const sharedClasses = {
   position: "relative",
 };
 
-export default {
+const container = {
   [SM]: {
     ".MuiContainer-root": {
       ...sharedClasses,
@@ -70,3 +70,5 @@ export default {
     },
   },
 };
+
+export default container;
diff --git a/src/assets/theme/components/dialog/dialogActions.js b/src/assets/theme/components/dialog/dialogActions.js
index 5aaf0470..bff8cd0b 100644
--- a/src/assets/theme/components/dialog/dialogActions.js
+++ b/src/assets/theme/components/dialog/dialogActions.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,13 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
-export default {
+const dialogActions = {
   styleOverrides: {
     root: {
       padding: pxToRem(16),
     },
   },
 };
+
+export default dialogActions;
diff --git a/src/assets/theme/components/dialog/dialogContent.js b/src/assets/theme/components/dialog/dialogContent.js
index e4e9fa3e..815ea381 100644
--- a/src/assets/theme/components/dialog/dialogContent.js
+++ b/src/assets/theme/components/dialog/dialogContent.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { size } = typography;
 const { text } = colors;
 const { borderWidth, borderColor } = borders;
 
-export default {
+const dialogContent = {
   styleOverrides: {
     root: {
       padding: pxToRem(16),
@@ -39,3 +39,5 @@ export default {
     },
   },
 };
+
+export default dialogContent;
diff --git a/src/assets/theme/components/dialog/dialogContentText.js b/src/assets/theme/components/dialog/dialogContentText.js
index 51a45975..6642cef1 100644
--- a/src/assets/theme/components/dialog/dialogContentText.js
+++ b/src/assets/theme/components/dialog/dialogContentText.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 // import pxToRem from "assets/theme/functions/pxToRem";
 
 const { size } = typography;
 const { text } = colors;
 
-export default {
+const dialogContentText = {
   styleOverrides: {
     root: {
       fontSize: size.md,
@@ -31,3 +31,5 @@ export default {
     },
   },
 };
+
+export default dialogContentText;
diff --git a/src/assets/theme/components/dialog/dialogTitle.js b/src/assets/theme/components/dialog/dialogTitle.js
index 42b02649..2e046c06 100644
--- a/src/assets/theme/components/dialog/dialogTitle.js
+++ b/src/assets/theme/components/dialog/dialogTitle.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,15 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { size } = typography;
 
-export default {
+const dialogTitle = {
   styleOverrides: {
     root: {
       padding: pxToRem(16),
@@ -29,3 +29,5 @@ export default {
     },
   },
 };
+
+export default dialogTitle;
diff --git a/src/assets/theme/components/dialog/index.js b/src/assets/theme/components/dialog/index.js
index cb6e949d..eb24433f 100644
--- a/src/assets/theme/components/dialog/index.js
+++ b/src/assets/theme/components/dialog/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,14 +13,14 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 import boxShadows from "assets/theme/base/boxShadows";
 
 const { borderRadius } = borders;
 const { xxl } = boxShadows;
 
-export default {
+const dialog = {
   styleOverrides: {
     paper: {
       borderRadius: borderRadius.lg,
@@ -32,3 +32,5 @@ export default {
     },
   },
 };
+
+export default dialog;
diff --git a/src/assets/theme/components/divider.js b/src/assets/theme/components/divider.js
index 423a76d7..4ea53942 100644
--- a/src/assets/theme/components/divider.js
+++ b/src/assets/theme/components/divider.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,16 +13,16 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import rgba from "assets/theme/functions/rgba";
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { dark, transparent, white } = colors;
 
-export default {
+const divider = {
   styleOverrides: {
     root: {
       backgroundColor: transparent.main,
@@ -64,3 +64,5 @@ export default {
     },
   },
 };
+
+export default divider;
diff --git a/src/assets/theme/components/form/autocomplete.js b/src/assets/theme/components/form/autocomplete.js
index ddd01030..58f3d36c 100644
--- a/src/assets/theme/components/form/autocomplete.js
+++ b/src/assets/theme/components/form/autocomplete.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,13 +13,13 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import boxShadows from "assets/theme/base/boxShadows";
 import typography from "assets/theme/base/typography";
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { lg } = boxShadows;
@@ -27,7 +27,7 @@ const { size } = typography;
 const { text, white, transparent, light, dark, gradients } = colors;
 const { borderRadius } = borders;
 
-export default {
+const autocomplete = {
   styleOverrides: {
     popper: {
       boxShadow: lg,
@@ -96,3 +96,5 @@ export default {
     },
   },
 };
+
+export default autocomplete;
diff --git a/src/assets/theme/components/form/checkbox.js b/src/assets/theme/components/form/checkbox.js
index 85bee0b8..be063fb3 100644
--- a/src/assets/theme/components/form/checkbox.js
+++ b/src/assets/theme/components/form/checkbox.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,18 +13,18 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 import linearGradient from "assets/theme/functions/linearGradient";
 
 const { borderWidth, borderColor } = borders;
 const { transparent, gradients, info } = colors;
 
-export default {
+const checkbox = {
   styleOverrides: {
     root: {
       backgroundPosition: "center",
@@ -85,3 +85,5 @@ export default {
     },
   },
 };
+
+export default checkbox;
diff --git a/src/assets/theme/components/form/formControlLabel.js b/src/assets/theme/components/form/formControlLabel.js
index ae7c0b51..d68bb80a 100644
--- a/src/assets/theme/components/form/formControlLabel.js
+++ b/src/assets/theme/components/form/formControlLabel.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { dark } = colors;
 const { size, fontWeightBold } = typography;
 
-export default {
+const formControlLabel = {
   styleOverrides: {
     root: {
       display: "block",
@@ -46,3 +46,5 @@ export default {
     },
   },
 };
+
+export default formControlLabel;
diff --git a/src/assets/theme/components/form/formLabel.js b/src/assets/theme/components/form/formLabel.js
index e72fa1a3..2628cd8b 100644
--- a/src/assets/theme/components/form/formLabel.js
+++ b/src/assets/theme/components/form/formLabel.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,15 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 const { dark } = colors;
 
-export default {
+const formLabel = {
   styleOverrides: {
     root: {
       color: dark.main,
     },
   },
 };
+
+export default formLabel;
diff --git a/src/assets/theme/components/form/input.js b/src/assets/theme/components/form/input.js
index 15a6f537..2506d367 100644
--- a/src/assets/theme/components/form/input.js
+++ b/src/assets/theme/components/form/input.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 
@@ -23,7 +23,7 @@ import pxToRem from "assets/theme/functions/pxToRem";
 const { inputColors } = colors;
 const { borderWidth, borderRadius } = borders;
 
-export default {
+const input = {
   styleOverrides: {
     root: {
       display: "flex !important",
@@ -46,3 +46,5 @@ export default {
     },
   },
 };
+
+export default input;
diff --git a/src/assets/theme/components/form/inputBase.js b/src/assets/theme/components/form/inputBase.js
index 4e3ba66f..63fb9cf3 100644
--- a/src/assets/theme/components/form/inputBase.js
+++ b/src/assets/theme/components/form/inputBase.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 import borders from "assets/theme/base/borders";
@@ -25,7 +25,7 @@ const { dark, white, grey, inputColors } = colors;
 const { size, fontWeightRegular } = typography;
 const { borderWidth, borderRadius } = borders;
 
-export default {
+const inputBase = {
   styleOverrides: {
     root: {
       display: "grid !important",
@@ -56,3 +56,5 @@ export default {
     },
   },
 };
+
+export default inputBase;
diff --git a/src/assets/theme/components/form/radio.js b/src/assets/theme/components/form/radio.js
index e85ee667..33f344ee 100644
--- a/src/assets/theme/components/form/radio.js
+++ b/src/assets/theme/components/form/radio.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,18 +13,18 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 import linearGradient from "assets/theme/functions/linearGradient";
 
 const { borderWidth, borderColor } = borders;
 const { transparent, gradients, info } = colors;
 
-export default {
+const radio = {
   styleOverrides: {
     root: {
       backgroundPosition: "center",
@@ -85,3 +85,5 @@ export default {
     },
   },
 };
+
+export default radio;
diff --git a/src/assets/theme/components/form/select.js b/src/assets/theme/components/form/select.js
index 25b58406..51f07323 100644
--- a/src/assets/theme/components/form/select.js
+++ b/src/assets/theme/components/form/select.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,15 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { transparent } = colors;
 
-export default {
+const select = {
   styleOverrides: {
     select: {
       display: "grid",
@@ -45,3 +45,5 @@ export default {
     },
   },
 };
+
+export default select;
diff --git a/src/assets/theme/components/form/switchButton.js b/src/assets/theme/components/form/switchButton.js
index 057f957d..41b34b63 100644
--- a/src/assets/theme/components/form/switchButton.js
+++ b/src/assets/theme/components/form/switchButton.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,12 +13,12 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 import boxShadows from "assets/theme/base/boxShadows";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import rgba from "assets/theme/functions/rgba";
 import pxToRem from "assets/theme/functions/pxToRem";
 import linearGradient from "assets/theme/functions/linearGradient";
@@ -27,7 +27,7 @@ const { white, light, gradients } = colors;
 const { borderWidth } = borders;
 const { md } = boxShadows;
 
-export default {
+const switchButton = {
   defaultProps: {
     disableRipple: true,
   },
@@ -86,3 +86,5 @@ export default {
     checked: {},
   },
 };
+
+export default switchButton;
diff --git a/src/assets/theme/components/icon.js b/src/assets/theme/components/icon.js
index db375b43..51587a36 100644
--- a/src/assets/theme/components/icon.js
+++ b/src/assets/theme/components/icon.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,10 +13,10 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
-export default {
+const icon = {
   defaultProps: {
     baseClassName: "material-icons-round",
     fontSize: "inherit",
@@ -36,3 +36,5 @@ export default {
     },
   },
 };
+
+export default icon;
diff --git a/src/assets/theme/components/iconButton.js b/src/assets/theme/components/iconButton.js
index 7c51b131..f7fe479e 100644
--- a/src/assets/theme/components/iconButton.js
+++ b/src/assets/theme/components/iconButton.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,12 +13,12 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React Base Styles
+// Soft UI Dashboard React Base Styles
 import colors from "assets/theme/base/colors";
 
 const { transparent } = colors;
 
-export default {
+const iconButton = {
   styleOverrides: {
     root: {
       "&:hover": {
@@ -27,3 +27,5 @@ export default {
     },
   },
 };
+
+export default iconButton;
diff --git a/src/assets/theme/components/linearProgress.js b/src/assets/theme/components/linearProgress.js
index 6df23ed5..8487404f 100644
--- a/src/assets/theme/components/linearProgress.js
+++ b/src/assets/theme/components/linearProgress.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { borderRadius } = borders;
 const { light } = colors;
 
-export default {
+const linearProgress = {
   styleOverrides: {
     root: {
       height: pxToRem(3),
@@ -49,3 +49,5 @@ export default {
     },
   },
 };
+
+export default linearProgress;
diff --git a/src/assets/theme/components/link.js b/src/assets/theme/components/link.js
index f0da966f..64d36532 100644
--- a/src/assets/theme/components/link.js
+++ b/src/assets/theme/components/link.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,9 +13,11 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const link = {
   defaultProps: {
     underline: "none",
     color: "inherit",
   },
 };
+
+export default link;
diff --git a/src/assets/theme/components/list/index.js b/src/assets/theme/components/list/index.js
index dedd00df..c318e866 100644
--- a/src/assets/theme/components/list/index.js
+++ b/src/assets/theme/components/list/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const list = {
   styleOverrides: {
     padding: {
       paddingTop: 0,
@@ -21,3 +21,5 @@ export default {
     },
   },
 };
+
+export default list;
diff --git a/src/assets/theme/components/list/listItem.js b/src/assets/theme/components/list/listItem.js
index d436fe2a..4cc96951 100644
--- a/src/assets/theme/components/list/listItem.js
+++ b/src/assets/theme/components/list/listItem.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const listItem = {
   defaultProps: {
     disableGutters: true,
   },
@@ -25,3 +25,5 @@ export default {
     },
   },
 };
+
+export default listItem;
diff --git a/src/assets/theme/components/list/listItemText.js b/src/assets/theme/components/list/listItemText.js
index 68931bac..a7d046b6 100644
--- a/src/assets/theme/components/list/listItemText.js
+++ b/src/assets/theme/components/list/listItemText.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const listItemText = {
   styleOverrides: {
     root: {
       marginTop: 0,
@@ -21,3 +21,5 @@ export default {
     },
   },
 };
+
+export default listItemText;
diff --git a/src/assets/theme/components/menu/index.js b/src/assets/theme/components/menu/index.js
index 92f1b175..9bf8f185 100644
--- a/src/assets/theme/components/menu/index.js
+++ b/src/assets/theme/components/menu/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,13 +13,13 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import boxShadows from "assets/theme/base/boxShadows";
 import typography from "assets/theme/base/typography";
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { lg } = boxShadows;
@@ -27,7 +27,7 @@ const { size } = typography;
 const { text, white } = colors;
 const { borderRadius } = borders;
 
-export default {
+const menu = {
   defaultProps: {
     disableAutoFocusItem: true,
   },
@@ -45,3 +45,5 @@ export default {
     },
   },
 };
+
+export default menu;
diff --git a/src/assets/theme/components/menu/menuItem.js b/src/assets/theme/components/menu/menuItem.js
index 66997c32..8345b0b4 100644
--- a/src/assets/theme/components/menu/menuItem.js
+++ b/src/assets/theme/components/menu/menuItem.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 import typography from "assets/theme/base/typography";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { light, text, dark } = colors;
 const { borderRadius } = borders;
 const { size } = typography;
 
-export default {
+const menuItem = {
   styleOverrides: {
     root: {
       minWidth: pxToRem(160),
@@ -43,3 +43,5 @@ export default {
     },
   },
 };
+
+export default menuItem;
diff --git a/src/assets/theme/components/popover.js b/src/assets/theme/components/popover.js
index cdb245ca..7d15d418 100644
--- a/src/assets/theme/components/popover.js
+++ b/src/assets/theme/components/popover.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,10 +13,10 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import boxShadows from "assets/theme/base/boxShadows";
 import borders from "assets/theme/base/borders";
@@ -25,7 +25,7 @@ const { transparent } = colors;
 const { lg } = boxShadows;
 const { borderRadius } = borders;
 
-export default {
+const popover = {
   styleOverrides: {
     paper: {
       backgroundColor: transparent.main,
@@ -35,3 +35,5 @@ export default {
     },
   },
 };
+
+export default popover;
diff --git a/src/assets/theme/components/sidenav.js b/src/assets/theme/components/sidenav.js
index 7a81bf59..4322f466 100644
--- a/src/assets/theme/components/sidenav.js
+++ b/src/assets/theme/components/sidenav.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,18 +13,18 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import rgba from "assets/theme/functions/rgba";
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { white } = colors;
 const { borderRadius } = borders;
 
-export default {
+const sidenav = {
   styleOverrides: {
     root: {
       width: pxToRem(250),
@@ -47,3 +47,5 @@ export default {
     },
   },
 };
+
+export default sidenav;
diff --git a/src/assets/theme/components/slider.js b/src/assets/theme/components/slider.js
index 2437b077..ffc960bf 100644
--- a/src/assets/theme/components/slider.js
+++ b/src/assets/theme/components/slider.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,12 +13,12 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 import boxShadows from "assets/theme/base/boxShadows";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import linearGradient from "assets/theme/functions/linearGradient";
 import pxToRem from "assets/theme/functions/pxToRem";
 
@@ -26,7 +26,7 @@ const { light, white, sliderColors, black, gradients } = colors;
 const { borderRadius, borderWidth } = borders;
 const { sliderBoxShadow } = boxShadows;
 
-export default {
+const slider = {
   styleOverrides: {
     root: {
       width: "100%",
@@ -70,3 +70,5 @@ export default {
     },
   },
 };
+
+export default slider;
diff --git a/src/assets/theme/components/stepper/index.js b/src/assets/theme/components/stepper/index.js
index c769a8d9..32bb545a 100644
--- a/src/assets/theme/components/stepper/index.js
+++ b/src/assets/theme/components/stepper/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,15 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { transparent } = colors;
 
-export default {
+const stepper = {
   styleOverrides: {
     root: {
       margin: `${pxToRem(48)} 0`,
@@ -33,3 +33,5 @@ export default {
     },
   },
 };
+
+export default stepper;
diff --git a/src/assets/theme/components/stepper/step.js b/src/assets/theme/components/stepper/step.js
index d541665a..a7f5bddb 100644
--- a/src/assets/theme/components/stepper/step.js
+++ b/src/assets/theme/components/stepper/step.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,13 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
-export default {
+const step = {
   styleOverrides: {
     root: {
       padding: `0 ${pxToRem(6)}`,
     },
   },
 };
+
+export default step;
diff --git a/src/assets/theme/components/stepper/stepConnector.js b/src/assets/theme/components/stepper/stepConnector.js
index 46552fd6..e6481e20 100644
--- a/src/assets/theme/components/stepper/stepConnector.js
+++ b/src/assets/theme/components/stepper/stepConnector.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,14 +13,14 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
 const { dark } = colors;
 const { borderWidth, borderColor } = borders;
 
-export default {
+const stepConnector = {
   styleOverrides: {
     root: {
       color: borderColor,
@@ -47,3 +47,5 @@ export default {
     },
   },
 };
+
+export default stepConnector;
diff --git a/src/assets/theme/components/stepper/stepIcon.js b/src/assets/theme/components/stepper/stepIcon.js
index 581b124a..d9a9fd81 100644
--- a/src/assets/theme/components/stepper/stepIcon.js
+++ b/src/assets/theme/components/stepper/stepIcon.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,18 +13,18 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 import boxShadow from "assets/theme/functions/boxShadow";
 
 const { dark, white } = colors;
 const { borderWidth, borderColor } = borders;
 
-export default {
+const stepIcon = {
   styleOverrides: {
     root: {
       background: white.main,
@@ -56,3 +56,5 @@ export default {
     },
   },
 };
+
+export default stepIcon;
diff --git a/src/assets/theme/components/stepper/stepLabel.js b/src/assets/theme/components/stepper/stepLabel.js
index 16f730f4..d5746e1e 100644
--- a/src/assets/theme/components/stepper/stepLabel.js
+++ b/src/assets/theme/components/stepper/stepLabel.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { size, fontWeightRegular } = typography;
 const { grey, dark, secondary } = colors;
 
-export default {
+const stepLabel = {
   styleOverrides: {
     label: {
       marginTop: `${pxToRem(8)} !important`,
@@ -43,3 +43,5 @@ export default {
     },
   },
 };
+
+export default stepLabel;
diff --git a/src/assets/theme/components/svgIcon.js b/src/assets/theme/components/svgIcon.js
index fc50065b..e404f07f 100644
--- a/src/assets/theme/components/svgIcon.js
+++ b/src/assets/theme/components/svgIcon.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,10 +13,10 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
-export default {
+const svgIcon = {
   defaultProps: {
     fontSize: "inherit",
   },
@@ -35,3 +35,5 @@ export default {
     },
   },
 };
+
+export default svgIcon;
diff --git a/src/assets/theme/components/table/tableCell.js b/src/assets/theme/components/table/tableCell.js
index 38ca04fe..cc1c41e8 100644
--- a/src/assets/theme/components/table/tableCell.js
+++ b/src/assets/theme/components/table/tableCell.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,17 +13,17 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { borderWidth } = borders;
 const { light } = colors;
 
-export default {
+const tableCell = {
   styleOverrides: {
     root: {
       padding: `${pxToRem(12)} ${pxToRem(16)}`,
@@ -31,3 +31,5 @@ export default {
     },
   },
 };
+
+export default tableCell;
diff --git a/src/assets/theme/components/table/tableContainer.js b/src/assets/theme/components/table/tableContainer.js
index 00390be3..ff4f2f1e 100644
--- a/src/assets/theme/components/table/tableContainer.js
+++ b/src/assets/theme/components/table/tableContainer.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import boxShadows from "assets/theme/base/boxShadows";
 import borders from "assets/theme/base/borders";
@@ -22,7 +22,7 @@ const { white } = colors;
 const { xxl } = boxShadows;
 const { borderRadius } = borders;
 
-export default {
+const tableContainer = {
   styleOverrides: {
     root: {
       backgroundColor: white.main,
@@ -31,3 +31,5 @@ export default {
     },
   },
 };
+
+export default tableContainer;
diff --git a/src/assets/theme/components/table/tableHead.js b/src/assets/theme/components/table/tableHead.js
index 993db698..21dc804f 100644
--- a/src/assets/theme/components/table/tableHead.js
+++ b/src/assets/theme/components/table/tableHead.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,15 +13,15 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { borderRadius } = borders;
 
-export default {
+const tableHead = {
   styleOverrides: {
     root: {
       display: "block",
@@ -30,3 +30,5 @@ export default {
     },
   },
 };
+
+export default tableHead;
diff --git a/src/assets/theme/components/tabs/index.js b/src/assets/theme/components/tabs/index.js
index 25caa7f2..1d820232 100644
--- a/src/assets/theme/components/tabs/index.js
+++ b/src/assets/theme/components/tabs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 import boxShadows from "assets/theme/base/boxShadows";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { grey, white } = colors;
 const { borderRadius } = borders;
 const { tabsBoxShadow } = boxShadows;
 
-export default {
+const tabs = {
   styleOverrides: {
     root: {
       position: "relative",
@@ -61,3 +61,5 @@ export default {
     },
   },
 };
+
+export default tabs;
diff --git a/src/assets/theme/components/tabs/tab.js b/src/assets/theme/components/tabs/tab.js
index 07bd07de..51d72b27 100644
--- a/src/assets/theme/components/tabs/tab.js
+++ b/src/assets/theme/components/tabs/tab.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,19 +13,19 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 import borders from "assets/theme/base/borders";
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { size, fontWeightRegular } = typography;
 const { borderRadius } = borders;
 const { dark } = colors;
 
-export default {
+const tab = {
   styleOverrides: {
     root: {
       display: "flex",
@@ -61,3 +61,5 @@ export default {
     },
   },
 };
+
+export default tab;
diff --git a/src/assets/theme/components/tooltip.js b/src/assets/theme/components/tooltip.js
index 2dc5dc31..8a068b59 100644
--- a/src/assets/theme/components/tooltip.js
+++ b/src/assets/theme/components/tooltip.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,19 +16,19 @@ Coded by www.creative-tim.com
 // @mui material components
 import Fade from "@mui/material/Fade";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 import borders from "assets/theme/base/borders";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import pxToRem from "assets/theme/functions/pxToRem";
 
 const { black, light } = colors;
 const { size, fontWeightRegular } = typography;
 const { borderRadius } = borders;
 
-export default {
+const tooltip = {
   defaultProps: {
     arrow: true,
     TransitionComponent: Fade,
@@ -52,3 +52,5 @@ export default {
     },
   },
 };
+
+export default tooltip;
diff --git a/src/assets/theme/functions/boxShadow.js b/src/assets/theme/functions/boxShadow.js
index e504a823..77894212 100644
--- a/src/assets/theme/functions/boxShadow.js
+++ b/src/assets/theme/functions/boxShadow.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -17,7 +17,7 @@ Coded by www.creative-tim.com
   The boxShadow() function helps you to create a box shadow for an element
  */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import rgba from "assets/theme/functions/rgba";
 import pxToRem from "assets/theme/functions/pxToRem";
 
diff --git a/src/assets/theme/functions/gradientChartLine.js b/src/assets/theme/functions/gradientChartLine.js
index 5161336a..cac3d22a 100644
--- a/src/assets/theme/functions/gradientChartLine.js
+++ b/src/assets/theme/functions/gradientChartLine.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -17,7 +17,7 @@ Coded by www.creative-tim.com
   The gradientChartLine() function helps you to create a gradient color for the chart line
  */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import rgba from "assets/theme/functions/rgba";
 
 function gradientChartLine(chart, color, opacity = 0.2) {
diff --git a/src/assets/theme/functions/hexToRgb.js b/src/assets/theme/functions/hexToRgb.js
index 39ed69a2..1ed5ec03 100644
--- a/src/assets/theme/functions/hexToRgb.js
+++ b/src/assets/theme/functions/hexToRgb.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/assets/theme/functions/linearGradient.js b/src/assets/theme/functions/linearGradient.js
index e70988f9..3e690138 100644
--- a/src/assets/theme/functions/linearGradient.js
+++ b/src/assets/theme/functions/linearGradient.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/assets/theme/functions/pxToRem.js b/src/assets/theme/functions/pxToRem.js
index 64c7fd56..e0c9c1dd 100644
--- a/src/assets/theme/functions/pxToRem.js
+++ b/src/assets/theme/functions/pxToRem.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/assets/theme/functions/rgba.js b/src/assets/theme/functions/rgba.js
index d0f0680d..e3c28fc1 100644
--- a/src/assets/theme/functions/rgba.js
+++ b/src/assets/theme/functions/rgba.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -18,7 +18,7 @@ Coded by www.creative-tim.com
   to convert the hex code into rgb for using it inside the rgba color format.
  */
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import hexToRgb from "assets/theme/functions/hexToRgb";
 
 function rgba(color, opacity) {
diff --git a/src/assets/theme/index.js b/src/assets/theme/index.js
index e962106a..212c65cc 100644
--- a/src/assets/theme/index.js
+++ b/src/assets/theme/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // @mui material components
 import { createTheme } from "@mui/material/styles";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import breakpoints from "assets/theme/base/breakpoints";
 import typography from "assets/theme/base/typography";
@@ -24,14 +24,14 @@ import boxShadows from "assets/theme/base/boxShadows";
 import borders from "assets/theme/base/borders";
 import globals from "assets/theme/base/globals";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import boxShadow from "assets/theme/functions/boxShadow";
 import hexToRgb from "assets/theme/functions/hexToRgb";
 import linearGradient from "assets/theme/functions/linearGradient";
 import pxToRem from "assets/theme/functions/pxToRem";
 import rgba from "assets/theme/functions/rgba";
 
-// Soft UI Dashboard PRO React components base styles for @mui material components
+// Soft UI Dashboard React components base styles for @mui material components
 import sidenav from "assets/theme/components/sidenav";
 import list from "assets/theme/components/list";
 import listItem from "assets/theme/components/list/listItem";
diff --git a/src/assets/theme/theme-rtl.js b/src/assets/theme/theme-rtl.js
index 2d60af3f..f28556ef 100644
--- a/src/assets/theme/theme-rtl.js
+++ b/src/assets/theme/theme-rtl.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // @mui material components
 import { createTheme } from "@mui/material/styles";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import breakpoints from "assets/theme/base/breakpoints";
 import typography from "assets/theme/base/typography";
@@ -24,14 +24,14 @@ import boxShadows from "assets/theme/base/boxShadows";
 import borders from "assets/theme/base/borders";
 import globals from "assets/theme/base/globals";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import boxShadow from "assets/theme/functions/boxShadow";
 import hexToRgb from "assets/theme/functions/hexToRgb";
 import linearGradient from "assets/theme/functions/linearGradient";
 import pxToRem from "assets/theme/functions/pxToRem";
 import rgba from "assets/theme/functions/rgba";
 
-// Soft UI Dashboard PRO React components base styles for @mui material components
+// Soft UI Dashboard React components base styles for @mui material components
 import sidenav from "assets/theme/components/sidenav";
 import list from "assets/theme/components/list";
 import listItem from "assets/theme/components/list/listItem";
diff --git a/src/components/SuiAlert/SuiAlertCloseIcon.js b/src/components/SuiAlert/SuiAlertCloseIcon.js
index b89c5699..0d06084c 100644
--- a/src/components/SuiAlert/SuiAlertCloseIcon.js
+++ b/src/components/SuiAlert/SuiAlertCloseIcon.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiAlert/SuiAlertRoot.js b/src/components/SuiAlert/SuiAlertRoot.js
index 2cdf70d4..465a62e4 100644
--- a/src/components/SuiAlert/SuiAlertRoot.js
+++ b/src/components/SuiAlert/SuiAlertRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiAlert/index.js b/src/components/SuiAlert/index.js
index b9c3ad7f..693e8572 100644
--- a/src/components/SuiAlert/index.js
+++ b/src/components/SuiAlert/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,7 +21,7 @@ import PropTypes from "prop-types";
 // @mui material components
 import Fade from "@mui/material/Fade";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
 // Custom styles for the SuiAlert
diff --git a/src/components/SuiAvatar/SuiAvatarRoot.js b/src/components/SuiAvatar/SuiAvatarRoot.js
index 5b27ce90..7210461c 100644
--- a/src/components/SuiAvatar/SuiAvatarRoot.js
+++ b/src/components/SuiAvatar/SuiAvatarRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiAvatar/index.js b/src/components/SuiAvatar/index.js
index 40d7cd03..4c39b988 100644
--- a/src/components/SuiAvatar/index.js
+++ b/src/components/SuiAvatar/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiBadge/SuiBadgeRoot.js b/src/components/SuiBadge/SuiBadgeRoot.js
index b55c0fd8..f45027d2 100644
--- a/src/components/SuiBadge/SuiBadgeRoot.js
+++ b/src/components/SuiBadge/SuiBadgeRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiBadge/index.js b/src/components/SuiBadge/index.js
index f4bc3b90..9612c126 100644
--- a/src/components/SuiBadge/index.js
+++ b/src/components/SuiBadge/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiBox/SuiBoxRoot.js b/src/components/SuiBox/SuiBoxRoot.js
index 8f3f07d3..6dc9fa08 100644
--- a/src/components/SuiBox/SuiBoxRoot.js
+++ b/src/components/SuiBox/SuiBoxRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiBox/index.js b/src/components/SuiBox/index.js
index abbacac3..db2e6643 100644
--- a/src/components/SuiBox/index.js
+++ b/src/components/SuiBox/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiButton/SuiButtonRoot.js b/src/components/SuiButton/SuiButtonRoot.js
index 7f710c19..18626f23 100644
--- a/src/components/SuiButton/SuiButtonRoot.js
+++ b/src/components/SuiButton/SuiButtonRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiButton/index.js b/src/components/SuiButton/index.js
index 5da35402..932097e3 100644
--- a/src/components/SuiButton/index.js
+++ b/src/components/SuiButton/index.js
@@ -1,6 +1,6 @@
 /**
 =========================================================
-* Soft UI Dashboard PRO React - v1.0.0
+* Soft UI Dashboard React - v1.0.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react
diff --git a/src/components/SuiInput/SuiInputIconBoxRoot.js b/src/components/SuiInput/SuiInputIconBoxRoot.js
index f21353db..85c4eb24 100644
--- a/src/components/SuiInput/SuiInputIconBoxRoot.js
+++ b/src/components/SuiInput/SuiInputIconBoxRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiInput/SuiInputIconRoot.js b/src/components/SuiInput/SuiInputIconRoot.js
index c02a9f06..07a789d7 100644
--- a/src/components/SuiInput/SuiInputIconRoot.js
+++ b/src/components/SuiInput/SuiInputIconRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiInput/SuiInputRoot.js b/src/components/SuiInput/SuiInputRoot.js
index ebf8e057..caf320c5 100644
--- a/src/components/SuiInput/SuiInputRoot.js
+++ b/src/components/SuiInput/SuiInputRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiInput/SuiInputWithIconRoot.js b/src/components/SuiInput/SuiInputWithIconRoot.js
index 0146be09..4e0540fe 100644
--- a/src/components/SuiInput/SuiInputWithIconRoot.js
+++ b/src/components/SuiInput/SuiInputWithIconRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiInput/index.js b/src/components/SuiInput/index.js
index 798a91cc..67569eb7 100644
--- a/src/components/SuiInput/index.js
+++ b/src/components/SuiInput/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,7 +24,7 @@ import SuiInputWithIconRoot from "components/SuiInput/SuiInputWithIconRoot";
 import SuiInputIconBoxRoot from "components/SuiInput/SuiInputIconBoxRoot";
 import SuiInputIconRoot from "components/SuiInput/SuiInputIconRoot";
 
-// Soft UI Dashboard PRO React contexts
+// Soft UI Dashboard React contexts
 import { useSoftUIController } from "context";
 
 const SuiInput = forwardRef(({ size, icon, error, success, disabled, ...rest }, ref) => {
diff --git a/src/components/SuiPagination/SuiPaginationItemRoot.js b/src/components/SuiPagination/SuiPaginationItemRoot.js
index 4b24dd37..ea6b0e17 100644
--- a/src/components/SuiPagination/SuiPaginationItemRoot.js
+++ b/src/components/SuiPagination/SuiPaginationItemRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // @mui material components
 import { styled } from "@mui/material/styles";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiButton from "components/SuiButton";
 
 export default styled(SuiButton)(({ theme, ownerState }) => {
diff --git a/src/components/SuiPagination/index.js b/src/components/SuiPagination/index.js
index 6fa573e3..ecc9143d 100644
--- a/src/components/SuiPagination/index.js
+++ b/src/components/SuiPagination/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,27 +13,28 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-import { forwardRef, createContext, useContext } from "react";
+import { forwardRef, createContext, useContext, useMemo } from "react";
 
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
 // Custom styles for SuiPagination
 import SuiPaginationItemRoot from "components/SuiPagination/SuiPaginationItemRoot";
 
 // The Pagination main context
-const Context = createContext();
+const Context = createContext(null);
 
 const SuiPagination = forwardRef(
   ({ item, variant, color, size, active, children, ...rest }, ref) => {
     const context = item ? useContext(Context) : null;
     const paginationSize = context ? context.size : null;
+    const value = useMemo(() => ({ variant, color, size }), [variant, color, size]);
 
     return (
-      <Context.Provider value={{ variant, color, size }}>
+      <Context.Provider value={value}>
         {item ? (
           <SuiPaginationItemRoot
             {...rest}
diff --git a/src/components/SuiProgress/SuiProgressRoot.js b/src/components/SuiProgress/SuiProgressRoot.js
index cc843763..f9d44f50 100644
--- a/src/components/SuiProgress/SuiProgressRoot.js
+++ b/src/components/SuiProgress/SuiProgressRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiProgress/index.js b/src/components/SuiProgress/index.js
index 91dbb75f..0c196cb7 100644
--- a/src/components/SuiProgress/index.js
+++ b/src/components/SuiProgress/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -18,7 +18,7 @@ import { forwardRef } from "react";
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiTypography from "components/SuiTypography";
 
 // Custom styles for SuiProgress
diff --git a/src/components/SuiTypography/SuiTypographyRoot.js b/src/components/SuiTypography/SuiTypographyRoot.js
index ab26e6c3..c7ed8560 100644
--- a/src/components/SuiTypography/SuiTypographyRoot.js
+++ b/src/components/SuiTypography/SuiTypographyRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/components/SuiTypography/index.js b/src/components/SuiTypography/index.js
index e40ae704..dcd54e96 100644
--- a/src/components/SuiTypography/index.js
+++ b/src/components/SuiTypography/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/context/index.js b/src/context/index.js
index 456c832f..943ee4d8 100644
--- a/src/context/index.js
+++ b/src/context/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -18,18 +18,18 @@ Coded by www.creative-tim.com
   you can customize the states for the different components here.
 */
 
-import { createContext, useContext, useReducer } from "react";
+import { createContext, useContext, useReducer, useMemo } from "react";
 
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
 // The Soft UI Dashboard PRO Material main context
-const SoftUI = createContext();
+const SoftUI = createContext(null);
 
 // Setting custom name for the context which is visible on react dev tools
 SoftUI.displayName = "SoftUIContext";
 
-// Soft UI Dashboard PRO React reducer
+// Soft UI Dashboard React reducer
 function reducer(state, action) {
   switch (action.type) {
     case "MINI_SIDENAV": {
@@ -62,7 +62,7 @@ function reducer(state, action) {
   }
 }
 
-// Soft UI Dashboard PRO React context provider
+// Soft UI Dashboard React context provider
 function SoftUIControllerProvider({ children }) {
   const initialState = {
     miniSidenav: false,
@@ -77,10 +77,12 @@ function SoftUIControllerProvider({ children }) {
 
   const [controller, dispatch] = useReducer(reducer, initialState);
 
-  return <SoftUI.Provider value={[controller, dispatch]}>{children}</SoftUI.Provider>;
+  const value = useMemo(() => [controller, dispatch], [controller, dispatch]);
+
+  return <SoftUI.Provider value={value}>{children}</SoftUI.Provider>;
 }
 
-// Soft UI Dashboard PRO React custom hook for using context
+// Soft UI Dashboard React custom hook for using context
 function useSoftUIController() {
   const context = useContext(SoftUI);
 
diff --git a/src/examples/Breadcrumbs/index.js b/src/examples/Breadcrumbs/index.js
index d71290c2..f31e7a42 100644
--- a/src/examples/Breadcrumbs/index.js
+++ b/src/examples/Breadcrumbs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import PropTypes from "prop-types";
 import { Breadcrumbs as MuiBreadcrumbs } from "@mui/material";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Cards/BlogCards/DefaultBlogCard/index.js b/src/examples/Cards/BlogCards/DefaultBlogCard/index.js
index fbc25912..3cb3e17d 100644
--- a/src/examples/Cards/BlogCards/DefaultBlogCard/index.js
+++ b/src/examples/Cards/BlogCards/DefaultBlogCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import PropTypes from "prop-types";
 import Card from "@mui/material/Card";
 import MuiLink from "@mui/material/Link";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiAvatar from "components/SuiAvatar";
diff --git a/src/examples/Cards/BlogCards/TransparentBlogCard/index.js b/src/examples/Cards/BlogCards/TransparentBlogCard/index.js
index 0acfee36..4e82d618 100644
--- a/src/examples/Cards/BlogCards/TransparentBlogCard/index.js
+++ b/src/examples/Cards/BlogCards/TransparentBlogCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -25,7 +25,7 @@ import CardMedia from "@mui/material/CardMedia";
 import Icon from "@mui/material/Icon";
 import MuiLink from "@mui/material/Link";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Cards/CounterCards/OutlinedCounterCard/index.js b/src/examples/Cards/CounterCards/OutlinedCounterCard/index.js
index 55e78699..10afbb09 100644
--- a/src/examples/Cards/CounterCards/OutlinedCounterCard/index.js
+++ b/src/examples/Cards/CounterCards/OutlinedCounterCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,11 +19,11 @@ import CountUp from "react-countup";
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import borders from "assets/theme/base/borders";
 
diff --git a/src/examples/Cards/InfoCards/DefaultInfoCard/index.js b/src/examples/Cards/InfoCards/DefaultInfoCard/index.js
index 900ccc4a..6b9a0503 100644
--- a/src/examples/Cards/InfoCards/DefaultInfoCard/index.js
+++ b/src/examples/Cards/InfoCards/DefaultInfoCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,7 +21,7 @@ import Card from "@mui/material/Card";
 import Divider from "@mui/material/Divider";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Cards/InfoCards/ProfileInfoCard/index.js b/src/examples/Cards/InfoCards/ProfileInfoCard/index.js
index 2f7f25b4..76c2caf6 100644
--- a/src/examples/Cards/InfoCards/ProfileInfoCard/index.js
+++ b/src/examples/Cards/InfoCards/ProfileInfoCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -25,11 +25,11 @@ import Divider from "@mui/material/Divider";
 import Tooltip from "@mui/material/Tooltip";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 
diff --git a/src/examples/Cards/MasterCard/index.js b/src/examples/Cards/MasterCard/index.js
index ff7eda63..8413ad68 100644
--- a/src/examples/Cards/MasterCard/index.js
+++ b/src/examples/Cards/MasterCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -20,7 +20,7 @@ import PropTypes from "prop-types";
 import Card from "@mui/material/Card";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Cards/PlaceholderCard/index.js b/src/examples/Cards/PlaceholderCard/index.js
index b12912b3..dc2d740e 100644
--- a/src/examples/Cards/PlaceholderCard/index.js
+++ b/src/examples/Cards/PlaceholderCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -20,7 +20,7 @@ import PropTypes from "prop-types";
 import Card from "@mui/material/Card";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Cards/PricingCards/DefaultPricingCard/index.js b/src/examples/Cards/PricingCards/DefaultPricingCard/index.js
index 95502346..87294805 100644
--- a/src/examples/Cards/PricingCards/DefaultPricingCard/index.js
+++ b/src/examples/Cards/PricingCards/DefaultPricingCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import PropTypes from "prop-types";
 import Card from "@mui/material/Card";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiBadge from "components/SuiBadge";
diff --git a/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js b/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js
index 87002cc5..a993cee9 100644
--- a/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js
+++ b/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,7 +24,7 @@ import Card from "@mui/material/Card";
 import CardMedia from "@mui/material/CardMedia";
 import Tooltip from "@mui/material/Tooltip";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiButton from "components/SuiButton";
diff --git a/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js b/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js
index 49e281f6..fa640324 100644
--- a/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js
+++ b/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,7 +21,7 @@ import Card from "@mui/material/Card";
 import Grid from "@mui/material/Grid";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js b/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js
index 29ac8b57..61635231 100644
--- a/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js
+++ b/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function configs(labels, datasets) {
diff --git a/src/examples/Charts/BarCharts/HorizontalBarChart/index.js b/src/examples/Charts/BarCharts/HorizontalBarChart/index.js
index 521897e8..0d33d766 100644
--- a/src/examples/Charts/BarCharts/HorizontalBarChart/index.js
+++ b/src/examples/Charts/BarCharts/HorizontalBarChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,14 +24,14 @@ import { Bar } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
 // HorizontalBarChart configurations
 import configs from "examples/Charts/BarCharts/HorizontalBarChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function HorizontalBarChart({ title, description, height, chart }) {
diff --git a/src/examples/Charts/BarCharts/ReportsBarChart/ReportsBarChartItem.js b/src/examples/Charts/BarCharts/ReportsBarChart/ReportsBarChartItem.js
index e5d50d04..740a0a3a 100644
--- a/src/examples/Charts/BarCharts/ReportsBarChart/ReportsBarChartItem.js
+++ b/src/examples/Charts/BarCharts/ReportsBarChart/ReportsBarChartItem.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,10 +19,10 @@ import PropTypes from "prop-types";
 // @mui material components
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiProgress from "components/SuiProgress";
diff --git a/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js b/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js
index b679296b..6fa690a1 100644
--- a/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js
+++ b/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Charts/BarCharts/ReportsBarChart/index.js b/src/examples/Charts/BarCharts/ReportsBarChart/index.js
index a17d3603..4026dd02 100644
--- a/src/examples/Charts/BarCharts/ReportsBarChart/index.js
+++ b/src/examples/Charts/BarCharts/ReportsBarChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -25,11 +25,11 @@ import { Bar } from "react-chartjs-2";
 import Card from "@mui/material/Card";
 import Grid from "@mui/material/Grid";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import BarReportsChartItem from "examples/Charts/BarCharts/ReportsBarChart/ReportsBarChartItem";
 
 // ReportsBarChart configurations
diff --git a/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js b/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js
index 3f354f89..961184d6 100644
--- a/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js
+++ b/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function configs(labels, datasets) {
diff --git a/src/examples/Charts/BarCharts/VerticalBarChart/index.js b/src/examples/Charts/BarCharts/VerticalBarChart/index.js
index a8267bfd..24f3b7bb 100644
--- a/src/examples/Charts/BarCharts/VerticalBarChart/index.js
+++ b/src/examples/Charts/BarCharts/VerticalBarChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,14 +24,14 @@ import { Bar } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
 // VerticalBarChart configurations
 import configs from "examples/Charts/BarCharts/VerticalBarChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function VerticalBarChart({ title, description, height, chart }) {
diff --git a/src/examples/Charts/BubbleChart/configs/index.js b/src/examples/Charts/BubbleChart/configs/index.js
index 23674f89..ad8a5461 100644
--- a/src/examples/Charts/BubbleChart/configs/index.js
+++ b/src/examples/Charts/BubbleChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function configs(labels, datasets) {
diff --git a/src/examples/Charts/BubbleChart/index.js b/src/examples/Charts/BubbleChart/index.js
index 97e06d66..3879dc34 100644
--- a/src/examples/Charts/BubbleChart/index.js
+++ b/src/examples/Charts/BubbleChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,14 +24,14 @@ import { Bubble } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
 // BubbleChart configurations
 import configs from "examples/Charts/BubbleChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function BubbleChart({ title, description, height, chart }) {
diff --git a/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js b/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js
index 033421bb..b3ae786a 100644
--- a/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js
+++ b/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,7 +14,7 @@ Coded by www.creative-tim.com
 */
 
 /* eslint-disable no-dupe-keys */
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 const { gradients, dark } = colors;
diff --git a/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js b/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js
index 5a5e40cb..b40080e3 100644
--- a/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js
+++ b/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,7 +24,7 @@ import { Doughnut } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js b/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js
index a191d895..83374261 100644
--- a/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js
+++ b/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function configs(labels, datasets) {
diff --git a/src/examples/Charts/LineCharts/DefaultLineChart/index.js b/src/examples/Charts/LineCharts/DefaultLineChart/index.js
index c7d55521..e39a01d2 100644
--- a/src/examples/Charts/LineCharts/DefaultLineChart/index.js
+++ b/src/examples/Charts/LineCharts/DefaultLineChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,14 +24,14 @@ import { Line } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
 // DefaultLineChart configurations
 import configs from "examples/Charts/LineCharts/DefaultLineChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function DefaultLineChart({ title, description, height, chart }) {
diff --git a/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js b/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js
index 545048ce..08e78d4b 100644
--- a/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js
+++ b/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function configs(labels, datasets) {
diff --git a/src/examples/Charts/LineCharts/GradientLineChart/index.js b/src/examples/Charts/LineCharts/GradientLineChart/index.js
index 15721c84..d2a2385d 100644
--- a/src/examples/Charts/LineCharts/GradientLineChart/index.js
+++ b/src/examples/Charts/LineCharts/GradientLineChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,17 +24,17 @@ import { Line } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import gradientChartLine from "assets/theme/functions/gradientChartLine";
 
 // GradientLineChart configurations
 import configs from "examples/Charts/LineCharts/GradientLineChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function GradientLineChart({ title, description, height, chart }) {
diff --git a/src/examples/Charts/MixedChart/configs/index.js b/src/examples/Charts/MixedChart/configs/index.js
index a191d895..83374261 100644
--- a/src/examples/Charts/MixedChart/configs/index.js
+++ b/src/examples/Charts/MixedChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function configs(labels, datasets) {
diff --git a/src/examples/Charts/MixedChart/index.js b/src/examples/Charts/MixedChart/index.js
index aa2d1f91..f5bf209f 100644
--- a/src/examples/Charts/MixedChart/index.js
+++ b/src/examples/Charts/MixedChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,17 +24,17 @@ import { Line } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import gradientChartLine from "assets/theme/functions/gradientChartLine";
 
 // MixedChart configurations
 import configs from "examples/Charts/MixedChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function MixedChart({ title, description, height, chart }) {
diff --git a/src/examples/Charts/PieChart/configs/index.js b/src/examples/Charts/PieChart/configs/index.js
index 7947f620..c26eb56d 100644
--- a/src/examples/Charts/PieChart/configs/index.js
+++ b/src/examples/Charts/PieChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,7 +14,7 @@ Coded by www.creative-tim.com
 */
 
 /* eslint-disable no-dupe-keys */
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 const { gradients, dark } = colors;
diff --git a/src/examples/Charts/PieChart/index.js b/src/examples/Charts/PieChart/index.js
index 2c7e1fce..1dc26b43 100644
--- a/src/examples/Charts/PieChart/index.js
+++ b/src/examples/Charts/PieChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,7 +24,7 @@ import { Pie } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Charts/PolarChart/configs/index.js b/src/examples/Charts/PolarChart/configs/index.js
index 218027fa..6de69ccb 100644
--- a/src/examples/Charts/PolarChart/configs/index.js
+++ b/src/examples/Charts/PolarChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -14,7 +14,7 @@ Coded by www.creative-tim.com
 */
 
 /* eslint-disable no-dupe-keys */
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 const { gradients, dark } = colors;
diff --git a/src/examples/Charts/PolarChart/index.js b/src/examples/Charts/PolarChart/index.js
index 4226df28..148eb06e 100644
--- a/src/examples/Charts/PolarChart/index.js
+++ b/src/examples/Charts/PolarChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,7 +24,7 @@ import { PolarArea } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Charts/RadarChart/configs/index.js b/src/examples/Charts/RadarChart/configs/index.js
index ef6cbeae..14909144 100644
--- a/src/examples/Charts/RadarChart/configs/index.js
+++ b/src/examples/Charts/RadarChart/configs/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Charts/RadarChart/index.js b/src/examples/Charts/RadarChart/index.js
index 434570a5..11b94e27 100644
--- a/src/examples/Charts/RadarChart/index.js
+++ b/src/examples/Charts/RadarChart/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -24,17 +24,17 @@ import { Radar } from "react-chartjs-2";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
 // RadarChart configurations
 import configs from "examples/Charts/RadarChart/configs";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
-// Soft UI Dashboard PRO React helper functions
+// Soft UI Dashboard React helper functions
 import rgba from "assets/theme/functions/rgba";
 
 function RadarChart({ title, description, chart }) {
diff --git a/src/examples/Configurator/ConfiguratorRoot.js b/src/examples/Configurator/ConfiguratorRoot.js
index 7e853521..04831727 100644
--- a/src/examples/Configurator/ConfiguratorRoot.js
+++ b/src/examples/Configurator/ConfiguratorRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Configurator/index.js b/src/examples/Configurator/index.js
index c7ef01a0..98f5fe8a 100644
--- a/src/examples/Configurator/index.js
+++ b/src/examples/Configurator/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -29,7 +29,7 @@ import Icon from "@mui/material/Icon";
 import TwitterIcon from "@mui/icons-material/Twitter";
 import FacebookIcon from "@mui/icons-material/Facebook";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiButton from "components/SuiButton";
@@ -37,7 +37,7 @@ import SuiButton from "components/SuiButton";
 // Custom styles for the Configurator
 import ConfiguratorRoot from "examples/Configurator/ConfiguratorRoot";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import {
   useSoftUIController,
   setOpenConfigurator,
diff --git a/src/examples/Footer/index.js b/src/examples/Footer/index.js
index 0d5e592b..aeb78740 100644
--- a/src/examples/Footer/index.js
+++ b/src/examples/Footer/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -20,11 +20,11 @@ import PropTypes from "prop-types";
 import Link from "@mui/material/Link";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 function Footer({ company, links }) {
diff --git a/src/examples/Icons/Basket.js b/src/examples/Icons/Basket.js
index 4a8d1c3e..e0bd370f 100644
--- a/src/examples/Icons/Basket.js
+++ b/src/examples/Icons/Basket.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function Basket({ color, size }) {
diff --git a/src/examples/Icons/CreditCard.js b/src/examples/Icons/CreditCard.js
index 98c2fe86..9ba86c41 100644
--- a/src/examples/Icons/CreditCard.js
+++ b/src/examples/Icons/CreditCard.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function CreditCard({ color, size }) {
diff --git a/src/examples/Icons/Cube.js b/src/examples/Icons/Cube.js
index c0bb3ab0..c5eb1671 100644
--- a/src/examples/Icons/Cube.js
+++ b/src/examples/Icons/Cube.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function Cube({ color, size }) {
diff --git a/src/examples/Icons/CustomerSupport.js b/src/examples/Icons/CustomerSupport.js
index ce969ae2..ce00c832 100644
--- a/src/examples/Icons/CustomerSupport.js
+++ b/src/examples/Icons/CustomerSupport.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function CustomerSupport({ color, size }) {
diff --git a/src/examples/Icons/Document.js b/src/examples/Icons/Document.js
index 78bae492..20bfd834 100644
--- a/src/examples/Icons/Document.js
+++ b/src/examples/Icons/Document.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function Document({ color, size }) {
diff --git a/src/examples/Icons/Office.js b/src/examples/Icons/Office.js
index b30b79e8..b1f87fc4 100644
--- a/src/examples/Icons/Office.js
+++ b/src/examples/Icons/Office.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function Office({ color, size }) {
diff --git a/src/examples/Icons/Settings.js b/src/examples/Icons/Settings.js
index 7f20d7d8..84eb3c01 100644
--- a/src/examples/Icons/Settings.js
+++ b/src/examples/Icons/Settings.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function Settings({ color, size }) {
diff --git a/src/examples/Icons/Shop.js b/src/examples/Icons/Shop.js
index b63792b0..2d055493 100644
--- a/src/examples/Icons/Shop.js
+++ b/src/examples/Icons/Shop.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function Shop({ color, size }) {
diff --git a/src/examples/Icons/SpaceShip.js b/src/examples/Icons/SpaceShip.js
index 0f290652..2623ddb1 100644
--- a/src/examples/Icons/SpaceShip.js
+++ b/src/examples/Icons/SpaceShip.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 
 function SpaceShip({ color, size }) {
diff --git a/src/examples/Items/NotificationItem/index.js b/src/examples/Items/NotificationItem/index.js
index 83d55ad3..a187ebec 100644
--- a/src/examples/Items/NotificationItem/index.js
+++ b/src/examples/Items/NotificationItem/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -22,7 +22,7 @@ import PropTypes from "prop-types";
 import MenuItem from "@mui/material/MenuItem";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/LayoutContainers/DashboardLayout/index.js b/src/examples/LayoutContainers/DashboardLayout/index.js
index 14701791..b36874c6 100644
--- a/src/examples/LayoutContainers/DashboardLayout/index.js
+++ b/src/examples/LayoutContainers/DashboardLayout/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,10 +21,10 @@ import { useLocation } from "react-router-dom";
 // prop-types is a library for typechecking of props.
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import { useSoftUIController, setLayout } from "context";
 
 function DashboardLayout({ children }) {
diff --git a/src/examples/LayoutContainers/PageLayout/index.js b/src/examples/LayoutContainers/PageLayout/index.js
index 15850f57..715ba66d 100644
--- a/src/examples/LayoutContainers/PageLayout/index.js
+++ b/src/examples/LayoutContainers/PageLayout/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,10 +21,10 @@ import { useLocation } from "react-router-dom";
 // prop-types is a library for typechecking of props.
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import { useSoftUIController, setLayout } from "context";
 
 function PageLayout({ background, children }) {
diff --git a/src/examples/Lists/ProfilesList/index.js b/src/examples/Lists/ProfilesList/index.js
index a2c93dde..1ec62bfa 100644
--- a/src/examples/Lists/ProfilesList/index.js
+++ b/src/examples/Lists/ProfilesList/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -22,7 +22,7 @@ import PropTypes from "prop-types";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiAvatar from "components/SuiAvatar";
diff --git a/src/examples/Navbars/DashboardNavbar/index.js b/src/examples/Navbars/DashboardNavbar/index.js
index 641fab75..1d750d24 100644
--- a/src/examples/Navbars/DashboardNavbar/index.js
+++ b/src/examples/Navbars/DashboardNavbar/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -28,12 +28,12 @@ import IconButton from "@mui/material/IconButton";
 import Menu from "@mui/material/Menu";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiInput from "components/SuiInput";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import Breadcrumbs from "examples/Breadcrumbs";
 import NotificationItem from "examples/Items/NotificationItem";
 
@@ -46,7 +46,7 @@ import {
   navbarMobileMenu,
 } from "examples/Navbars/DashboardNavbar/styles";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import {
   useSoftUIController,
   setTransparentNavbar,
diff --git a/src/examples/Navbars/DashboardNavbar/styles.js b/src/examples/Navbars/DashboardNavbar/styles.js
index ba8d826b..b0feefda 100644
--- a/src/examples/Navbars/DashboardNavbar/styles.js
+++ b/src/examples/Navbars/DashboardNavbar/styles.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js b/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js
index 4b3adfca..b17a538f 100644
--- a/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js
+++ b/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js b/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js
index b92ebd77..e3751227 100644
--- a/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js
+++ b/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import Menu from "@mui/material/Menu";
 // Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import DefaultNavbarLink from "examples/Navbars/DefaultNavbar/DefaultNavbarLink";
 
 function DefaultNavbarMobile({ open, close }) {
diff --git a/src/examples/Navbars/DefaultNavbar/index.js b/src/examples/Navbars/DefaultNavbar/index.js
index fe7ce548..56a7ebb0 100644
--- a/src/examples/Navbars/DefaultNavbar/index.js
+++ b/src/examples/Navbars/DefaultNavbar/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -25,16 +25,16 @@ import PropTypes from "prop-types";
 import Container from "@mui/material/Container";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiButton from "components/SuiButton";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import DefaultNavbarLink from "examples/Navbars/DefaultNavbar/DefaultNavbarLink";
 import DefaultNavbarMobile from "examples/Navbars/DefaultNavbar/DefaultNavbarMobile";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import breakpoints from "assets/theme/base/breakpoints";
 
 function DefaultNavbar({ transparent, light, action }) {
diff --git a/src/examples/Sidenav/SidenavCard.js b/src/examples/Sidenav/SidenavCard.js
index faffa623..3bdd2913 100644
--- a/src/examples/Sidenav/SidenavCard.js
+++ b/src/examples/Sidenav/SidenavCard.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,7 +19,7 @@ import CardContent from "@mui/material/CardContent";
 import Icon from "@mui/material/Icon";
 import Link from "@mui/material/Link";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiButton from "components/SuiButton";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
@@ -27,7 +27,7 @@ import SuiTypography from "components/SuiTypography";
 // Custom styles for the SidenavCard
 import { card, cardContent, cardIconBox, cardIcon } from "examples/Sidenav/styles/sidenavCard";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import { useSoftUIController } from "context";
 
 function SidenavCard() {
diff --git a/src/examples/Sidenav/SidenavCollapse.js b/src/examples/Sidenav/SidenavCollapse.js
index 4b6160da..f569266c 100644
--- a/src/examples/Sidenav/SidenavCollapse.js
+++ b/src/examples/Sidenav/SidenavCollapse.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
 // Custom styles for the SidenavCollapse
@@ -34,7 +34,7 @@ import {
   collapseText,
 } from "examples/Sidenav/styles/sidenavCollapse";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import { useSoftUIController } from "context";
 
 function SidenavCollapse({ color, icon, name, children, active, noCollapse, open, ...rest }) {
diff --git a/src/examples/Sidenav/SidenavRoot.js b/src/examples/Sidenav/SidenavRoot.js
index 423f6080..2287bbb9 100644
--- a/src/examples/Sidenav/SidenavRoot.js
+++ b/src/examples/Sidenav/SidenavRoot.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Sidenav/index.js b/src/examples/Sidenav/index.js
index 05892090..5b821b89 100644
--- a/src/examples/Sidenav/index.js
+++ b/src/examples/Sidenav/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -27,12 +27,12 @@ import Divider from "@mui/material/Divider";
 import Link from "@mui/material/Link";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiButton from "components/SuiButton";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import SidenavCollapse from "examples/Sidenav/SidenavCollapse";
 import SidenavCard from "examples/Sidenav/SidenavCard";
 
@@ -40,7 +40,7 @@ import SidenavCard from "examples/Sidenav/SidenavCard";
 import SidenavRoot from "examples/Sidenav/SidenavRoot";
 import sidenavLogoLabel from "examples/Sidenav/styles/sidenav";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import { useSoftUIController, setMiniSidenav } from "context";
 
 function Sidenav({ color, brand, brandName, routes, ...rest }) {
diff --git a/src/examples/Sidenav/styles/sidenav.js b/src/examples/Sidenav/styles/sidenav.js
index e1a52c0a..c0157f81 100644
--- a/src/examples/Sidenav/styles/sidenav.js
+++ b/src/examples/Sidenav/styles/sidenav.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Sidenav/styles/sidenavCollapse.js b/src/examples/Sidenav/styles/sidenavCollapse.js
index 4398a43d..17a20ab2 100644
--- a/src/examples/Sidenav/styles/sidenavCollapse.js
+++ b/src/examples/Sidenav/styles/sidenavCollapse.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/examples/Tables/Table/index.js b/src/examples/Tables/Table/index.js
index cf9398ca..dadfe57b 100644
--- a/src/examples/Tables/Table/index.js
+++ b/src/examples/Tables/Table/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -27,12 +27,12 @@ import TableBody from "@mui/material/TableBody";
 import TableContainer from "@mui/material/TableContainer";
 import TableRow from "@mui/material/TableRow";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiAvatar from "components/SuiAvatar";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import colors from "assets/theme/base/colors";
 import typography from "assets/theme/base/typography";
 import borders from "assets/theme/base/borders";
diff --git a/src/examples/Timeline/TimelineItem/index.js b/src/examples/Timeline/TimelineItem/index.js
index 25ab74f4..d811ee5b 100644
--- a/src/examples/Timeline/TimelineItem/index.js
+++ b/src/examples/Timeline/TimelineItem/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,7 +19,7 @@ import PropTypes from "prop-types";
 // @mui material components
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiBadge from "components/SuiBadge";
diff --git a/src/examples/Timeline/TimelineItem/styles.js b/src/examples/Timeline/TimelineItem/styles.js
index e876f9fc..f3a37e9c 100644
--- a/src/examples/Timeline/TimelineItem/styles.js
+++ b/src/examples/Timeline/TimelineItem/styles.js
@@ -6,11 +6,11 @@ function timelineItem(theme, ownerState) {
 
   return {
     "&:after": {
-      content: "''",
+      content: !lastItem && "''",
       position: "absolute",
       top: "10%",
       left: "14px",
-      height: lastItem ? "90%" : "100%",
+      height: "100%",
       borderRight: `${borderWidth[2]} solid ${borderColor}`,
     },
   };
diff --git a/src/examples/Timeline/TimelineList/index.js b/src/examples/Timeline/TimelineList/index.js
index e06bea62..76a6f1d2 100644
--- a/src/examples/Timeline/TimelineList/index.js
+++ b/src/examples/Timeline/TimelineList/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,7 +19,7 @@ import PropTypes from "prop-types";
 // @mui material components
 import Card from "@mui/material/Card";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/examples/Timeline/context/index.js b/src/examples/Timeline/context/index.js
index 7f823c97..869bcde4 100644
--- a/src/examples/Timeline/context/index.js
+++ b/src/examples/Timeline/context/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/index.js b/src/index.js
index f2b139b4..ca19615d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/authentication/components/BasicLayout/index.js b/src/layouts/authentication/components/BasicLayout/index.js
index f184c968..a68d7ffb 100644
--- a/src/layouts/authentication/components/BasicLayout/index.js
+++ b/src/layouts/authentication/components/BasicLayout/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,11 +19,11 @@ import PropTypes from "prop-types";
 // @mui material components
 import Grid from "@mui/material/Grid";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import DefaultNavbar from "examples/Navbars/DefaultNavbar";
 import PageLayout from "examples/LayoutContainers/PageLayout";
 
diff --git a/src/layouts/authentication/components/CoverLayout/index.js b/src/layouts/authentication/components/CoverLayout/index.js
index 87f72960..dffa2006 100644
--- a/src/layouts/authentication/components/CoverLayout/index.js
+++ b/src/layouts/authentication/components/CoverLayout/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,11 +19,11 @@ import PropTypes from "prop-types";
 // @mui material components
 import Grid from "@mui/material/Grid";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import DefaultNavbar from "examples/Navbars/DefaultNavbar";
 import PageLayout from "examples/LayoutContainers/PageLayout";
 
diff --git a/src/layouts/authentication/components/Footer/index.js b/src/layouts/authentication/components/Footer/index.js
index 660177b0..3fafd2d9 100644
--- a/src/layouts/authentication/components/Footer/index.js
+++ b/src/layouts/authentication/components/Footer/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import InstagramIcon from "@mui/icons-material/Instagram";
 import PinterestIcon from "@mui/icons-material/Pinterest";
 import LinkedInIcon from "@mui/icons-material/LinkedIn";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/layouts/authentication/components/IllustrationLayout/index.js b/src/layouts/authentication/components/IllustrationLayout/index.js
index c5f1e790..1dd1a077 100644
--- a/src/layouts/authentication/components/IllustrationLayout/index.js
+++ b/src/layouts/authentication/components/IllustrationLayout/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,15 +19,15 @@ import PropTypes from "prop-types";
 // @mui material components
 import Grid from "@mui/material/Grid";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import DefaultNavbar from "examples/Navbars/DefaultNavbar";
 import PageLayout from "examples/LayoutContainers/PageLayout";
 
-// Soft UI Dashboard PRO React page layout routes
+// Soft UI Dashboard React page layout routes
 import pageRoutes from "page.routes";
 
 // Images
diff --git a/src/layouts/authentication/components/Separator/index.js b/src/layouts/authentication/components/Separator/index.js
index 07308ca9..2d4b474d 100644
--- a/src/layouts/authentication/components/Separator/index.js
+++ b/src/layouts/authentication/components/Separator/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 // @mui material components
 import Divider from "@mui/material/Divider";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/layouts/authentication/components/Socials/index.js b/src/layouts/authentication/components/Socials/index.js
index 69219702..e67ffd28 100644
--- a/src/layouts/authentication/components/Socials/index.js
+++ b/src/layouts/authentication/components/Socials/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiButton from "components/SuiButton";
 import SuiBox from "components/SuiBox";
 
diff --git a/src/layouts/authentication/sign-in/index.js b/src/layouts/authentication/sign-in/index.js
index 44b24686..01a3ca03 100644
--- a/src/layouts/authentication/sign-in/index.js
+++ b/src/layouts/authentication/sign-in/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/authentication/sign-up/index.js b/src/layouts/authentication/sign-up/index.js
index 800ff548..451d814b 100644
--- a/src/layouts/authentication/sign-up/index.js
+++ b/src/layouts/authentication/sign-up/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/Bill/index.js b/src/layouts/billing/components/Bill/index.js
index dba0bb44..91f61047 100644
--- a/src/layouts/billing/components/Bill/index.js
+++ b/src/layouts/billing/components/Bill/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/BillingInformation/index.js b/src/layouts/billing/components/BillingInformation/index.js
index c8fb9daa..c6a61a22 100644
--- a/src/layouts/billing/components/BillingInformation/index.js
+++ b/src/layouts/billing/components/BillingInformation/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/Invoice/index.js b/src/layouts/billing/components/Invoice/index.js
index 25895d10..06a95b42 100644
--- a/src/layouts/billing/components/Invoice/index.js
+++ b/src/layouts/billing/components/Invoice/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/Invoices/index.js b/src/layouts/billing/components/Invoices/index.js
index b2545709..9e056152 100644
--- a/src/layouts/billing/components/Invoices/index.js
+++ b/src/layouts/billing/components/Invoices/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/PaymentMethod/index.js b/src/layouts/billing/components/PaymentMethod/index.js
index d4073e02..f26e1f34 100644
--- a/src/layouts/billing/components/PaymentMethod/index.js
+++ b/src/layouts/billing/components/PaymentMethod/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/Transaction/index.js b/src/layouts/billing/components/Transaction/index.js
index 10c83a55..b95a4ba2 100644
--- a/src/layouts/billing/components/Transaction/index.js
+++ b/src/layouts/billing/components/Transaction/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/components/Transactions/index.js b/src/layouts/billing/components/Transactions/index.js
index 035f2710..671978c6 100644
--- a/src/layouts/billing/components/Transactions/index.js
+++ b/src/layouts/billing/components/Transactions/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/billing/index.js b/src/layouts/billing/index.js
index 1f66ba7d..8357fb14 100644
--- a/src/layouts/billing/index.js
+++ b/src/layouts/billing/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -23,7 +23,7 @@ import SuiBox from "components/SuiBox";
 import MasterCard from "examples/Cards/MasterCard";
 import DefaultInfoCard from "examples/Cards/InfoCards/DefaultInfoCard";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
 import DashboardNavbar from "examples/Navbars/DashboardNavbar";
 import Footer from "examples/Footer";
diff --git a/src/layouts/dashboard/components/BuildByDevelopers/index.js b/src/layouts/dashboard/components/BuildByDevelopers/index.js
index 9dfd823f..b9bdc8aa 100644
--- a/src/layouts/dashboard/components/BuildByDevelopers/index.js
+++ b/src/layouts/dashboard/components/BuildByDevelopers/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/dashboard/components/OrderOverview/index.js b/src/layouts/dashboard/components/OrderOverview/index.js
index 8d2df90c..08f78c33 100644
--- a/src/layouts/dashboard/components/OrderOverview/index.js
+++ b/src/layouts/dashboard/components/OrderOverview/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,7 +21,7 @@ import Icon from "@mui/material/Icon";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import TimelineItem from "examples/Timeline/TimelineItem";
 
 function OrdersOverview() {
diff --git a/src/layouts/dashboard/components/Projects/index.js b/src/layouts/dashboard/components/Projects/index.js
index a6236299..b3657b7a 100644
--- a/src/layouts/dashboard/components/Projects/index.js
+++ b/src/layouts/dashboard/components/Projects/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/dashboard/components/WorkWithTheRockets/index.js b/src/layouts/dashboard/components/WorkWithTheRockets/index.js
index 938b33d9..f4b99e39 100644
--- a/src/layouts/dashboard/components/WorkWithTheRockets/index.js
+++ b/src/layouts/dashboard/components/WorkWithTheRockets/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/dashboard/data/gradientLineChartData.js b/src/layouts/dashboard/data/gradientLineChartData.js
index c1c77bf1..c161901a 100644
--- a/src/layouts/dashboard/data/gradientLineChartData.js
+++ b/src/layouts/dashboard/data/gradientLineChartData.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const gradientLineChartData = {
   labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
   datasets: [
     {
@@ -28,3 +28,5 @@ export default {
     },
   ],
 };
+
+export default gradientLineChartData;
diff --git a/src/layouts/dashboard/data/reportsBarChartData.js b/src/layouts/dashboard/data/reportsBarChartData.js
index a7c93553..4b14f01b 100644
--- a/src/layouts/dashboard/data/reportsBarChartData.js
+++ b/src/layouts/dashboard/data/reportsBarChartData.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const reportsBarChartData = {
   chart: {
     labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
     datasets: { label: "Sales", data: [450, 200, 100, 220, 500, 100, 400, 230, 500] },
@@ -41,3 +41,5 @@ export default {
     },
   ],
 };
+
+export default reportsBarChartData;
diff --git a/src/layouts/dashboard/index.js b/src/layouts/dashboard/index.js
index 4fecc696..0d904983 100644
--- a/src/layouts/dashboard/index.js
+++ b/src/layouts/dashboard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,7 +21,7 @@ import Icon from "@mui/material/Icon";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
 import DashboardNavbar from "examples/Navbars/DashboardNavbar";
 import Footer from "examples/Footer";
diff --git a/src/layouts/profile/components/Header/index.js b/src/layouts/profile/components/Header/index.js
index b2b9e687..422eefad 100644
--- a/src/layouts/profile/components/Header/index.js
+++ b/src/layouts/profile/components/Header/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -22,20 +22,20 @@ import AppBar from "@mui/material/AppBar";
 import Tabs from "@mui/material/Tabs";
 import Tab from "@mui/material/Tab";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiAvatar from "components/SuiAvatar";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import DashboardNavbar from "examples/Navbars/DashboardNavbar";
 
-// Soft UI Dashboard PRO React icons
+// Soft UI Dashboard React icons
 import Cube from "examples/Icons/Cube";
 import Document from "examples/Icons/Document";
 import Settings from "examples/Icons/Settings";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import breakpoints from "assets/theme/base/breakpoints";
 
 // Images
diff --git a/src/layouts/profile/components/PlatformSettings/index.js b/src/layouts/profile/components/PlatformSettings/index.js
index e5d09484..ddb5eb95 100644
--- a/src/layouts/profile/components/PlatformSettings/index.js
+++ b/src/layouts/profile/components/PlatformSettings/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,7 +19,7 @@ import { useState } from "react";
 import Card from "@mui/material/Card";
 import Switch from "@mui/material/Switch";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/layouts/profile/data/profilesListData.js b/src/layouts/profile/data/profilesListData.js
index a8f06308..bcb9d06e 100644
--- a/src/layouts/profile/data/profilesListData.js
+++ b/src/layouts/profile/data/profilesListData.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -20,7 +20,7 @@ import ivana from "assets/images/ivana-square.jpg";
 import team3 from "assets/images/team-3.jpg";
 import team4 from "assets/images/team-4.jpg";
 
-export default [
+const profilesListData = [
   {
     image: kal,
     name: "Sophie B.",
@@ -77,3 +77,5 @@ export default [
     },
   },
 ];
+
+export default profilesListData;
diff --git a/src/layouts/profile/index.js b/src/layouts/profile/index.js
index 0bec5913..2c36c2a2 100644
--- a/src/layouts/profile/index.js
+++ b/src/layouts/profile/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v2.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -26,7 +26,7 @@ import InstagramIcon from "@mui/icons-material/Instagram";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
 import Footer from "examples/Footer";
 import ProfileInfoCard from "examples/Cards/InfoCards/ProfileInfoCard";
diff --git a/src/layouts/rtl/components/BuildByDevelopers/index.js b/src/layouts/rtl/components/BuildByDevelopers/index.js
index 4f020f7e..7775d7c3 100644
--- a/src/layouts/rtl/components/BuildByDevelopers/index.js
+++ b/src/layouts/rtl/components/BuildByDevelopers/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/rtl/components/OrderOverview/index.js b/src/layouts/rtl/components/OrderOverview/index.js
index 7f03168d..a2767df9 100644
--- a/src/layouts/rtl/components/OrderOverview/index.js
+++ b/src/layouts/rtl/components/OrderOverview/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,7 +21,7 @@ import Icon from "@mui/material/Icon";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import TimelineItem from "examples/Timeline/TimelineItem";
 
 function OrdersOverview() {
diff --git a/src/layouts/rtl/components/Projects/index.js b/src/layouts/rtl/components/Projects/index.js
index a8d43e6a..d2de3b82 100644
--- a/src/layouts/rtl/components/Projects/index.js
+++ b/src/layouts/rtl/components/Projects/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/rtl/components/WorkWithTheRockets/index.js b/src/layouts/rtl/components/WorkWithTheRockets/index.js
index 98b78c64..74ea4a0c 100644
--- a/src/layouts/rtl/components/WorkWithTheRockets/index.js
+++ b/src/layouts/rtl/components/WorkWithTheRockets/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/rtl/data/gradientLineChartData.js b/src/layouts/rtl/data/gradientLineChartData.js
index c1c77bf1..c161901a 100644
--- a/src/layouts/rtl/data/gradientLineChartData.js
+++ b/src/layouts/rtl/data/gradientLineChartData.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const gradientLineChartData = {
   labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
   datasets: [
     {
@@ -28,3 +28,5 @@ export default {
     },
   ],
 };
+
+export default gradientLineChartData;
diff --git a/src/layouts/rtl/data/reportsBarChartData.js b/src/layouts/rtl/data/reportsBarChartData.js
index a7c93553..4b14f01b 100644
--- a/src/layouts/rtl/data/reportsBarChartData.js
+++ b/src/layouts/rtl/data/reportsBarChartData.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -13,7 +13,7 @@ Coded by www.creative-tim.com
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
-export default {
+const reportsBarChartData = {
   chart: {
     labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
     datasets: { label: "Sales", data: [450, 200, 100, 220, 500, 100, 400, 230, 500] },
@@ -41,3 +41,5 @@ export default {
     },
   ],
 };
+
+export default reportsBarChartData;
diff --git a/src/layouts/rtl/index.js b/src/layouts/rtl/index.js
index 1b6972bf..0983de10 100644
--- a/src/layouts/rtl/index.js
+++ b/src/layouts/rtl/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -22,7 +22,7 @@ import Icon from "@mui/material/Icon";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
 import DashboardNavbar from "examples/Navbars/DashboardNavbar";
 import Footer from "examples/Footer";
diff --git a/src/layouts/tables/data/authorsTableData.js b/src/layouts/tables/data/authorsTableData.js
index 696e0f95..3e82ca4c 100644
--- a/src/layouts/tables/data/authorsTableData.js
+++ b/src/layouts/tables/data/authorsTableData.js
@@ -41,7 +41,7 @@ function Function({ job, org }) {
   );
 }
 
-export default {
+const authorsTableData = {
   columns: [
     { name: "author", align: "left" },
     { name: "function", align: "left" },
@@ -191,3 +191,5 @@ export default {
     },
   ],
 };
+
+export default authorsTableData;
diff --git a/src/layouts/tables/data/projectsTableData.js b/src/layouts/tables/data/projectsTableData.js
index 2f5b97f0..70115949 100644
--- a/src/layouts/tables/data/projectsTableData.js
+++ b/src/layouts/tables/data/projectsTableData.js
@@ -34,7 +34,7 @@ const action = (
   </Icon>
 );
 
-export default {
+const projectsTableData = {
   columns: [
     { name: "project", align: "left" },
     { name: "budget", align: "left" },
@@ -136,3 +136,5 @@ export default {
     },
   ],
 };
+
+export default projectsTableData;
diff --git a/src/layouts/tables/index.js b/src/layouts/tables/index.js
index fa5da235..63d1f94b 100644
--- a/src/layouts/tables/index.js
+++ b/src/layouts/tables/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -20,7 +20,7 @@ import Card from "@mui/material/Card";
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
-// Soft UI Dashboard React example components
+// Soft UI Dashboard React examples
 import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
 import DashboardNavbar from "examples/Navbars/DashboardNavbar";
 import Footer from "examples/Footer";
diff --git a/src/layouts/virtual-reality/components/BaseLayout/index.js b/src/layouts/virtual-reality/components/BaseLayout/index.js
index 87a38a3b..c6ede090 100644
--- a/src/layouts/virtual-reality/components/BaseLayout/index.js
+++ b/src/layouts/virtual-reality/components/BaseLayout/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -21,19 +21,19 @@ import { useLocation } from "react-router-dom";
 // prop-types is a library for typechecking of props
 import PropTypes from "prop-types";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 
-// Soft UI Dashboard PRO React example components
+// Soft UI Dashboard React examples
 import DashboardLayout from "examples/LayoutContainers/DashboardLayout";
 import DashboardNavbar from "examples/Navbars/DashboardNavbar";
 import Footer from "examples/Footer";
 import Sidenav from "examples/Sidenav";
 
-// Soft UI Dashboard PRO React context
+// Soft UI Dashboard React context
 import { useSoftUIController, setMiniSidenav, setLayout, setTransparentSidenav } from "context";
 
-// Soft UI Dashboard PRO React routes
+// Soft UI Dashboard React routes
 import routes from "routes";
 
 // Custom styles for the BaseLayout
diff --git a/src/layouts/virtual-reality/components/BaseLayout/styles.js b/src/layouts/virtual-reality/components/BaseLayout/styles.js
index d1280183..eaeb4bd7 100644
--- a/src/layouts/virtual-reality/components/BaseLayout/styles.js
+++ b/src/layouts/virtual-reality/components/BaseLayout/styles.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
diff --git a/src/layouts/virtual-reality/components/Emails/index.js b/src/layouts/virtual-reality/components/Emails/index.js
index e1638758..7a806938 100644
--- a/src/layouts/virtual-reality/components/Emails/index.js
+++ b/src/layouts/virtual-reality/components/Emails/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -17,7 +17,7 @@ Coded by www.creative-tim.com
 import Card from "@mui/material/Card";
 import Tooltip from "@mui/material/Tooltip";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/layouts/virtual-reality/components/MediaPlayer/index.js b/src/layouts/virtual-reality/components/MediaPlayer/index.js
index 7294872e..7ceac541 100644
--- a/src/layouts/virtual-reality/components/MediaPlayer/index.js
+++ b/src/layouts/virtual-reality/components/MediaPlayer/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -18,7 +18,7 @@ import Card from "@mui/material/Card";
 import Icon from "@mui/material/Icon";
 import Tooltip from "@mui/material/Tooltip";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiButton from "components/SuiButton";
diff --git a/src/layouts/virtual-reality/components/Messages/index.js b/src/layouts/virtual-reality/components/Messages/index.js
index 42ad040c..41f8f445 100644
--- a/src/layouts/virtual-reality/components/Messages/index.js
+++ b/src/layouts/virtual-reality/components/Messages/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -17,7 +17,7 @@ Coded by www.creative-tim.com
 import Card from "@mui/material/Card";
 import Tooltip from "@mui/material/Tooltip";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 import SuiAvatar from "components/SuiAvatar";
diff --git a/src/layouts/virtual-reality/components/TodoCard/index.js b/src/layouts/virtual-reality/components/TodoCard/index.js
index 9a8859be..4a79d7e8 100644
--- a/src/layouts/virtual-reality/components/TodoCard/index.js
+++ b/src/layouts/virtual-reality/components/TodoCard/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -18,7 +18,7 @@ import Card from "@mui/material/Card";
 import Icon from "@mui/material/Icon";
 import Tooltip from "@mui/material/Tooltip";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/layouts/virtual-reality/components/TodoList/index.js b/src/layouts/virtual-reality/components/TodoList/index.js
index d5ffaad0..db11ff92 100644
--- a/src/layouts/virtual-reality/components/TodoList/index.js
+++ b/src/layouts/virtual-reality/components/TodoList/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -19,7 +19,7 @@ import Divider from "@mui/material/Divider";
 import Icon from "@mui/material/Icon";
 import Tooltip from "@mui/material/Tooltip";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiTypography from "components/SuiTypography";
 
diff --git a/src/layouts/virtual-reality/index.js b/src/layouts/virtual-reality/index.js
index c0a73388..e04a2c51 100644
--- a/src/layouts/virtual-reality/index.js
+++ b/src/layouts/virtual-reality/index.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 
@@ -18,13 +18,13 @@ import Grid from "@mui/material/Grid";
 import Tooltip from "@mui/material/Tooltip";
 import Icon from "@mui/material/Icon";
 
-// Soft UI Dashboard PRO React components
+// Soft UI Dashboard React components
 import SuiBox from "components/SuiBox";
 import SuiAvatar from "components/SuiAvatar";
 import SuiTypography from "components/SuiTypography";
 import SuiButton from "components/SuiButton";
 
-// Soft UI Dashboard PRO React base styles
+// Soft UI Dashboard React base styles
 import typography from "assets/theme/base/typography";
 
 // VR dashboards components
diff --git a/src/routes.js b/src/routes.js
index 06c24d24..3e950fb6 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -1,10 +1,10 @@
 /**
 =========================================================
-* Soft UI Dashboard React - v3.0.0
+* Soft UI Dashboard React - v3.1.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-react
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 
 Coded by www.creative-tim.com
 

From 781171ba26bfe57742897ab3ddfbbb71fc7855f0 Mon Sep 17 00:00:00 2001
From: sajadevo <nawabisajadahmad@gmail.com>
Date: Fri, 4 Mar 2022 15:48:40 +0430
Subject: [PATCH 2/3] Add a new command, update the routing system and fix the
 DefaultNavbarLink eslint issue.

---
 .yarnrc.yml                                   |  1 +
 package.json                                  |  8 +--
 src/App.js                                    | 16 +++---
 .../DefaultNavbar/DefaultNavbarLink.js        | 54 +++++++++----------
 src/routes.js                                 | 16 +++---
 5 files changed, 47 insertions(+), 48 deletions(-)
 create mode 100644 .yarnrc.yml

diff --git a/.yarnrc.yml b/.yarnrc.yml
new file mode 100644
index 00000000..b202b004
--- /dev/null
+++ b/.yarnrc.yml
@@ -0,0 +1 @@
+pnpFallbackMode: all
diff --git a/package.json b/package.json
index efa8847f..bef1cd53 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,8 @@
 {
   "name": "soft-ui-dashboard-react",
   "version": "3.1.0",
-  "private": true,
   "author": "Creative Tim",
-  "license": "See license in https://www.creative-tim.com/license",
+  "license": "SEE LICENSE IN <https://www.creative-tim.com/license>",
   "description": "ReactJS version of Soft UI Dashboard by Creative Tim",
   "homepage": "https://demos.creative-tim.com/soft-ui-dashboard-react/#/",
   "bugs": {
@@ -48,7 +47,8 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start"
+    "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
+    "install:peer-deps": "npm install --legacy-peer-deps"
   },
   "eslintConfig": {
     "extends": [
@@ -69,7 +69,7 @@
     ]
   },
   "devDependencies": {
-    "eslint": "8.9.0",
+    "eslint": "8.10.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "8.4.0",
     "eslint-plugin-import": "2.25.4",
diff --git a/src/App.js b/src/App.js
index 5cee47cb..12012f6a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,7 +16,7 @@ Coded by www.creative-tim.com
 import { useState, useEffect, useMemo } from "react";
 
 // react-router components
-import { Route, Switch, Redirect, useLocation } from "react-router-dom";
+import { Routes, Route, Navigate, useLocation } from "react-router-dom";
 
 // @mui material components
 import { ThemeProvider } from "@mui/material/styles";
@@ -102,7 +102,7 @@ export default function App() {
       }
 
       if (route.route) {
-        return <Route exact path={route.route} component={route.component} key={route.key} />;
+        return <Route exact path={route.route} element={route.component} key={route.key} />;
       }
 
       return null;
@@ -151,10 +151,10 @@ export default function App() {
           </>
         )}
         {layout === "vr" && <Configurator />}
-        <Switch>
+        <Routes>
           {getRoutes(routes)}
-          <Redirect from="*" to="/dashboard" />
-        </Switch>
+          <Route path="*" element={<Navigate to="/dashboard" />} />
+        </Routes>
       </ThemeProvider>
     </CacheProvider>
   ) : (
@@ -175,10 +175,10 @@ export default function App() {
         </>
       )}
       {layout === "vr" && <Configurator />}
-      <Switch>
+      <Routes>
         {getRoutes(routes)}
-        <Redirect from="*" to="/dashboard" />
-      </Switch>
+        <Route path="*" element={<Navigate to="/dashboard" />} />
+      </Routes>
     </ThemeProvider>
   );
 }
diff --git a/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js b/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js
index b17a538f..c9b85a7c 100644
--- a/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js
+++ b/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js
@@ -28,35 +28,33 @@ import SuiTypography from "components/SuiTypography";
 
 function DefaultNavbarLink({ icon, name, route, light }) {
   return (
-    <>
-      <SuiBox
-        component={Link}
-        to={route}
-        mx={1}
-        p={1}
-        display="flex"
-        alignItems="center"
-        sx={{ cursor: "pointer", userSelect: "none" }}
+    <SuiBox
+      component={Link}
+      to={route}
+      mx={1}
+      p={1}
+      display="flex"
+      alignItems="center"
+      sx={{ cursor: "pointer", userSelect: "none" }}
+    >
+      <Icon
+        sx={{
+          color: ({ palette: { white, secondary } }) => (light ? white.main : secondary.main),
+          verticalAlign: "middle",
+        }}
       >
-        <Icon
-          sx={{
-            color: ({ palette: { white, secondary } }) => (light ? white.main : secondary.main),
-            verticalAlign: "middle",
-          }}
-        >
-          {icon}
-        </Icon>
-        <SuiTypography
-          variant="button"
-          fontWeight="regular"
-          color={light ? "white" : "dark"}
-          textTransform="capitalize"
-          sx={{ width: "100%", lineHeight: 0 }}
-        >
-          &nbsp;{name}
-        </SuiTypography>
-      </SuiBox>
-    </>
+        {icon}
+      </Icon>
+      <SuiTypography
+        variant="button"
+        fontWeight="regular"
+        color={light ? "white" : "dark"}
+        textTransform="capitalize"
+        sx={{ width: "100%", lineHeight: 0 }}
+      >
+        &nbsp;{name}
+      </SuiTypography>
+    </SuiBox>
   );
 }
 
diff --git a/src/routes.js b/src/routes.js
index 3e950fb6..6f542cd8 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -62,7 +62,7 @@ const routes = [
     key: "dashboard",
     route: "/dashboard",
     icon: <Shop size="12px" />,
-    component: Dashboard,
+    component: <Dashboard />,
     noCollapse: true,
   },
   {
@@ -71,7 +71,7 @@ const routes = [
     key: "tables",
     route: "/tables",
     icon: <Office size="12px" />,
-    component: Tables,
+    component: <Tables />,
     noCollapse: true,
   },
   {
@@ -80,7 +80,7 @@ const routes = [
     key: "billing",
     route: "/billing",
     icon: <CreditCard size="12px" />,
-    component: Billing,
+    component: <Billing />,
     noCollapse: true,
   },
   {
@@ -89,7 +89,7 @@ const routes = [
     key: "virtual-reality",
     route: "/virtual-reality",
     icon: <Cube size="12px" />,
-    component: VirtualReality,
+    component: <VirtualReality />,
     noCollapse: true,
   },
   {
@@ -98,7 +98,7 @@ const routes = [
     key: "rtl",
     route: "/rtl",
     icon: <Settings size="12px" />,
-    component: RTL,
+    component: <RTL />,
     noCollapse: true,
   },
   { type: "title", title: "Account Pages", key: "account-pages" },
@@ -108,7 +108,7 @@ const routes = [
     key: "profile",
     route: "/profile",
     icon: <CustomerSupport size="12px" />,
-    component: Profile,
+    component: <Profile />,
     noCollapse: true,
   },
   {
@@ -117,7 +117,7 @@ const routes = [
     key: "sign-in",
     route: "/authentication/sign-in",
     icon: <Document size="12px" />,
-    component: SignIn,
+    component: <SignIn />,
     noCollapse: true,
   },
   {
@@ -126,7 +126,7 @@ const routes = [
     key: "sign-up",
     route: "/authentication/sign-up",
     icon: <SpaceShip size="12px" />,
-    component: SignUp,
+    component: <SignUp />,
     noCollapse: true,
   },
 ];

From 47c90b00acc0d01650ea09e22b36b97838ee5ea7 Mon Sep 17 00:00:00 2001
From: sajadevo <nawabisajadahmad@gmail.com>
Date: Fri, 4 Mar 2022 15:50:35 +0430
Subject: [PATCH 3/3] Update the changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ed4ddc90..a05907f9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Change Log
 
-## [3.1.0] 2022-02-23
+## [3.1.0] 2022-03-04
 
 ### Bug fixing