chore: upgrade dependencies

srflp · srflp · commit 54c3e8037d23 · 2021-09-05T18:12:23.000+02:00
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -1,2 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/next.config.js b/next.config.js
@@ -5,8 +5,5 @@ module.exports = withPlugins(
   {
     basePath: process.env.NEXT_PUBLIC_BASE_PATH,
     assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH,
-    future: {
-      webpack5: true,
-    },
   },
 );
diff --git a/package.json b/package.json
@@ -15,36 +15,36 @@
     "clean-nm": "rimraf node_modules"
   },
   "dependencies": {
-    "@next/bundle-analyzer": "^10.2.3",
-    "@radix-ui/react-polymorphic": "^0.0.11",
-    "@stitches/react": "^0.1.9",
-    "chart.js": "^3.3.2",
+    "@next/bundle-analyzer": "^11.1.2",
+    "@radix-ui/react-polymorphic": "^0.0.13",
+    "@stitches/react": "^1.0.0",
+    "chart.js": "^3.5.1",
     "lodash": "^4.17.20",
-    "next": "10.2.3",
+    "next": "11.1.2",
     "next-compose-plugins": "^2.2.1",
     "react": "17.0.2",
-    "react-chartjs-2": "^3.0.3",
+    "react-chartjs-2": "^3.0.4",
     "react-dom": "17.0.2",
-    "react-hook-form": "^7.7.1"
+    "react-hook-form": "^7.15.0"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.170",
-    "@types/node": "^14.14.19",
-    "@types/react": "^17.0.9",
-    "@typescript-eslint/eslint-plugin": "^4.26.0",
-    "@typescript-eslint/parser": "^4.26.0",
-    "eslint": "^7.28.0",
-    "eslint-config-airbnb-typescript": "^12.0.0",
+    "@types/lodash": "^4.14.172",
+    "@types/node": "^16.7.10",
+    "@types/react": "^17.0.20",
+    "@typescript-eslint/eslint-plugin": "^4.30.0",
+    "@typescript-eslint/parser": "^4.30.0",
+    "eslint": "^7.32.0",
+    "eslint-config-airbnb-typescript": "^14.0.0",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.25.1",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "lint-staged": ">=11.0.0",
-    "prettier": "^2.3.0",
-    "simple-git-hooks": ">=2.4.1",
-    "typescript": "^4.3.2"
+    "lint-staged": ">=11.1.2",
+    "prettier": "^2.3.2",
+    "simple-git-hooks": ">=2.6.1",
+    "typescript": "^4.4.2"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -1,6 +1,6 @@
-import NextDocument, { Html, Head, Main, NextScript } from 'next/document';
-import { getCssString } from 'stitches.config';
+import NextDocument, { Head, Html, Main, NextScript } from 'next/document';
 import React from 'react';
+import { getCssText } from 'stitches.config';
 
 export const pathPrefix = process.env.NEXT_PUBLIC_BASE_PATH || '';
 
@@ -34,7 +34,7 @@ export default class Document extends NextDocument {
             type="text/css"
             charSet="utf-8"
           />
-          <style id="stitches" dangerouslySetInnerHTML={{ __html: getCssString() }} />
+          <style id="stitches" dangerouslySetInnerHTML={{ __html: getCssText() }} />
         </Head>
         <body>
           <Main />
diff --git a/stitches.config.ts b/stitches.config.ts
@@ -1,7 +1,9 @@
-import { createCss, StitchesCss } from '@stitches/react';
+import type * as Stitches from '@stitches/react';
+import { createStitches } from '@stitches/react';
 
 const minWidth = (width: string) => `(min-width: ${width})`;
-const stitches = createCss({
+
+const stitches = createStitches({
   theme: {
     colors: {
       main: '#6CCAFF',
@@ -25,60 +27,54 @@ const stitches = createCss({
     '2xl': minWidth('1536px'),
   },
   utils: {
-    m: () => (value) => ({
-      marginTop: value,
-      marginBottom: value,
-      marginLeft: value,
-      marginRight: value,
+    m: (value: Stitches.PropertyValue<'margin'>) => ({
+      margin: value,
     }),
-    mt: () => (value) => ({
+    mt: (value: Stitches.PropertyValue<'marginTop'>) => ({
       marginTop: value,
     }),
-    mr: () => (value) => ({
+    mr: (value: Stitches.PropertyValue<'marginRight'>) => ({
       marginRight: value,
     }),
-    mb: () => (value) => ({
+    mb: (value: Stitches.PropertyValue<'marginBottom'>) => ({
       marginBottom: value,
     }),
-    ml: () => (value) => ({
+    ml: (value: Stitches.PropertyValue<'marginLeft'>) => ({
       marginLeft: value,
     }),
-    mx: () => (value) => ({
+    mx: (value: Stitches.PropertyValue<'margin'>) => ({
       marginLeft: value,
       marginRight: value,
     }),
-    my: () => (value) => ({
+    my: (value: Stitches.PropertyValue<'margin'>) => ({
       marginTop: value,
       marginBottom: value,
     }),
-    p: () => (value) => ({
-      paddingTop: value,
-      paddingBottom: value,
-      paddingLeft: value,
-      paddingRight: value,
+    p: (value: Stitches.PropertyValue<'padding'>) => ({
+      padding: value,
     }),
-    pt: () => (value) => ({
+    pt: (value: Stitches.PropertyValue<'paddingTop'>) => ({
       paddingTop: value,
     }),
-    pr: () => (value) => ({
+    pr: (value: Stitches.PropertyValue<'paddingRight'>) => ({
       paddingRight: value,
     }),
-    pb: () => (value) => ({
+    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => ({
       paddingBottom: value,
     }),
-    pl: () => (value) => ({
+    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => ({
       paddingLeft: value,
     }),
-    px: () => (value) => ({
+    px: (value: Stitches.PropertyValue<'padding'>) => ({
       paddingLeft: value,
       paddingRight: value,
     }),
-    py: () => (value) => ({
+    py: (value: Stitches.PropertyValue<'padding'>) => ({
       paddingTop: value,
       paddingBottom: value,
     }),
   },
 });
 
-export type CSS = StitchesCss<typeof stitches>;
-export const { styled, css, getCssString } = stitches;
+export type CSS = Stitches.CSS<typeof stitches>;
+export const { styled, css, getCssText } = stitches;
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -5,8 +5,5 @@ module.exports = withPlugins(`
`5`	`5`	`{`
`6`	`6`	`basePath: process.env.NEXT_PUBLIC_BASE_PATH,`
`7`	`7`	`assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH,`
`8`		`- future: {`
`9`		`- webpack5: true,`
`10`		`- },`
`11`	`8`	`},`
`12`	`9`	`);`