From 52edb87ff406a3cc0fd94226595afa0298cd4e28 Mon Sep 17 00:00:00 2001
From: vicky-comeau <110498164+vicky-comeau@users.noreply.github.com>
Date: Thu, 17 Aug 2023 15:45:47 -0400
Subject: [PATCH] Fix: css file exports (#45)

---
 apps/docs/components/preview/Preview.tsx       | 1 +
 netlify.toml                                   | 2 +-
 package.json                                   | 3 ++-
 packages/tokens/package.json                   | 9 ++++-----
 packages/tokens/src/style-dictionary/config.ts | 2 +-
 pnpm-lock.yaml                                 | 3 +++
 6 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/apps/docs/components/preview/Preview.tsx b/apps/docs/components/preview/Preview.tsx
index 7b2ffd78..3926674f 100644
--- a/apps/docs/components/preview/Preview.tsx
+++ b/apps/docs/components/preview/Preview.tsx
@@ -1,3 +1,4 @@
+import "@hopper-ui/tokens/fonts.css";
 import "./preview.css";
 
 interface PreviewProps {
diff --git a/netlify.toml b/netlify.toml
index 94f4debc..b25d1f98 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,5 +1,5 @@
 [build]
-  command = "pnpm doc:build"
+  command = "pnpm build && pnpm doc:build"
   publish = "apps/docs/.next"
 
 [[plugins]]
diff --git a/package.json b/package.json
index 07f8eca5..4bc164db 100644
--- a/package.json
+++ b/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",
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 1c8e7c0a..cfe5dc9e 100644
--- a/packages/tokens/package.json
+++ b/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",
diff --git a/packages/tokens/src/style-dictionary/config.ts b/packages/tokens/src/style-dictionary/config.ts
index cf8f3da8..3e5ff444 100644
--- a/packages/tokens/src/style-dictionary/config.ts
+++ b/packages/tokens/src/style-dictionary/config.ts
@@ -22,7 +22,7 @@ export const fontsConfig = {
                         }
                     },
                     "options": {
-                        "fontPathPrefix": "./"
+                        "fontPathPrefix": "../"
                     }
                 }
             ],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e8c0310d..499340c1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,6 +21,9 @@ importers:
         specifier: 7.2.0
         version: 7.2.0
     devDependencies:
+      '@hopper-ui/tokens':
+        specifier: workspace:^
+        version: link:packages/tokens
       '@storybook/addon-essentials':
         specifier: 7.2.0
         version: 7.2.0(@types/react-dom@18.0.11)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0)