Version Packages

[vanilla-extract-ci]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.

Releases

@vanilla-extract/[email protected]

Minor Changes

• #1614 4e92cce Thanks @askoufis! - Add new getAllCss API

  The Compiler class now provides a getAllCss method that returns all the CSS currently stored by the compiler.

  EXAMPLE USAGE:

  import { createCompiler } from '@vanilla-extract/compiler';
  
  const compiler = createCompiler({
    root: process.cwd()
  });
  
  await compiler.processVanillaFile('foo.css.ts');
  await compiler.processVanillaFile('bar.css.ts');
  
  // Contains all CSS created by `foo.css.ts` and `bar.css.ts`
  const allCss = compiler.getAllCss();

@vanilla-extract/[email protected]

Minor Changes

• #1614 4e92cce Thanks @askoufis! - Add new inlineCssInDev option to unstable_mode configuration property

  Setting unstableMode: 'inlineCssInDev' will result in all CSS generated by Vanilla Extract being inlined into a style element at the top of the document head. This feature is useful for preventing FOUC (Flash of Unstyled Content) when server-rendering your initial HTML. Without this, calling ssrLoadModule on your server entrypoint will not include the CSS in the HTML, leading to a FOUC when the client-side JavaScript takes over.

  Note that CSS will only be inlined in development mode. Production builds are unaffected by this setting.

  EXAMPLE USAGE:

  // vite.config.ts
  import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
  
  export default {
    plugins: [
      vanillaExtractPlugin({
        unstable_mode: 'inlineCssInDev'
      })
    ]
  };

Patch Changes

• Updated dependencies [4e92cce]:
  • @vanilla-extract/[email protected]