Releases: vanilla-extract-css/vanilla-extract
Releases · vanilla-extract-css/vanilla-extract
@vanilla-extract/[email protected]
@vanilla-extract/[email protected]
@vanilla-extract/[email protected]
@vanilla-extract/[email protected]
Minor Changes
-
#1062
d33aa4aThanks @markdalgleish! - Support assigning properties to layers via@layeroption ondefinePropertiesExample 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. });
@vanilla-extract/[email protected]
@vanilla-extract/[email protected]
Patch Changes
- #1047
589d89eThanks @jd-oconnor! - Add rollup v3 as a peer dependency
@vanilla-extract/[email protected]
Minor Changes
-
#955
ece5fc3Thanks @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
@layerkey 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', }, }, });
@vanilla-extract/[email protected]
Patch Changes
@vanilla-extract/[email protected]
Minor Changes
- #1044
3163abcThanks @mszczepanczyk! - Addvariantsfunction for accessing variant names at runtime