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

📃 Full changelog: t.ly/9exFy
1
13
1,240
Panda CSS retweeted
そーいえば @panda__css に関するTips書きました。 --- 【Tips】Panda CSSでplaceholderの色を変える|GANGAN zenn.dev/gangannikki/article… #zenn
2
1
7
953
✔︎ Fix issue where using scale css property adds an additional 'px' ✔︎ Fix issue where styled objects are sometimes incorrectly merged, leading to extraneous classnames in the DOM
1
284
✔︎ Fix issue in reset styles where button does not inherit color style ✔︎ Fix issue where FileSystem writes cause intermittent errors in different build contexts (Vercel, Docker). This was solved by limiting the concurrency using the p-limit library
1
1
332
✔︎ Fix persistent error that causes CI builds to fail due to PostCSS plugin emitting artifacts in the middle of a build process. ✔︎ Fix issue where conditions don't work in semantic tokens when using template literal syntax.
1
114
✔︎ Change OmittedHTMLProps to be empty when using config.jsxStyleProps as minimal or none ✔︎ Remove export types from jsx when no jsxFramework configuration ✔︎ Use predefined interfaces instead of relying on automatic TS type inference or type aliases.
1
49
✔︎ Add --host and --port flags to studio.
1
65
✔︎ Extract identifier values coming from an EnumDeclaration member
1
63
📃 Full changelog: t.ly/1B8VS
1
2
18
1,405
Join @astahmer_dev and me this Friday for a live stream where we'll demo how to set up @panda__css in a monorepo. 📅 Friday, 27th Oct (3pm GMT) youtube.com/live/fzVyQxVvf7o
1
11
57
8,511
✔︎ Added a new type to extract variants out of styled components
5
354
✔︎ Automatically add each recipe slots to the jsx property, with a dot notation
1
3
369
Limitation to styled element vomposition: This feature does not allow compose mixed styled composition. A mixed styled composition happens when an element is created from a cva/inline cva, and another created from a config recipe.
1
1
99
Styled element composition; This ensures that you can compose two styled elements together and the styles will be merged correctly.
1
1
2
326
cssVarRoot fix Say you wanted to expose tokens to `::backroot` for example, you could do this in your config:
1
1
103
✔︎ Fix an issue with the @layer tokens CSS declarations when using cssVarRoot with multiple selectors. ✔︎ Improve support for styled element composition. ✔︎ Added a new type to extract variants out of styled components 📃 Full changelog: t.ly/pTlH3
1
6
42
3,713
Replying to @bennycode
You're missing tailwind merge, clsx, cva, CVA Tailwind regex, Tailwinds Prettier plugin for sort, maybe tailwind animations plugin. Or you can just use @panda__css :)
2
2
16
3,911
Excited about the new ask-ai 🪄 channel in the @panda__css Discord server This channel is powered by the @inkeep model trained on our docs, GitHub repo, and YouTube video transcriptions. It allows users to ask questions related to Panda, even if it’s not documented yet.
2
7
61
14,663
Note that the {type} argument only works when passing an --outfile. You can use it like this:
290
In addition to the optional glob that you can already pass to override the config.include option, the panda cssgen command now accepts a new {type} argument to generate only a specific type of CSS: - preflight - tokens - static - global - keyframes
1
303