Version Packages (#3021)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
chakra-ui · Dec 8, 2024 · cada22c · cada22c
1 parent 97a0e4d
commit cada22c
Show file tree

Hide file tree

Showing 39 changed files with 449 additions and 79 deletions.
diff --git a/.changeset/rotten-plums-sniff.md b/.changeset/rotten-plums-sniff.md
diff --git a/packages/astro-plugin-studio/CHANGELOG.md b/packages/astro-plugin-studio/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @pandacss/astro-plugin-studio
 
+## 0.49.0
+
+### Patch Changes
+
+- @pandacss/node@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes

diff --git a/packages/astro-plugin-studio/package.json b/packages/astro-plugin-studio/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/astro-plugin-studio",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "Vite plugin for Pandacss Studio",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "main": "dist/index.js",

diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md
@@ -1,5 +1,74 @@
 # @pandacss/dev
 
+## 0.49.0
+
+### Minor Changes
+
+- 97a0e4d: Add support for animation styles. Animation styles focus solely on animations, allowing you to orchestrate
+  animation properties.
+
+  > Pairing animation styles with text styles and layer styles can make your styles a lot cleaner.
+
+  Here's an example of this:
+
+  ```jsx
+  import { defineAnimationStyles } from '@pandacss/dev'
+
+  export const animationStyles = defineAnimationStyles({
+    'slide-fade-in': {
+      value: {
+        transformOrigin: 'var(--transform-origin)',
+        animationDuration: 'fast',
+        '&[data-placement^=top]': {
+          animationName: 'slide-from-top, fade-in',
+        },
+        '&[data-placement^=bottom]': {
+          animationName: 'slide-from-bottom, fade-in',
+        },
+        '&[data-placement^=left]': {
+          animationName: 'slide-from-left, fade-in',
+        },
+        '&[data-placement^=right]': {
+          animationName: 'slide-from-right, fade-in',
+        },
+      },
+    },
+  })
+  ```
+
+  With that defined, I can use it in my recipe or css like so:
+
+  ```js
+  export const popoverSlotRecipe = defineSlotRecipe({
+    slots: anatomy.keys(),
+    base: {
+      content: {
+        _open: {
+          animationStyle: 'scale-fade-in',
+        },
+        _closed: {
+          animationStyle: 'scale-fade-out',
+        },
+      },
+    },
+  })
+  ```
+
+  This feature will drive consumers to lean in towards CSS for animations rather than JS. Composing animation names is a
+  powerful feature we should encourage consumers to use.
+
+### Patch Changes
+
+- Updated dependencies [97a0e4d]
+  - @pandacss/preset-panda@0.49.0
+  - @pandacss/types@0.49.0
+  - @pandacss/config@0.49.0
+  - @pandacss/node@0.49.0
+  - @pandacss/logger@0.49.0
+  - @pandacss/token-dictionary@0.49.0
+  - @pandacss/postcss@0.49.0
+  - @pandacss/shared@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/dev",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "The user facing package for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/packages/config/CHANGELOG.md b/packages/config/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @pandacss/config
 
+## 0.49.0
+
+### Patch Changes
+
+- Updated dependencies [97a0e4d]
+  - @pandacss/preset-panda@0.49.0
+  - @pandacss/types@0.49.0
+  - @pandacss/logger@0.49.0
+  - @pandacss/preset-base@0.49.0
+  - @pandacss/shared@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes

diff --git a/packages/config/package.json b/packages/config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/config",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "Find and load panda config",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
@@ -1,5 +1,71 @@
 # @pandacss/core
 
+## 0.49.0
+
+### Minor Changes
+
+- 97a0e4d: Add support for animation styles. Animation styles focus solely on animations, allowing you to orchestrate
+  animation properties.
+
+  > Pairing animation styles with text styles and layer styles can make your styles a lot cleaner.
+
+  Here's an example of this:
+
+  ```jsx
+  import { defineAnimationStyles } from '@pandacss/dev'
+
+  export const animationStyles = defineAnimationStyles({
+    'slide-fade-in': {
+      value: {
+        transformOrigin: 'var(--transform-origin)',
+        animationDuration: 'fast',
+        '&[data-placement^=top]': {
+          animationName: 'slide-from-top, fade-in',
+        },
+        '&[data-placement^=bottom]': {
+          animationName: 'slide-from-bottom, fade-in',
+        },
+        '&[data-placement^=left]': {
+          animationName: 'slide-from-left, fade-in',
+        },
+        '&[data-placement^=right]': {
+          animationName: 'slide-from-right, fade-in',
+        },
+      },
+    },
+  })
+  ```
+
+  With that defined, I can use it in my recipe or css like so:
+
+  ```js
+  export const popoverSlotRecipe = defineSlotRecipe({
+    slots: anatomy.keys(),
+    base: {
+      content: {
+        _open: {
+          animationStyle: 'scale-fade-in',
+        },
+        _closed: {
+          animationStyle: 'scale-fade-out',
+        },
+      },
+    },
+  })
+  ```
+
+  This feature will drive consumers to lean in towards CSS for animations rather than JS. Composing animation names is a
+  powerful feature we should encourage consumers to use.
+
+### Patch Changes
+
+- Updated dependencies [97a0e4d]
+  - @pandacss/types@0.49.0
+  - @pandacss/logger@0.49.0
+  - @pandacss/token-dictionary@0.49.0
+  - @pandacss/is-valid-prop@0.49.0
+  - @pandacss/shared@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/core",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "core functions for extract-it",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/packages/extractor/CHANGELOG.md b/packages/extractor/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @pandacss/extractor
 
+## 0.49.0
+
+### Patch Changes
+
+- @pandacss/shared@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes

diff --git a/packages/extractor/package.json b/packages/extractor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/extractor",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "The css extractor for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/packages/generator/CHANGELOG.md b/packages/generator/CHANGELOG.md
@@ -1,5 +1,72 @@
 # @pandacss/generator
 
+## 0.49.0
+
+### Minor Changes
+
+- 97a0e4d: Add support for animation styles. Animation styles focus solely on animations, allowing you to orchestrate
+  animation properties.
+
+  > Pairing animation styles with text styles and layer styles can make your styles a lot cleaner.
+
+  Here's an example of this:
+
+  ```jsx
+  import { defineAnimationStyles } from '@pandacss/dev'
+
+  export const animationStyles = defineAnimationStyles({
+    'slide-fade-in': {
+      value: {
+        transformOrigin: 'var(--transform-origin)',
+        animationDuration: 'fast',
+        '&[data-placement^=top]': {
+          animationName: 'slide-from-top, fade-in',
+        },
+        '&[data-placement^=bottom]': {
+          animationName: 'slide-from-bottom, fade-in',
+        },
+        '&[data-placement^=left]': {
+          animationName: 'slide-from-left, fade-in',
+        },
+        '&[data-placement^=right]': {
+          animationName: 'slide-from-right, fade-in',
+        },
+      },
+    },
+  })
+  ```
+
+  With that defined, I can use it in my recipe or css like so:
+
+  ```js
+  export const popoverSlotRecipe = defineSlotRecipe({
+    slots: anatomy.keys(),
+    base: {
+      content: {
+        _open: {
+          animationStyle: 'scale-fade-in',
+        },
+        _closed: {
+          animationStyle: 'scale-fade-out',
+        },
+      },
+    },
+  })
+  ```
+
+  This feature will drive consumers to lean in towards CSS for animations rather than JS. Composing animation names is a
+  powerful feature we should encourage consumers to use.
+
+### Patch Changes
+
+- Updated dependencies [97a0e4d]
+  - @pandacss/types@0.49.0
+  - @pandacss/core@0.49.0
+  - @pandacss/logger@0.49.0
+  - @pandacss/token-dictionary@0.49.0
+  - @pandacss/is-valid-prop@0.49.0
+  - @pandacss/shared@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes

diff --git a/packages/generator/package.json b/packages/generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/packages/is-valid-prop/CHANGELOG.md b/packages/is-valid-prop/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @pandacss/is-valid-prop
 
+## 0.49.0
+
 ## 0.48.1
 
 ## 0.48.0

diff --git a/packages/is-valid-prop/package.json b/packages/is-valid-prop/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/is-valid-prop",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/packages/logger/CHANGELOG.md b/packages/logger/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @pandacss/logger
 
+## 0.49.0
+
+### Patch Changes
+
+- Updated dependencies [97a0e4d]
+  - @pandacss/types@0.49.0
+
 ## 0.48.1
 
 ### Patch Changes