chore: upgrade internal depedencies

demo/App/styles.ts

@@ -49,6 +49,7 @@ const fadeOut = keyframes`
 export const root = css`
   body {
     font-family: "Roboto", sans-serif;
+
     h1 {
       font-family: "Bungee Shade", cursive;
     }
@@ -99,9 +100,11 @@ export const btn = css`
   user-select: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+
   &:hover {
     background: #333;
   }
+
   &:focus {
     outline: none;
     box-shadow: 0 0 0 5px rgba(130, 138, 145, 0.5);
@@ -164,6 +167,7 @@ export const modalClose = css`
   text-shadow: 0 1px 0 #fff;
   opacity: 0.5;
   cursor: pointer;
+
   &:hover {
     opacity: 0.75;
   }

jest.config.js

@@ -1,4 +1,5 @@
 module.exports = {
   preset: "ts-jest",
+  testEnvironment: "jsdom",
   collectCoverageFrom: ["src/*.(ts|tsx)", "!src/*.d.ts"],
 };

package.json

@@ -62,48 +62,48 @@
     "**/*": "prettier --write --ignore-unknown"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.3",
-    "@babel/preset-env": "^7.14.2",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
+    "@babel/core": "^7.15.8",
+    "@babel/preset-env": "^7.15.8",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
     "@emotion/babel-plugin": "^11.3.0",
-    "@emotion/react": "^11.4.0",
+    "@emotion/react": "^11.5.0",
     "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^19.0.0",
-    "@rollup/plugin-html": "^0.2.3",
-    "@rollup/plugin-node-resolve": "^13.0.0",
-    "@rollup/plugin-replace": "^2.4.2",
-    "@rollup/plugin-url": "^6.0.0",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/react-hooks": "^5.1.2",
-    "@types/jest": "^26.0.23",
-    "@types/react": "^17.0.5",
-    "@types/react-dom": "^17.0.5",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-html": "^0.2.4",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-url": "^6.1.0",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@types/jest": "^27.0.2",
+    "@types/react": "^17.0.31",
+    "@types/react-dom": "^17.0.10",
     "eslint": "^7.2.0",
-    "eslint-config-welly": "^1.10.2",
-    "husky": "^6.0.0",
-    "jest": "^26.6.3",
-    "lint-staged": "^11.0.0",
+    "eslint-config-welly": "^1.11.8",
+    "husky": "^7.0.4",
+    "jest": "^27.3.1",
+    "lint-staged": "^11.2.3",
     "normalize.css": "^8.0.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.2.15",
-    "prettier": "^2.3.0",
+    "postcss": "^8.3.10",
+    "prettier": "^2.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.48.0",
+    "rollup": "^2.58.0",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-size-snapshot": "^0.12.0",
     "rollup-plugin-terser": "^7.0.2",
     "stylelint": "^13.13.1",
-    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^22.0.0",
-    "ts-jest": "^26.5.6",
-    "typescript": "^4.2.4"
+    "ts-jest": "^27.0.7",
+    "typescript": "^4.4.4"
   },
   "peerDependencies": {
     "react": ">= 16.8.0",