Version Packages (#305)

Author: seek-oss-ci

.changeset/tall-horses-appear.md

@@ -24,7 +24,7 @@
     "@babel/preset-typescript": "^7.13.0",
     "@vanilla-extract/babel-plugin": "^1.0.1",
     "@vanilla-extract/css": "1.2.3",
-    "@vanilla-extract/sprinkles": "^1.0.0",
+    "@vanilla-extract/sprinkles": "^1.1.0",
     "@vanilla-extract/webpack-plugin": "^1.1.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.2.4",

examples/webpack-react/package.json

@@ -7,6 +7,6 @@
   "private": true,
   "dependencies": {
     "@vanilla-extract/css": "1.2.3",
-    "@vanilla-extract/sprinkles": "1.0.0"
+    "@vanilla-extract/sprinkles": "1.1.0"
   }
 }

fixtures/sprinkles/package.json

@@ -1,5 +1,36 @@
 # @vanilla-extract/sprinkles
 
+## 1.1.0
+
+### Minor Changes
+
+- [#303](https://github.com/seek-oss/vanilla-extract/pull/303) [`e67e673`](https://github.com/seek-oss/vanilla-extract/commit/e67e673c071d3cbd7dafe4fb5667d37395c03a6b) Thanks [@rtkaaho](https://github.com/rtkaaho)! - Support passing style objects as property values.
+
+  For more complicated styles, values can now be entire style objects. This works especially well when combined with CSS Variables.
+
+  ```ts
+  import { createVar } from '@vanilla-extract/css';
+  import { createAtomicStyles } from '@vanilla-extract/sprinkles';
+
+  const alpha = createVar();
+
+  const responsiveStyles = createAtomicStyles({
+    properties: {
+      background: {
+        red: {
+          vars: { [alpha]: '1' },
+          background: `rgba(255, 0, 0, ${alpha})`,
+        },
+      },
+      backgroundOpacity: {
+        1: { vars: { [alpha]: '1' } },
+        0.1: { vars: { [alpha]: '0.1' } },
+      },
+      // etc.
+    },
+  });
+  ```
+
 ## 1.0.0
 
 ### Major Changes

packages/sprinkles/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/sprinkles",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Zero-runtime atomic CSS framework for vanilla-extract",
   "sideEffects": false,
   "main": "dist/vanilla-extract-sprinkles.cjs.js",

packages/sprinkles/package.json

@@ -1764,7 +1764,7 @@ __metadata:
   resolution: "@fixtures/sprinkles@workspace:fixtures/sprinkles"
   dependencies:
     "@vanilla-extract/css": 1.2.3
-    "@vanilla-extract/sprinkles": 1.0.0
+    "@vanilla-extract/sprinkles": 1.1.0
   languageName: unknown
   linkType: soft
 
@@ -3249,7 +3249,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@vanilla-extract/sprinkles@1.0.0, @vanilla-extract/sprinkles@^1.0.0, @vanilla-extract/sprinkles@workspace:packages/sprinkles":
+"@vanilla-extract/sprinkles@1.1.0, @vanilla-extract/sprinkles@^1.1.0, @vanilla-extract/sprinkles@workspace:packages/sprinkles":
   version: 0.0.0-use.local
   resolution: "@vanilla-extract/sprinkles@workspace:packages/sprinkles"
   dependencies:
@@ -14995,7 +14995,7 @@ typescript@^4.1.3:
     "@types/tailwindcss": ^2
     "@vanilla-extract/babel-plugin": ^1.0.1
     "@vanilla-extract/css": 1.2.3
-    "@vanilla-extract/sprinkles": ^1.0.0
+    "@vanilla-extract/sprinkles": ^1.1.0
     "@vanilla-extract/webpack-plugin": ^1.1.0
     babel-loader: ^8.2.2
     css-loader: ^5.2.4