From 2af539f36c39a8dbee265aa39646ba8451e55b1e Mon Sep 17 00:00:00 2001
From: Adam Skoufis <askoufis@users.noreply.github.com>
Date: Sun, 29 Sep 2024 14:20:43 +1000
Subject: [PATCH 1/4] Create poor-mirrors-care.md

---
 .changeset/poor-mirrors-care.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 .changeset/poor-mirrors-care.md

diff --git a/.changeset/poor-mirrors-care.md b/.changeset/poor-mirrors-care.md
new file mode 100644
index 00000000..50a81f78
--- /dev/null
+++ b/.changeset/poor-mirrors-care.md
@@ -0,0 +1,28 @@
+---
+"@vanilla-extract/babel-plugin-debug-ids": minor
+---
+
+Add support for property definitions to `createVar`
+
+When a property definition is provided to `createVar`, a `@property` CSS rule will be generated.
+
+Example usage:
+
+```ts
+import { createVar } from '@vanilla-extract/css';
+
+export 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;
+}
+```

From 2a0826b59f3e700ab37768a319a40d582181cdce Mon Sep 17 00:00:00 2001
From: Adam Skoufis <askoufis@users.noreply.github.com>
Date: Sun, 29 Sep 2024 14:24:48 +1000
Subject: [PATCH 2/4] Create angry-rules-tease.md

---
 .changeset/angry-rules-tease.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/angry-rules-tease.md

diff --git a/.changeset/angry-rules-tease.md b/.changeset/angry-rules-tease.md
new file mode 100644
index 00000000..6a5f7b64
--- /dev/null
+++ b/.changeset/angry-rules-tease.md
@@ -0,0 +1,5 @@
+---
+"@vanilla-extract/babel-plugin-debug-ids": minor
+---
+
+Add support for `createVar` calls with property definitions

From 8343c22b6798e30d98c6fd3d8a4dc7aba1f3d7b8 Mon Sep 17 00:00:00 2001
From: Adam Skoufis <askoufis@users.noreply.github.com>
Date: Sun, 29 Sep 2024 14:28:13 +1000
Subject: [PATCH 3/4] Create modern-cobras-sort.md

---
 .changeset/modern-cobras-sort.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 .changeset/modern-cobras-sort.md

diff --git a/.changeset/modern-cobras-sort.md b/.changeset/modern-cobras-sort.md
new file mode 100644
index 00000000..ed5be094
--- /dev/null
+++ b/.changeset/modern-cobras-sort.md
@@ -0,0 +1,28 @@
+---
+"@vanilla-extract/css": patch
+---
+
+Add support for a `vars` property to steps within `keyframes` declarations
+
+Example usage:
+
+```ts
+const angle = createVar({
+  syntax: '<angle>',
+  inherits: false,
+  initialValue: '0deg'
+});
+
+const angleKeyframes = keyframes({
+  '0%': {
+    vars: {
+      [angle]: '0deg'
+    }
+  },
+  '100%': {
+    vars: {
+      [angle]: '360deg'
+    }
+  }
+});
+```

From 5916ea4358e4e9a41d3d107d2862581e6912dc18 Mon Sep 17 00:00:00 2001
From: Adam Skoufis <askoufis@users.noreply.github.com>
Date: Sun, 29 Sep 2024 14:29:00 +1000
Subject: [PATCH 4/4] Update modern-cobras-sort.md

---
 .changeset/modern-cobras-sort.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/modern-cobras-sort.md b/.changeset/modern-cobras-sort.md
index ed5be094..35619d0c 100644
--- a/.changeset/modern-cobras-sort.md
+++ b/.changeset/modern-cobras-sort.md
@@ -1,5 +1,5 @@
 ---
-"@vanilla-extract/css": patch
+"@vanilla-extract/css": minor
 ---
 
 Add support for a `vars` property to steps within `keyframes` declarations