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
Deprecates emitPackage, it will be removed in the next major version.
Why?
It's known for causing several issues:
bundlers sometimes eagerly cache the node_modules, leading to panda codegen updates to the styled-system not
visible in the browser
auto-imports are not suggested in your IDE.
in some IDE the typings are not always reflected properly
As alternatives, you can use:
relative paths instead of absolute paths (e.g. ../styled-system/css instead of styled-system/css)
use package.json #imports and/or tsconfig path aliases (prefer
package.json#imports when possible, TS 5.4 supports them by default) like #styled-system/css instead of styled-system/css
for a component library, use a dedicated workspace package
(e.g. @acme/styled-system) and use importMap: "@acme/styled-system" so that Panda knows which entrypoint to
extract, e.g. import { css } from '@acme/styled-system/css'
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.0:
What's Changed
Fixed
splitCssProps
typings, it would sometimes throwExpression produces a union type that is too complex to represent"
Added
error
value
twice in configblue.300/70
) in token references:{colors.blue.300/70}
token(colors.blue.300/70)
Note that this works both in style usage and in build-time config.
Changed
Deprecates
emitPackage
, it will be removed in the next major version.Why?
It's known for causing several issues:
node_modules
, leading topanda codegen
updates to thestyled-system
notvisible in the browser
As alternatives, you can use:
../styled-system/css
instead ofstyled-system/css
)package.json#imports when possible, TS 5.4 supports them by default) like
#styled-system/css
instead ofstyled-system/css
(e.g.
@acme/styled-system
) and useimportMap: "@acme/styled-system"
so that Panda knows which entrypoint toextract, e.g.
import { css } from '@acme/styled-system/css'
Beta Was this translation helpful? Give feedback.
All reactions