The modern styling framework without the runtime. Type-safe ⚡️ · Design Tokens 🎨 · Variants 🍭

🔧 What's Changed: 🛠 Fixed an issue with recipe in-memory duplication leading to CSS output delays during HMR sessions. 🛠 Resolved SVG token asset quote problems. 🛠 Fixed conditions causing "Cannot read properties of undefined (reading 'raw')".
1
98
🎉 Panda CSS v0.33.0 Release 📷 Check out the full changelog and discuss the release here: github.com/chakra-ui/panda/d…
2
2
22
1,500
A neat TS trick I learned recently from @astahmer_dev while working on the `strictTokens` feature in @panda__css
5
14
150
11,200
Panda CSS retweeted
I honestly love panda-css dev experience. It is the styling tool I always dreamed about
1
5
589
Panda CSS retweeted
Look. @panda__css is not one pattern. It offers a nice mix of several. For instance, we don't like JSX styled() stuff and styled props. So, we don't use it. css(), cva(), raw() is good enough. We create common components like this (and we love it, along with some @solid_js):
3
22
4,049
- Fix issue where svg asset tokens doesn't work as expected due to unbalanced quotes. - Prevent extracting style props of styled when not explicitly imported
213
- Using colorPalette with DEFAULT values will now also override the current token path - Add missing config dependencies for some styled-system/types files
1
1
221
- Allow using multiple aliases for the same identifier for the /css entrypoints just like /patterns and /recipes
1
187
- Nested Conditions (At rules / selectors)
1
2
190
🎉 Panda CSS v0.32.0 Release 📷 Check out the full changelog and discuss the release here: github.com/chakra-ui/panda/d…
2
7
34
2,895
Theo made a video about Panda CSS based on my article 😳 I will soon respond to his points because some need clarification. My article was based on my first impressions; it's time to dive deeper into what @panda__css can do!
So I finally took a look at Panda CSS...
1
3
52
13,540
- Allow the user to set jsxFramework to any string to enable extracting JSX components. This change allows the user to set jsxFramework to any string to enable extracting JSX components without generating any artifacts.
361
- Allow config.hooks to be shared in plugins For hooks that can transform Panda's internal state by returning something, each hook will be called sequentially and the return result (if any) of the previous hook call is passed to the next hook so that they can be chained together
1
393
🔧 Changed - Always sort all to be first, so that other properties can easily override it - Switch from em to rem for breakpoints and container queries to prevent side effects.
1
101
🐛 Fixed - Fix issue in defineParts where it silently fails if a part not defined is used. It now errors with a helpful message - Automatically generate a recipe compoundVariants when using staticCss - Fix issue where 0 values doesn't get extracted when used in a condition
1
96
🎉 Panda CSS v0.32.0 Release 📷 Check out the full changelog and discuss the release here: github.com/chakra-ui/panda/d…
1
5
30
2,207
Panda CSS retweeted
Amazing what a little AI can do in a pinch. I needed to know all the shorthands for @panda__css and the docs were not exactly clear on the topic. So... github.com/chakra-ui/panda/d…
1
1
2
1,015
🔧 Changed - Sort the longhand/shorthand atomic rules in a deterministic order to prevent property conflicts - Automatically merge the base object in the css root styles in the runtime
1
346
- Add missing log with the panda -w CLI, expose resolveConfig from @pandacss/config - Add a config.polyfill option that will polyfill the CSS @layer at-rules using a postcss plugin - And --polyfill flag to panda and panda cssgen commands
1
2
400
🌟 Added - Add a RecipeVariant type to get the variants in a strict object from cva function. This complements the RecipeVariantprops type that extracts the variant as optional props, mostly intended for JSX components. - Add textShadowColor utility
1
2
91