Fix: css file exports (#45)

apps/docs/components/preview/Preview.tsx

@@ -1,3 +1,4 @@
+import "@hopper-ui/tokens/fonts.css";
 import "./preview.css";
 
 interface PreviewProps {

netlify.toml

@@ -1,5 +1,5 @@
 [build]
-  command = "pnpm doc:build"
+  command = "pnpm build && pnpm doc:build"
   publish = "apps/docs/.next"
 
 [[plugins]]

package.json

@@ -19,7 +19,7 @@
 
         "test": "echo \"no test specified\"",
         "build": "pnpm --filter=\"@hopper-ui/*\" -r --parallel build ",
-        "build:tokens": "pnpm --filte=\"@hopper-ui/tokens\" build",
+        "build:tokens": "pnpm --filter=\"@hopper-ui/tokens\" build",
 
         "changeset": "changeset",
         "ci-release": "pnpm build && changeset publish",
@@ -42,6 +42,7 @@
         "storybook": "7.2.0"
     },
     "devDependencies": {
+        "@hopper-ui/tokens": "workspace:^",
         "@storybook/addon-essentials": "7.2.0",
         "@storybook/addon-interactions": "7.2.0",
         "@storybook/addon-links": "7.2.0",

packages/tokens/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@hopper-ui/tokens",
     "author": "Workleap",
-    "version": "0.1.0-beta.0",
+    "version": "0.1.1-beta.0",
     "description": "The tokens package.",
     "license": "Apache-2.0",
     "repository": {
@@ -20,10 +20,9 @@
     },
     "type": "module",
     "exports": {
-        "./dist/": {
-            "import": "./dist/",
-            "require": "./dist/"
-        }
+        "./tokens.css": "./dist/tokens.css",
+        "./fonts.css": "./dist/fonts.css",
+        "./dark/tokens.css": "./dist/dark/tokens.css"
     },
     "files": [
         "dist",

packages/tokens/src/style-dictionary/config.ts

@@ -22,7 +22,7 @@ export const fontsConfig = {
                         }
                     },
                     "options": {
-                        "fontPathPrefix": "./"
+                        "fontPathPrefix": "../"
                     }
                 }
             ],