Exporting theme helper functions from a library

[nick-vincent]

Hello there!

I'm working on using Vanilla Extract in a design system library and running into an interesting issue...

I have a minimal reproduction repo here to illustrate the situation.

Basically, I'm trying to create and export a createButtonTheme helper from the design system package here.

I find that if I import the helper via relative paths here the import works and the greenThemeClass is successfully created.

However, when i build the lib and try to import it from the /dist/ folder here, the build breaks with this error:

Build Error
Failed to compile

./src/app/page.css.ts
NonErrorEmittedError: (Emitted value instead of an instance of Error) Error: Styles were unable to be assigned to a file. This is generally caused by one of the following:

- You may have created styles outside of a '.css.ts' context
- You may have incorrect configuration. See https://vanilla-extract.style/documentation/getting-started

I'm guessing something is probably wrong in my build somewhere but I can't seem to figure out what i'm missing 😩

Edit: I should add that the error above is surfaced in the browser but in the terminal logs I see this error:

NonErrorEmittedError: (Emitted value instead of an instance of Error) ReferenceError: document is not defined
Import trace for requested module:
./src/app/page.css.ts

[nick-vincent]

I've been doing some more investigation on this today...

I tried just exporting the theme contract from the lib and then using VE's createTheme() in the client application instead.

Again, this works when importing the contract via relative paths, but when importing from the built /dist/ I get this error:

NonErrorEmittedError: (Emitted value instead of an instance of Error) ReferenceError: document is not defined

Since this seems to be the blessed way to do what I'm trying to do, I'm curious if anyone else has run into this?