Upgrade dependencies (#1572)

* Upgrade web3 to v1.3.0

* Remove polished direct dependency

* Upgrade types dependencies

* Upgrade ledger and electron related dependencies

* Update gnosis-safe-components to latest version

* Upgrade sentry dependencies to latest version

* Upgrade truffle-contract and axios

* Upgrade electron dependencies

* Use fade instead rgba with hex value

Co-authored-by: nicolas <nicosampler@users.noreply.github.com>

package.json

@@ -168,18 +168,18 @@
   "dependencies": {
     "@gnosis.pm/safe-apps-sdk": "https://github.com/gnosis/safe-apps-sdk.git#3f0689f",
     "@gnosis.pm/safe-contracts": "1.1.1-dev.2",
-    "@gnosis.pm/safe-react-components": "https://github.com/gnosis/safe-react-components.git#8d8508e",    
+    "@gnosis.pm/safe-react-components": "https://github.com/gnosis/safe-react-components.git#03ff672d6f73366297986d58631f9582fe2ed4a3",
     "@gnosis.pm/util-contracts": "2.0.6",
-    "@ledgerhq/hw-transport-node-hid": "5.26.0",
+    "@ledgerhq/hw-transport-node-hid": "5.28.0",
     "@material-ui/core": "4.11.0",
     "@material-ui/icons": "4.9.1",
     "@material-ui/lab": "4.0.0-alpha.56",
     "@openzeppelin/contracts": "3.1.0",
-    "@sentry/react": "^5.27.1",
+    "@sentry/react": "^5.27.3",
-    "@sentry/tracing": "^5.27.1",
+    "@sentry/tracing": "^5.27.3",
-    "@truffle/contract": "4.2.26",
+    "@truffle/contract": "4.2.28",
     "async-sema": "^3.1.0",
-    "axios": "0.20.0",
+    "axios": "0.21.0",
     "bignumber.js": "9.0.1",
     "bnc-onboard": "1.14.0",
     "classnames": "^2.2.6",
@@ -190,7 +190,7 @@
     "date-fns": "2.16.1",
     "detect-port": "^1.3.0",
     "electron-is-dev": "^1.2.0",
-    "electron-log": "4.2.4",
+    "electron-log": "4.3.0",
     "electron-settings": "^4.0.2",
     "electron-updater": "4.3.5",
     "eth-sig-util": "^2.5.3",
@@ -208,7 +208,6 @@
     "lodash.memoize": "^4.1.2",
     "material-ui-search-bar": "^1.0.0",
     "notistack": "https://github.com/gnosis/notistack.git#v0.9.4",
-    "polished": "3.6.7",
     "qrcode.react": "1.0.0",
     "query-string": "6.13.6",
     "react": "16.13.1",
@@ -229,13 +228,13 @@
     "reselect": "^4.0.0",
     "semver": "7.3.2",
     "styled-components": "^5.2.0",
-    "web3": "1.2.9",
+    "web3": "^1.3.0",
-    "web3-core": "^1.2.11",
+    "web3-core": "^1.3.0",
-    "web3-eth-contract": "^1.2.11",
+    "web3-eth-contract": "^1.3.0",
-    "web3-utils": "^1.2.11"
+    "web3-utils": "^1.3.0"
   },
   "devDependencies": {
-    "@sentry/cli": "^1.58.0",
+    "@sentry/cli": "^1.59.0",
     "@storybook/addon-actions": "^5.3.19",
     "@storybook/addon-links": "^5.3.19",
     "@storybook/addons": "^5.3.19",
@@ -247,20 +246,20 @@
     "@types/history": "4.6.2",
     "@types/jest": "^26.0.15",
     "@types/lodash.memoize": "^4.1.6",
-    "@types/node": "^14.14.5",
+    "@types/node": "^14.14.6",
-    "@types/react": "^16.9.54",
+    "@types/react": "^16.9.55",
     "@types/react-dom": "^16.9.9",
-    "@types/react-redux": "^7.1.9",
+    "@types/react-redux": "^7.1.11",
     "@types/react-router-dom": "^5.1.6",
     "@types/styled-components": "^5.1.4",
-    "@typescript-eslint/eslint-plugin": "4.6.0",
+    "@typescript-eslint/eslint-plugin": "4.6.1",
-    "@typescript-eslint/parser": "4.6.0",
+    "@typescript-eslint/parser": "4.6.1",
     "autoprefixer": "9.8.6",
     "cross-env": "^7.0.2",
     "dotenv": "^8.2.0",
     "dotenv-expand": "^5.1.0",
-    "electron": "9.3.1",
+    "electron": "9.3.3",
-    "electron-builder": "22.8.1",
+    "electron-builder": "22.9.1",
     "electron-notarize": "1.0.0",
     "eslint": "6.8.0",
     "eslint-config-prettier": "6.14.0",
@@ -271,7 +270,7 @@
     "eslint-plugin-sort-destructure-keys": "1.3.5",
     "ethereumjs-abi": "0.6.8",
     "husky": "^4.3.0",
-    "lint-staged": "^10.4.2",
+    "lint-staged": "^10.5.1",
     "node-sass": "^4.14.1",
     "prettier": "2.1.2",
     "react-app-rewired": "^2.1.6",

src/theme/mui.ts

@@ -1,5 +1,5 @@
 import { createMuiTheme } from '@material-ui/core/styles'
-import { rgba } from 'polished'
+import { fade } from '@material-ui/core/styles/colorManipulator'
 
 import {
   boldFont,
@@ -407,7 +407,7 @@ const theme = createMuiTheme({
     MuiCheckbox: {
       colorSecondary: {
         '&$disabled': {
-          color: rgba(secondary, 0.5),
+          color: fade(secondary, 0.5),
         },
       },
     },