Version Packages

vanilla-extract-css · Dec 20, 2024 · 3c6ea8c · 3c6ea8c
1 parent 67f4eaf
commit 3c6ea8c
Show file tree

Hide file tree

Showing 24 changed files with 185 additions and 125 deletions.
diff --git a/.changeset/angry-rules-tease.md b/.changeset/angry-rules-tease.md
diff --git a/.changeset/modern-cobras-sort.md b/.changeset/modern-cobras-sort.md
diff --git a/.changeset/nasty-wasps-tie.md b/.changeset/nasty-wasps-tie.md
diff --git a/.changeset/poor-mirrors-care.md b/.changeset/poor-mirrors-care.md
diff --git a/packages/babel-plugin-debug-ids/CHANGELOG.md b/packages/babel-plugin-debug-ids/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @vanilla-extract/babel-plugin-debug-ids
 
+## 1.2.0
+
+### Minor Changes
+
+- [#1092](https://github.com/vanilla-extract-css/vanilla-extract/pull/1092) [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b) Thanks [@z4o4z](https://github.com/z4o4z)! - Add support for `createVar` calls that declare `@property` rules
+
 ## 1.1.0
 
 ### Minor Changes

diff --git a/packages/babel-plugin-debug-ids/package.json b/packages/babel-plugin-debug-ids/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/babel-plugin-debug-ids",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-babel-plugin-debug-ids.cjs.js",
   "module": "dist/vanilla-extract-babel-plugin-debug-ids.esm.js",

diff --git a/packages/css/CHANGELOG.md b/packages/css/CHANGELOG.md
@@ -1,5 +1,117 @@
 # @vanilla-extract/css
 
+## 1.17.0
+
+### Minor Changes
+
+- [#1092](https://github.com/vanilla-extract-css/vanilla-extract/pull/1092) [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b) Thanks [@z4o4z](https://github.com/z4o4z)! - `keyframes`: Add support for a `vars` property to steps within `keyframes` declarations
+
+  Example usage:
+
+  ```ts
+  import {
+    createVar,
+    keyframes
+  } from '@vanilla-extract/css';
+
+  const angle = createVar({
+    syntax: '<angle>',
+    inherits: false,
+    initialValue: '0deg'
+  });
+
+  export const angleKeyframes = keyframes({
+    '0%': {
+      vars: {
+        [angle]: '0deg'
+      }
+    },
+    '100%': {
+      vars: {
+        [angle]: '360deg'
+      }
+    }
+  });
+  ```
+
+- [#1512](https://github.com/vanilla-extract-css/vanilla-extract/pull/1512) [`4abfc0b`](https://github.com/vanilla-extract-css/vanilla-extract/commit/4abfc0b47c675f9a7bfdb4c3316b1c62d2b8e558) Thanks [@askoufis](https://github.com/askoufis)! - `createTheme`, `createGlobalTheme`: Add support for assigning themes to a layer
+
+  Themes can now be assigned to a layer by name using the `@layer` key at the top-level of the theme definition.
+
+  **EXAMPLE USAGE**:
+
+  ```ts
+  // themes.css.ts
+  import {
+    createTheme,
+    createGlobalTheme,
+    layer
+  } from '@vanilla-extract/css';
+
+  export const themeLayer = layer();
+
+  export const [themeA, vars] = createTheme({
+    '@layer': themeLayer,
+    color: {
+      brand: 'blue'
+    },
+    font: {
+      body: 'arial'
+    }
+  });
+
+  export const vars2 = createGlobalTheme(':root', {
+    '@layer': themeLayer,
+    space: {
+      small: '10px',
+      large: '20px'
+    }
+  });
+  ```
+
+  This will generate the following CSS:
+
+  ```css
+  @layer themes_themeLayer__1k6oxph0;
+  @layer themes_themeLayer__1k6oxph0 {
+    .themes_themeA__1k6oxph1 {
+      --color-brand__1k6oxph2: blue;
+      --font-body__1k6oxph3: arial;
+    }
+
+    :root {
+      --space-small__z05zdf1: 10px;
+      --space-large__z05zdf2: 20px;
+    }
+  }
+  ```
+
+- [#1092](https://github.com/vanilla-extract-css/vanilla-extract/pull/1092) [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b) Thanks [@z4o4z](https://github.com/z4o4z)! - `createVar`: Add support for defining [`@property`] rules
+
+  Example usage:
+
+  ```ts
+  import { createVar } from '@vanilla-extract/css';
+
+  export const myVar = createVar({
+    syntax: '<number>',
+    inherits: false,
+    initialValue: '0.5'
+  });
+  ```
+
+  This will generate the following CSS:
+
+  ```css
+  @property --myVar__jteyb14 {
+    syntax: '<number>';
+    inherits: false;
+    initial-value: 0.5;
+  }
+  ```
+
+  [`@property`]: https://developer.mozilla.org/en-US/docs/Web/CSS/@property
+
 ## 1.16.1
 
 ### Patch Changes

diff --git a/packages/css/package.json b/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/css",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "sideEffects": true,
   "main": "dist/vanilla-extract-css.cjs.js",

diff --git a/packages/esbuild-plugin/CHANGELOG.md b/packages/esbuild-plugin/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @vanilla-extract/esbuild-plugin
 
+## 2.3.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @vanilla-extract/integration@7.1.12
+
 ## 2.3.12
 
 ### Patch Changes

diff --git a/packages/esbuild-plugin/package.json b/packages/esbuild-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/esbuild-plugin",
-  "version": "2.3.12",
+  "version": "2.3.13",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-esbuild-plugin.cjs.js",
   "module": "dist/vanilla-extract-esbuild-plugin.esm.js",

diff --git a/packages/integration/CHANGELOG.md b/packages/integration/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @vanilla-extract/integration
 
+## 7.1.12
+
+### Patch Changes
+
+- Updated dependencies [[`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b), [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b), [`4abfc0b`](https://github.com/vanilla-extract-css/vanilla-extract/commit/4abfc0b47c675f9a7bfdb4c3316b1c62d2b8e558), [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b)]:
+  - @vanilla-extract/babel-plugin-debug-ids@1.2.0
+  - @vanilla-extract/css@1.17.0
+
 ## 7.1.11
 
 ### Patch Changes

diff --git a/packages/integration/package.json b/packages/integration/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/integration",
-  "version": "7.1.11",
+  "version": "7.1.12",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-integration.cjs.js",
   "types": "dist/vanilla-extract-integration.cjs.d.ts",

diff --git a/packages/jest-transform/CHANGELOG.md b/packages/jest-transform/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @vanilla-extract/jest-transform
 
+## 1.1.12
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @vanilla-extract/integration@7.1.12
+
 ## 1.1.11
 
 ### Patch Changes

diff --git a/packages/jest-transform/package.json b/packages/jest-transform/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/jest-transform",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "Jest transformer for vanilla-extract",
   "main": "dist/vanilla-extract-jest-transform.cjs.js",
   "module": "dist/vanilla-extract-jest-transform.esm.js",

diff --git a/packages/next-plugin/CHANGELOG.md b/packages/next-plugin/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @vanilla-extract/next-plugin
 
+## 2.4.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @vanilla-extract/webpack-plugin@2.3.16
+
 ## 2.4.7
 
 ### Patch Changes

diff --git a/packages/next-plugin/package.json b/packages/next-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/next-plugin",
-  "version": "2.4.7",
+  "version": "2.4.8",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-next-plugin.cjs.js",
   "module": "dist/vanilla-extract-next-plugin.esm.js",

diff --git a/packages/parcel-transformer/CHANGELOG.md b/packages/parcel-transformer/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @vanilla-extract/parcel-transformer
 
+## 1.0.12
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @vanilla-extract/integration@7.1.12
+
 ## 1.0.11
 
 ### Patch Changes

diff --git a/packages/parcel-transformer/package.json b/packages/parcel-transformer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/parcel-transformer",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-parcel-transformer.cjs.js",
   "module": "dist/vanilla-extract-parcel-transformer.esm.js",

diff --git a/packages/rollup-plugin/CHANGELOG.md b/packages/rollup-plugin/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @vanilla-extract/rollup-plugin
 
+## 1.3.12
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @vanilla-extract/integration@7.1.12
+
 ## 1.3.11
 
 ### Patch Changes

diff --git a/packages/rollup-plugin/package.json b/packages/rollup-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/rollup-plugin",
-  "version": "1.3.11",
+  "version": "1.3.12",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-rollup-plugin.cjs.js",
   "module": "dist/vanilla-extract-rollup-plugin.esm.js",