chore(examples): update with-linaria

examples/cms-sitefinity/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/with-linaria/.babelrc

@@ -1,3 +1,6 @@
 {
-  "presets": ["next/babel", "linaria/babel"]
-}
+  "presets": [
+    "next/babel",
+    "@linaria"
+  ]
+}

examples/with-linaria/package.json

@@ -6,13 +6,15 @@
     "start": "next start"
   },
   "dependencies": {
-    "linaria": "^2.1.0",
+    "@linaria/core": "^4.1.2",
+    "@linaria/react": "^4.1.4",
     "next": "latest",
-    "next-linaria": "^0.11.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "next-linaria": "^1.0.1-beta",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.10"
+    "@linaria/babel-preset": "^4.2.1",
+    "@linaria/webpack-loader": "^4.1.4"
   }
 }

examples/with-linaria/pages/index.js → examples/with-linaria/pages/index.ts

@@ -1,6 +1,6 @@
 import Head from 'next/head'
-import { styled } from 'linaria/react'
-import { css } from 'linaria'
+import { styled } from '@linaria/react'
+import { css } from '@linaria/core'
 
 const Box = styled.div`
   margin-top: 40px;

examples/with-linaria/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}