@pandacss/core@0.6.0
版本发布时间: 2023-07-08 22:15:02
chakra-ui/panda最新发布版本:@pandacss/types@0.46.0(2024-09-10 02:16:05)
Patch Changes
-
12c900ee: Fix issue where unitless grid properties were converted to pixel values
-
5bd88c41: Fix JSX recipe extraction when multiple recipes were used on the same component, ex:
const ComponentWithMultipleRecipes = ({ variant }) => { return ( <button className={cx(pinkRecipe({ variant }), greenRecipe({ variant }), blueRecipe({ variant }))}>Hello</button> ) }
Given a
panda.config.ts
with recipes each including a commonjsx
tag name, such as:recipes: { pinkRecipe: { name: 'pinkRecipe', jsx: ['ComponentWithMultipleRecipes'], base: { color: 'pink.100' }, variants: { variant: { small: { fontSize: 'sm' }, }, }, }, greenRecipe: { name: 'greenRecipe', jsx: ['ComponentWithMultipleRecipes'], base: { color: 'green.100' }, variants: { variant: { small: { fontSize: 'sm' }, }, }, }, blueRecipe: { name: 'blueRecipe', jsx: ['ComponentWithMultipleRecipes'], base: { color: 'blue.100' }, variants: { variant: { small: { fontSize: 'sm' }, }, }, }, },
Only the first matching recipe would be noticed and have its CSS generated, now this will properly generate the CSS for each of them
-
ef1dd676: Fix issue where
staticCss
did not generate all variants in the array ofcss
rules -
b50675ca: Refactor parser to support extracting
css
prop in JSX elements correctly.- @pandacss/types@0.6.0
- @pandacss/token-dictionary@0.6.0
- @pandacss/error@0.6.0
- @pandacss/logger@0.6.0
- @pandacss/shared@0.6.0