Update dependencies

moves to typescript 4

Author: stuarthendren

example/package.json

@@ -24,6 +24,6 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.8.4",
     "parcel": "^1.12.3",
-    "typescript": "^3.8.3"
+    "typescript": "^4.0.5"
   }
 }

example/yarn.lock

@@ -1349,11 +1349,6 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001043:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001156.tgz"
   integrity sha512-z7qztybA2eFZTB6Z3yvaQBIoJpQtsewRD74adw2UbRWwsRq3jIPvgrQGawBMbfafekQaD21FWuXNcywtTDGGCw==
 
-caniuse-lite@^1.0.30001156:
-  version "1.0.30001156"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001156.tgz#75c20937b6012fe2b02ab58b30d475bf0718de97"
-  integrity sha512-z7qztybA2eFZTB6Z3yvaQBIoJpQtsewRD74adw2UbRWwsRq3jIPvgrQGawBMbfafekQaD21FWuXNcywtTDGGCw==
-
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -5007,10 +5002,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^3.8.3:
-  version "3.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.8.3.tgz#409eb8544ea0335711205869ec458ab109ee1061"
-  integrity sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==
+typescript@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.0.5.tgz#ae9dddfd1069f1cb5beb3ef3b2170dd7c1332389"
+  integrity sha512-ywmr/VrTVCmNTJ6iV2LwIrfG1P+lv6luD8sUJs+2eI9NLGigaN+nUQc13iHqisq7bra9lnmUSYqbJvegraBOPQ==
 
 uncss@^0.17.2:
   version "0.17.3"

package.json

@@ -31,6 +31,7 @@
   "peerDependencies": {
     "@committed/components": ">=4.0.0",
     "@material-ui/core": "4.x",
+    "@material-ui/icons": "4.x",
     "react": ">=16"
   },
   "husky": {
@@ -57,6 +58,7 @@
     "@types/react": "^16.9.34",
     "@types/react-dom": "^16.9.7",
     "babel-loader": "^8.1.0",
+    "eslint-plugin-prettier": "^3.1.4",
     "husky": "^4.2.5",
     "lorem-ipsum": "^2.0.3",
     "prettier": "^2.0.5",
@@ -65,8 +67,8 @@
     "react-dom": "^16.13.1",
     "react-is": "^16.13.1",
     "ts-loader": "^7.0.2",
-    "tsdx": "^0.13.2",
-    "tslib": "^1.11.1",
-    "typescript": "^3.8.3"
+    "tsdx": "^0.14.1",
+    "tslib": "^2.0.3",
+    "typescript": "^4.0.5"
   }
 }

stories/layout.stories.mdx

@@ -30,7 +30,7 @@ yarn add @committed/components @material-ui/core @material-ui/icons react react-
 ```tsx
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { ThemeProvider, Icons } from '@committed/components'
+import { ThemeProvider } from '@committed/components'
 import {
   Root,
   Header,
@@ -50,14 +50,14 @@ const config: Partial<LayoutConfig> = {
 }
 
 const App = () => (
-  <ThemeProvider theme={theme}>
+  <ThemeProvider>
     <Root config={config}>
       <Header>
         <Typography variant="h5">Application Name</Typography>
       </Header>
       <Nav>
         <List>
-          <NavListItem text="Menu Item 1" icon={<Icons.AccountCircle />} />
+          <NavListItem text="Menu Item 1" />
         </List>
       </Nav>
       <Content>Content</Content>