You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We had listed border\* properties as affected by strictPropertyValues but they shouldn't be restricted as their
syntax is too complex to be restricted. This removes any border* properties that do not specifically end with Style
like borderTopStyle.
import{css}from'../styled-system/css'css({borderTop: '1px solid red',// ✅ will now be fine as it should beborderTopStyle: 'abc',// ✅ will still report a TS error})
Fix a false positive with the validation check that reported Missing token when using a color opacity modifier in
config tokens or semanticTokens
[tokens] Missing token: colors.green.500/half used in config.semanticTokens.colors.secondary
[tokens] Missing token: colors.blue.500/32 used in config.semanticTokens.colors.secondary
Added
Allow using namespaced imports
import*aspfrom'styled-system/patterns'import*asrecipesfrom'styled-system/recipes'import*aspandafrom'styled-system/css'// this will now be extractedp.stack({mt: '40px'})recipes.cardStyle({rounded: true})panda.css({color: 'red'})panda.cva({base: {color: 'blue'}})panda.sva({base: {root: {color: 'green'}}})
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
To upgrade to v0.34.2:
What's Changed
Fixed
strictPropertyValues
with border* propertiesWe had listed
border\*
properties as affected bystrictPropertyValues
but they shouldn't be restricted as theirsyntax is too complex to be restricted. This removes any
border*
properties that do not specifically end withStyle
like
borderTopStyle
.Missing token
when using a color opacity modifier inconfig
tokens
orsemanticTokens
Would incorrectly report:
colors.green.500/half
used inconfig.semanticTokens.colors.secondary
colors.blue.500/32
used inconfig.semanticTokens.colors.secondary
Added
Allow using namespaced imports
Beta Was this translation helpful? Give feedback.
All reactions