Version Packages (#329)

Author: seek-oss-ci

.changeset/calm-pillows-jam.md

@@ -23,8 +23,8 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@vanilla-extract/babel-plugin": "^1.0.1",
-    "@vanilla-extract/css": "1.3.0",
-    "@vanilla-extract/sprinkles": "^1.1.1",
+    "@vanilla-extract/css": "1.4.0",
+    "@vanilla-extract/sprinkles": "^1.1.2",
     "@vanilla-extract/webpack-plugin": "^2.0.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.2.4",

.changeset/five-weeks-do.md

@@ -6,7 +6,7 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.3.0",
+    "@vanilla-extract/css": "1.4.0",
     "@vanilla-extract/dynamic": "2.0.0"
   }
 }

examples/webpack-react/package.json

@@ -5,6 +5,6 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.3.0"
+    "@vanilla-extract/css": "1.4.0"
   }
 }

fixtures/features/package.json

@@ -6,7 +6,7 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.3.0",
-    "@vanilla-extract/sprinkles": "1.1.1"
+    "@vanilla-extract/css": "1.4.0",
+    "@vanilla-extract/sprinkles": "1.1.2"
   }
 }

fixtures/low-level/package.json

@@ -6,7 +6,7 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.3.0",
+    "@vanilla-extract/css": "1.4.0",
     "@vanilla-extract/dynamic": "2.0.0"
   }
 }

fixtures/sprinkles/package.json

@@ -8,6 +8,6 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.3.0"
+    "@vanilla-extract/css": "1.4.0"
   }
 }

fixtures/themed/package.json

@@ -1,5 +1,45 @@
 # @vanilla-extract/css
 
+## 1.4.0
+
+### Minor Changes
+
+- [#326](https://github.com/seek-oss/vanilla-extract/pull/326) [`2d9b4c3`](https://github.com/seek-oss/vanilla-extract/commit/2d9b4c3e711310e55dbefe4b3430a771d95d62fd) Thanks [@mattcompiles](https://github.com/mattcompiles)! - Support passing arrays of styles to `style` and `styleVariants`
+
+  Multiple styles can now be composed into a single rule by providing an array of styles.
+
+  ```ts
+  import { style } from '@vanilla-extract/css';
+
+  const base = style({ padding: 12 });
+
+  export const primary = style([base, { background: 'blue' }]);
+
+  export const secondary = style([base, { background: 'aqua' }]);
+  ```
+
+  When composed styles are used in selectors, they are assigned an additional class if required 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.
+
+  ```ts
+  import { style, globalStyle } from '@vanilla-extract/css';
+
+  const background = style({ background: 'mintcream' });
+  const padding = style({ padding: 12 });
+
+  export const container = style([background, padding]);
+
+  globalStyle(`${container} *`, {
+    boxSizing: 'border-box',
+  });
+  ```
+
+  This feature is a replacement for the standalone `composeStyles` function which is now marked as deprecated. You can use `style` with an array as a drop-in replacement.
+
+  ```diff
+  -export const container = composeStyles(background, padding);
+  +export const container = style([background, padding]);
+  ```
+
 ## 1.3.0
 
 ### Minor Changes

fixtures/unused-modules/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/css",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "sideEffects": true,
   "main": "dist/vanilla-extract-css.cjs.js",