Comments (2)
Hi @omerman,
This is by design. Themed recipes and their .raw(...)
return a string
, not a style object, so you can't pass it to the css
function. Returning a style object will create a bloated JS bundle for the recipes.
In future versions, we might consider throwing an error when using .raw()
for themed recipes. It should only be used for atomic recipes.
from panda.
@segunadebayo Thank you for your comment
TBH I dont understand why it will create a bloated js, as this is the the way the entire system works (when using recipes not as part of the theme, which is 99% of the code) in order to work around it I will export standard SVA/CVA instead..
Thanks
from panda.
Related Issues (20)
- need panda mangle to avoid copy paster HOT 1
- Utilities generate wrong CSS when usage with presets HOT 2
- _after property not working as intended. HOT 2
- support px to rem? HOT 1
- Support Style Props for Svelte HOT 1
- Wrong "missing token" warning when using nested tokens
- Semantic tokens break tokens completely HOT 4
- Jest encountered an unexpected token
- Code completion issues in Webstorm
- cva not extracting css in 0.33.0 HOT 1
- CVA and SVA not pre-generating CSS HOT 1
- backgroundImage doesn't work with template string as value HOT 1
- Pattern styles not compiled in monorepo
- Pattern styles not compiled in monorepo HOT 4
- Panda config polyfill & preflight options bug HOT 2
- Styles not generated on windows
- Color opacity modifier syntax (blue.300/70) in token references doesn't work with conditions HOT 1
- Recipe invalid when I change the name of the component HOT 1
- Config Recipe are not extracted properly using `raw` function HOT 2
- Using color opacity modifier syntax in semantic tokens with conditions will throw an error in validation
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from panda.