vanilla-extract

Minor Changes

• #1160 e391bae Thanks @SombreroElGringo! - Users can now provide a custom identifier hashing function

Minor Changes

• #1160 e391bae Thanks @SombreroElGringo! - Users can now provide a custom identifier hashing function

Minor Changes

• #1160 e391bae Thanks @SombreroElGringo! - Users can now provide a custom identifier hashing function

Patch Changes

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

Patch Changes

• #1155 1cb537b Thanks @GeeWizWow! - Fix URL statements not respecting Next's setup for resolving assets

Patch Changes

• #1148 b279bb5 Thanks @mattcompiles! - Fix error when intializing plugin

Minor Changes

• #1105 9541d79 Thanks @SukkaW! - Fix #1101. Correctly handle Next.js configuration.

Minor Changes

• #1104 fd5fac5 Thanks @aspirisen! - Expose recipe's class names to allow their selection

• #1104 fd5fac5 Thanks @aspirisen! - Always create a base class name for a recipe

Minor Changes

• #1114 001be83 Thanks @taylorfsteele! - Supports passing multiple font face rules to fontFace

  Example usage

  import { fontFace, style } from '@vanilla-extract/css';
  
  const gentium = fontFace([
    {
      src: 'local("Gentium")',
      fontWeight: 'normal',
    },
    {
      src: 'local("Gentium Bold")',
      fontWeight: 'bold',
    },
  ]);
  
  export const font = style({
    fontFamily: gentium,
  });
  

Patch Changes

• #1117 8a35dff Thanks @gabro! - Export SprinklesProperties type

Patch Changes

• #1106 8b1c965 Thanks @mattcompiles! - Fix "Invalid selector" errors on pseudo-elements with params

Patch Changes

• #1099 0d1c17a Thanks @shuding! - Use the resolved Next.js config in next-plugin

Patch Changes

• #1093 8bed6f5 Thanks @kosmotema! - Fix HMR in Windows by normalizing paths from watchFiles

Patch Changes

• #1066 0d0ea39 Thanks @askoufis! - Fix stale emitted CSS in SSR mode by invalidating all modules related to a file

Patch Changes

• #1084 a0fd623 Thanks @graup! - Fix emitting assets when in watch mode (#1076)

Patch Changes

• #1054 3c74cc2 Thanks @askoufis! - Handle alternative compiled forms of array destructured createTheme

Minor Changes

• #1062 d33aa4a Thanks @markdalgleish! - Support assigning properties to layers via @layer option on defineProperties

  Example usage:

  // sprinkles.css.ts
  import { defineProperties } from '@vanilla-extract/sprinkles';
  import { layer } from '@vanilla-extract/css';
  
  export const sprinklesLayer = layer();
  
  const properties = defineProperties({
    '@layer': sprinklesLayer,
    // etc.
  });
  

Patch Changes

• #1060 71f1dc5 Thanks @SuttonJack! - Prepare next-plugin for Next 13 App Dir support

• #912 9cefba8 Thanks @nix6839! - Add types to Nextjs plugin configuration

Minor Changes

• #955 ece5fc3 Thanks @mrm007! - Add support for cascade layers, i.e. @layer.

  Create a scoped layer to avoid naming collisions, or with an explicit name using globalLayer. Styles can then be assigned to layers using the @layer key within your style definition.

  // layers.css.ts
  import { layer } from '@vanilla-extract/css';
  
  export const reset = layer('reset');
  export const framework = layer('framework');
  export const typography = layer('typography');
  
  // typography.css.ts
  import { style } from '@vanilla-extract/css';
  import { typography } from './layers.css';
  
  export const standard = style({
    '@layer': {
      [typography]: {
        fontSize: '1rem',
      },
    },
  });
  

Patch Changes

• #1047 589d89e Thanks @jd-oconnor! - Add rollup v3 as a peer dependency

Minor Changes

• #1044 3163abc Thanks @mszczepanczyk! - Add variants function for accessing variant names at runtime