fix(react): include css import in component

Mordech · Sep 29, 2023 · 70b22ff · 70b22ff
1 parent 3672033
commit 70b22ff
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 3 deletions.
diff --git a/.yarn/cache/magic-string-npm-0.30.4-734ca04726-bef57c926d.zip b/.yarn/cache/magic-string-npm-0.30.4-734ca04726-bef57c926d.zip
diff --git a/.yarn/cache/vite-plugin-lib-inject-css-npm-1.3.0-cd4c6e7b92-5a6cc49c7b.zip b/.yarn/cache/vite-plugin-lib-inject-css-npm-1.3.0-cd4c6e7b92-5a6cc49c7b.zip
diff --git a/package.json b/package.json
@@ -36,6 +36,7 @@
     "ts-lit-plugin": "^1.2.1",
     "typescript": "^5.1.6",
     "vite": "^4.4.7",
-    "vite-plugin-dts": "^3.5.4"
+    "vite-plugin-dts": "^3.5.4",
+    "vite-plugin-lib-inject-css": "^1.3.0"
   }
 }
diff --git a/packages/dynamic-grid-react/vite.config.ts b/packages/dynamic-grid-react/vite.config.ts
@@ -2,8 +2,10 @@ import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
+
 export default defineConfig({
-  plugins: [dts(), react()],
+  plugins: [dts(), react(), libInjectCss()],
   css: {
     modules: {
       localsConvention: 'camelCaseOnly',

diff --git a/yarn.lock b/yarn.lock
@@ -561,7 +561,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14":
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.15":
   version: 1.4.15
   resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
   checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
@@ -3079,6 +3079,7 @@ __metadata:
     typescript: ^5.1.6
     vite: ^4.4.7
     vite-plugin-dts: ^3.5.4
+    vite-plugin-lib-inject-css: ^1.3.0
   languageName: unknown
   linkType: soft
 
@@ -5821,6 +5822,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"magic-string@npm:^0.30.2":
+  version: 0.30.4
+  resolution: "magic-string@npm:0.30.4"
+  dependencies:
+    "@jridgewell/sourcemap-codec": ^1.4.15
+  checksum: bef57c926d14e9926c142307c1494cc4bdea28a56601a7624f1a5bcd34a63800e2d8a363e826436ce86104460a63ee76c7c185a6ab1f8f7ee5af2de475b98947
+  languageName: node
+  linkType: hard
+
 "make-dir@npm:4.0.0":
   version: 4.0.0
   resolution: "make-dir@npm:4.0.0"
@@ -8936,6 +8946,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-plugin-lib-inject-css@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "vite-plugin-lib-inject-css@npm:1.3.0"
+  dependencies:
+    magic-string: ^0.30.2
+    picocolors: ^1.0.0
+  peerDependencies:
+    vite: "*"
+  checksum: 5a6cc49c7b23a86024b433cd4523516db975272ac6c755072d92e0c1be4808b22a36b726c64dcfc528b6f6a2d0d5e892a2b3f5eeba8c7ee6be791739d8202306
+  languageName: node
+  linkType: hard
+
 "vite@npm:^4.4.7":
   version: 4.4.9
   resolution: "vite@npm:4.4.9"