@vanilla-extract/[email protected]

Minor Changes

• #259 b8a6441 Thanks @markdalgleish! - Allow the result of composeStyles to be used in selectors

  When style compositions are used in selectors, they are now assigned an additional class so they can be uniquely identified. When selectors are processed internally, the composed classes are removed, only leaving behind the unique identifier classes. This allows you to treat them as if they were a single class within vanilla-extract selectors.

  import { style, globalStyle, composeStyles } from '@vanilla-extract/css';
  
  const background = style({ background: 'mintcream' });
  const padding = style({ padding: 12 });
  
  export const container = composeStyles(background, padding);
  
  globalStyle(`${container} *`, {
    boxSizing: 'border-box',
  });

Patch Changes

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

@vanilla-extract/[email protected]

Minor Changes

• #259 b8a6441 Thanks @markdalgleish! - Allow the result of composeStyles to be used in selectors

  When style compositions are used in selectors, they are now assigned an additional class so they can be uniquely identified. When selectors are processed internally, the composed classes are removed, only leaving behind the unique identifier classes. This allows you to treat them as if they were a single class within vanilla-extract selectors.

  import { style, globalStyle, composeStyles } from '@vanilla-extract/css';
  
  const background = style({ background: 'mintcream' });
  const padding = style({ padding: 12 });
  
  export const container = composeStyles(background, padding);
  
  globalStyle(`${container} *`, {
    boxSizing: 'border-box',
  });

Patch Changes

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

@vanilla-extract/[email protected]

Patch Changes

• #265 385155f Thanks @mattcompiles! - Fix fileScope error if composeStyles is called at runtime

@vanilla-extract/[email protected]

Minor Changes

• #259 b8a6441 Thanks @markdalgleish! - Allow the result of composeStyles to be used in selectors

  When style compositions are used in selectors, they are now assigned an additional class so they can be uniquely identified. When selectors are processed internally, the composed classes are removed, only leaving behind the unique identifier classes. This allows you to treat them as if they were a single class within vanilla-extract selectors.

  import { style, globalStyle, composeStyles } from '@vanilla-extract/css';
  
  const background = style({ background: 'mintcream' });
  const padding = style({ padding: 12 });
  
  export const container = composeStyles(background, padding);
  
  globalStyle(`${container} *`, {
    boxSizing: 'border-box',
  });

@vanilla-extract/[email protected]

Patch Changes

• #252 b9b3451 Thanks @graup! - Fix Exported variable 'Box' has or is using name 'ResponsiveArray' from external module error (#250)

@vanilla-extract/[email protected]

Patch Changes

• #243 93b40df Thanks @mattcompiles! - Correctly insert debugId within nested call expressions and sequence expressions

@vanilla-extract/[email protected]

Patch Changes

• #238 1ee9ba2 Thanks @mattcompiles! - Allow passing of null contract tokens in createThemeContract

@vanilla-extract/[email protected]

Patch Changes

• #235 1e49dfc Thanks @mattcompiles! - Fix createGlobalTheme types when accepting an existing contract

@vanilla-extract/[email protected]

Patch Changes

• #235 1e49dfc Thanks @mattcompiles! - Fix createGlobalTheme types when accepting an existing contract

• Updated dependencies [1e49dfc]:

  • @vanilla-extract/[email protected]

@vanilla-extract/[email protected]

Patch Changes

• #210 500eaad Thanks @markdalgleish! - Fix bug where responsiveArray with a length of 4 was considered invalid