Merge pull request #83 from Giveth/update-dependencies

Update dependencies

.storybook/main.js

@@ -1,16 +1,14 @@
 module.exports = {
-  "typescript": { reactDocgen: false },
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials"
-  ],
+  "typescript": {
+    reactDocgen: false
+  },
+  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  "addons": ["@storybook/addon-links", "@storybook/addon-essentials"],
   "framework": "@storybook/react",
   "core": {
     "builder": "webpack5"
+  },
+  docs: {
+    autodocs: true
   }
-}
-
+};

package.json

@@ -8,10 +8,10 @@
 	"module": "./lib/esm/index.js",
 	"types": "./lib/esm/index.d.ts",
 	"dependencies": {
-		"next": "12.0.7",
-		"react": "17.0.2",
-		"react-dom": "17.0.2",
-		"styled-components": "^5.3.1"
+		"next": "13.1.6",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"styled-components": "^5.3.6"
 	},
 	"scripts": {
 		"build": "rm -rf lib;yarn build:esm && yarn build:cjs",
@@ -24,24 +24,27 @@
 		"lint:fix": "eslint . --ext .ts --ext .tsx --fix"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.16.7",
-		"@storybook/addon-actions": "^6.4.9",
-		"@storybook/addon-essentials": "^6.4.9",
-		"@storybook/addon-links": "^6.4.9",
-		"@storybook/builder-webpack5": "^6.4.9",
-		"@storybook/manager-webpack5": "^6.4.9",
-		"@storybook/react": "^6.4.9",
-		"@types/node": "17.0.5",
-		"@types/react": "17.0.38",
-		"@types/styled-components": "^5.1.14",
-		"babel-loader": "^8.2.3",
-		"eslint": "8.5.0",
-		"eslint-config-next": "12.0.7",
+		"@babel/core": "^7.21.0",
+		"@storybook/addon-actions": "^6.5.16",
+		"@storybook/addon-essentials": "^6.5.16",
+		"@storybook/addon-interactions": "^6.5.16",
+		"@storybook/addon-links": "6.5.16",
+		"@storybook/builder-webpack5": "^6.5.16",
+		"@storybook/manager-webpack5": "^6.5.16",
+		"@storybook/react": "^6.5.16",
+		"@storybook/testing-library": "^0.0.13",
+		"@types/node": "18.14.0",
+		"@types/react": "18.0.28",
+		"@types/react-dom": "18.0.11",
+		"@types/styled-components": "^5.1.26",
+		"babel-loader": "^8.3.0",
+		"eslint": "8.34.0",
+		"eslint-config-next": "13.1.6",
+		"eslint-config-prettier": "^8.3.0",
 		"eslint-plugin-prettier": "^4.0.0",
-		"eslint-plugin-storybook": "^0.5.5",
+		"eslint-plugin-storybook": "^0.6.11",
 		"prettier": "^2.5.1",
-		"eslint-config-prettier": "^8.3.0",
-		"typescript": "4.5.4"
+		"typescript": "4.9.5"
 	},
 	"release": {
 		"branches": [

src/stories/Introduction.stories.mdx

@@ -10,7 +10,8 @@ import StackAlt from './assets/stackalt.svg';
 
 <Meta title="Example/Introduction" />
 
-<style>{`
+<style>
+  {`
   .subheading {
     --mediumdark: '#999999';
     font-weight: 900;
@@ -112,7 +113,8 @@ import StackAlt from './assets/stackalt.svg';
   }
 
   
-`}</style>
+  `}
+</style>
 
 # Welcome to React NPM Boilerplate