👇🏽 How to define semantic tokens in @panda__css
Semantic tokens help you create more meaningful and context-specific styles based on your design system 🎨
Code playground: play.panda-css.com/V2_Ntsl66…
I had an amazing time speaking at the Middlesbrough Front End Conf @middlesbroughfe
I spoke about the Modern Approach to CSS-in-JS using @panda__css. It felt so good to compare the benefits of runtime vs build time CSS-in-JS and shed more light on Panda
Thanks to the organizers for having me 🎉
Exciting news! 🌈 With the latest Park UI @panda__css preset, you can now lock in a component's color mode!
🎨✨ Get ready for perfect, consistent theming and total control over your UI's look!
🚨 BREAKING CHANGES
🗑️ Removed legacy config.optimize option (CSS is now always optimized where possible)
🚫 Removed emitPackage config option
Use importMap for absolute paths (e.g., component libraries)
More details on alternatives in full changelog.
🔄 Changed
🔒 Ensure classnames are unique across utilities to prevent potential clash
📊 Minor changes to panda analyze --output coverage.json file format
🧩 Recipes className now optional for recipes and slotRecipes, fallbacks to its name
The flexibility that @panda__css provides makes a great developer experience 🚀
In this video, I show you how to customize the JSX factory when building components.
I am working on a @panda__css theme generator
My idea is to have a visual way to customize your tokens & create reusable presets out them.
I've just finished the color system generator. It has full support for dark/light modes & OKLCH
#React#Nextjspandacss-theme-generator.ver…