Merge pull request #25 from OutpostHQ/deps-upgrade

update deps

.changeset/gorgeous-bananas-visit.md

@@ -0,0 +1,5 @@
+---
+'tastycss': patch
+---
+
+upgrade dependencies with React v18.2.0 and Typescript v4.8.4 support

example/package.json

@@ -10,17 +10,17 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "dependencies": {
-    "next": "12.1.4",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "next": "12.3.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "tastycss": "*"
   },
   "devDependencies": {
-    "@types/node": "18.7.14",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17",
-    "eslint": "8.23.0",
-    "eslint-config-next": "12.2.5",
-    "typescript": "4.8.2"
+    "@types/node": "18.8.5",
+    "@types/react": "18.0.21",
+    "@types/react-dom": "18.0.6",
+    "eslint": "8.25.0",
+    "eslint-config-next": "12.3.1",
+    "typescript": "4.8.4"
   }
 }

example/pages/index.tsx

@@ -1,6 +1,6 @@
-import type { NextPage } from 'next';
 import { tasty } from 'tastycss';
-import styles from '../styles/Home.module.css';
+
+import type { NextPage } from 'next';
 
 const Element = tasty({
   as: 'span',
@@ -24,8 +24,6 @@ const Heading = tasty({
   },
 });
 
-const Span = tasty('span', {});
-
 const Home: NextPage = () => {
   return (
     <div>

package.json

@@ -18,18 +18,18 @@
   "devDependencies": {
     "@changesets/changelog-github": "0.4.7",
     "@changesets/cli": "2.25.0",
-    "@testing-library/jest-dom": "^5.16.1",
-    "eslint": "8.5.0",
-    "jest": "27.5.1",
-    "jest-styled-components": "^7.0.8",
+    "@testing-library/jest-dom": "^5.16.5",
+    "eslint": "8.25.0",
+    "jest": "29.1.2",
+    "jest-styled-components": "^7.1.1",
     "node-abort-controller": "3.0.1",
-    "prettier": "^2.5.1",
-    "turbo": "^1.5.1"
+    "prettier": "^2.7.1",
+    "turbo": "^1.5.6"
   },
   "dependencies": {
-    "@jengaui/react": "^0.1.3",
-    "@testing-library/react": "^12.1.2",
-    "@types/node": "18.7.14",
-    "react-transition-group": "^4.4.2"
+    "@jengaui/react": "^0.1.5",
+    "@testing-library/react": "^13.4.0",
+    "@types/node": "18.8.5",
+    "react-transition-group": "^4.4.5"
   }
 }

packages/tastycss/package.json

@@ -65,33 +65,33 @@
     "test": "jest"
   },
   "peerDependencies": {
-    "react": ">= 17.0.0",
-    "react-dom": ">= 17.0.0",
-    "styled-components": ">= 5.3.0"
+    "react": ">= 18.2.0",
+    "react-dom": ">= 18.2.0",
+    "styled-components": ">= 5.3.6"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "5.16.1",
-    "@testing-library/react": "^12.1.2",
-    "@typescript-eslint/eslint-plugin": "5.8.1",
-    "@typescript-eslint/parser": "5.8.1",
-    "eslint": "8.5.0",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-config-react-app": "7.0.0",
-    "eslint-plugin-import": "2.25.3",
-    "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-react": "7.28.0",
-    "eslint-plugin-react-hooks": "4.3.0",
-    "jest": "^27.5.1",
-    "prettier": "2.5.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "styled-components": "5.3.0",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@typescript-eslint/eslint-plugin": "5.40.0",
+    "@typescript-eslint/parser": "5.40.0",
+    "eslint": "8.25.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-config-react-app": "7.0.1",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-react": "7.31.10",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "jest": "^29.1.2",
+    "prettier": "2.7.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "styled-components": "5.3.6",
     "tsup": "^6.2.3",
-    "typescript": "4.5.4"
+    "typescript": "4.8.4"
   },
   "dependencies": {
     "find-up": "^6.3.0",
-    "react-is": "^17.0.0"
+    "react-is": "^18.2.0"
   },
   "browserslist": [
     "last 2 Chrome versions",