Skip to content

Releases: vanilla-extract-css/vanilla-extract

@vanilla-extract/[email protected]

10 Sep 06:24
544a518

Choose a tag to compare

Minor Changes

Patch Changes

@vanilla-extract/[email protected]

10 Sep 06:24
544a518

Choose a tag to compare

Minor Changes

@vanilla-extract/[email protected]

10 Sep 06:24
544a518

Choose a tag to compare

Minor Changes

Patch Changes

@vanilla-extract/[email protected]

07 Sep 04:56
d101b43

Choose a tag to compare

Minor Changes

  • #341 0b743e7 Thanks @mattcompiles! - No longer require Babel to be run on .css.ts files

    Previously, the @vanilla-extract/webpack-plugin required the @vanilla-extract/babel-plugin to be run over .css.ts files. In order to bring webpack inline with the other integrations, the @vanilla-extract/webpack-plugin can now be used without Babel.

    Note: Automatic debug IDs still require the @vanilla-extract/babel-plugin.

Patch Changes

@vanilla-extract/[email protected]

07 Sep 04:56
d101b43

Choose a tag to compare

Patch Changes

@vanilla-extract/[email protected]

07 Sep 04:56
d101b43

Choose a tag to compare

Minor Changes

  • #334 0d8efe2 Thanks @markdalgleish! - Support multiple default conditions

    If your conditions are mutually exclusive (e.g. light mode and dark mode), you can now provide an array of default conditions. For example, the following configuration would automatically expand atoms({ background: 'white' }) to the equivalent of atoms({ background: { lightMode: 'white', darkMode: 'white' }}).

    import { createAtomicStyles } from '@vanilla-extract/sprinkles';
    
    const responsiveStyles = createAtomicStyles({
      conditions: {
        lightMode: { '@media': '(prefers-color-scheme: light)' },
        darkMode: { '@media': '(prefers-color-scheme: dark)' },
      },
      defaultCondition: ['lightMode', 'darkMode'],
      // etc.
    });

@vanilla-extract/[email protected]

07 Sep 04:56
d101b43

Choose a tag to compare

Minor Changes

Patch Changes

@vanilla-extract/[email protected]

07 Sep 04:56
d101b43

Choose a tag to compare

Patch Changes

@vanilla-extract/[email protected]

02 Sep 02:09
8a25cda

Choose a tag to compare

Patch Changes

@vanilla-extract/[email protected]

01 Sep 05:07
63a88e1

Choose a tag to compare

Patch Changes

  • #327 73b55f8 Thanks @benjervis! - Fix bug where precompiled .css.ts files (.css.js) were treated differently in SSR mode.