fix: styles need to be imported by consumers (#451)

* fix: styles need to be imported by consumers * fix: use localized css modules
ipfs · Oct 17, 2024 · b195bc0 · b195bc0
1 parent 7ffbcca
commit b195bc0
Show file tree

Hide file tree

Showing 17 changed files with 843 additions and 19 deletions.
diff --git a/.aegir.js b/.aegir.js
@@ -105,6 +105,9 @@ export default {
 
       // vite stuff
       'rollup-plugin-node-polyfills',
+
+      // typescript plugins
+      'typescript-plugin-css-modules'
     ],
     productionIgnorePatterns: [
       '.aegir.js',

diff --git a/.gitignore b/.gitignore
@@ -31,3 +31,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 storybook-static
+.vscode
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -6,8 +6,6 @@ globalThis.Buffer = Buffer
 // import CSS files
 import 'ipfs-css'
 import 'tachyons'
-import '../src/components/loader/loader.css'
-import '../src/components/object-info/links-table.css'
 
 const preview: Preview = {
   // tags: ['autodocs']

diff --git a/README.md b/README.md
@@ -141,6 +141,7 @@ And, assuming you are using `create-react-app` or a similar webpack set up, you'
 ```js
 import 'tachyons'
 import 'ipfs-css'
+import 'ipld-explorer-components/css'
 ```
 
 ### Customizing the links displayed in the StartExploringPage