Update dependencies to Linaria 6.3.0 and replace Linaria imports with wyw-in-js equivalents (#1053)

Author: danielkita

.storybook/.babelrc.json

@@ -18,7 +18,7 @@
         ],
         "@babel/preset-react",
         "@babel/preset-typescript",
-        "@linaria"
+        "@wyw-in-js/babel-preset"
     ],
     "plugins": ["@babel/plugin-proposal-class-properties"]
 }

.storybook/main.cjs

@@ -10,9 +10,9 @@ module.exports = {
 
     async viteFinal(config) {
         const { mergeConfig } = await import("vite");
-        const linaria = await import("@linaria/vite");
+        const wyw = await import("@wyw-in-js/vite");
         return mergeConfig(config, {
-            plugins: [linaria.default()],
+            plugins: [wyw.default()],
         });
     },
 

config/build-util.sh

@@ -50,7 +50,7 @@ remove_all_css_imports() {
 
 compile() {
     tsc -p tsconfig.$1.json --outdir ./dist/$1-tmp --declarationDir ./dist/dts-tmp
-    linaria -r dist/$1-tmp/ -m esnext -o dist/$1-tmp/ dist/$1-tmp/**/*.js -t -i dist/$1-tmp -c ../../config/linaria.json > /dev/null
+    wyw-in-js -r dist/$1-tmp/ -m esnext -o dist/$1-tmp/ dist/$1-tmp/**/*.js -t -i dist/$1-tmp -c ../../config/linaria.json > /dev/null
     remove_all_css_imports dist/$1-tmp
 
     # replace dist/$1 (if it exists) with dist/$1-tmp

package-lock.json

@@ -35,14 +35,8 @@
         "@babel/preset-react": "^7.27.1",
         "@babel/preset-typescript": "^7.27.1",
         "@faker-js/faker": "^7.6.0",
-        "@linaria/babel-preset": "^4.5.4",
-        "@linaria/cli": "^4.5.4",
-        "@linaria/core": "^4.5.4",
-        "@linaria/esbuild": "^4.5.4",
-        "@linaria/react": "^4.5.4",
-        "@linaria/shaker": "^4.5.3",
-        "@linaria/vite": "^4.5.4",
-        "@linaria/webpack-loader": "^4.5.4",
+        "@linaria/core": "^6.3.0",
+        "@linaria/react": "^6.3.0",
         "@storybook/addon-docs": "^9.0.11",
         "@storybook/addon-links": "^9.0.11",
         "@storybook/addons": "^7.6.20",
@@ -67,6 +61,8 @@
         "@typescript-eslint/parser": "^6.21.0",
         "@typescript-eslint/typescript-estree": "^5.62.0",
         "@vitejs/plugin-react": "^4.5.2",
+        "@wyw-in-js/cli": "^0.7.0",
+        "@wyw-in-js/vite": "^0.7.0",
         "babel-loader": "^8.4.1",
         "chokidar-cli": "^3.0.0",
         "clean-css-cli": "^5.6.3",

package.json

@@ -51,7 +51,7 @@
     ],
     "dependencies": {
         "@glideapps/glide-data-grid": "6.0.4-alpha12",
-        "@linaria/react": "^4.5.4",
+        "@linaria/react": "^6.3.0",
         "@toast-ui/editor": "3.2.2",
         "@toast-ui/react-editor": "3.2.3",
         "react-select": "^5.10.1"

packages/cells/package.json

@@ -57,7 +57,7 @@
     },
     "homepage": "https://grid.glideapps.com",
     "dependencies": {
-        "@linaria/react": "^4.5.4",
+        "@linaria/react": "^6.3.0",
         "canvas-hypertxt": "^1.0.3",
         "react-number-format": "^5.4.4"
     },