Releases: chakra-ui/panda
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
Patch Changes
- Updated dependencies [8430490]
- Updated dependencies [74ac0d9]
- Updated dependencies [c9195a4]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
Patch Changes
- Updated dependencies [dce0b3b]
- Updated dependencies [8430490]
- Updated dependencies [bee3ec8]
- Updated dependencies [74ac0d9]
- Updated dependencies [c9195a4]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
Patch Changes
-
dce0b3b: Enhance
splitCssProps
typings -
74ac0d9: Improve the performance of the runtime transform functions by caching their results (css, cva, sva,
recipe/slot recipe, patterns)See detailed breakdown of the performance improvements
here based on the React Profiler. -
Updated dependencies [8430490]
-
Updated dependencies [bee3ec8]
-
Updated dependencies [74ac0d9]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
Patch Changes
- Updated dependencies [8430490]
- Updated dependencies [bee3ec8]
- Updated dependencies [74ac0d9]
- Updated dependencies [c9195a4]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
Patch Changes
- Updated dependencies [8430490]
- Updated dependencies [bee3ec8]
- Updated dependencies [74ac0d9]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
@pandacss/[email protected]
Minor Changes
-
8430490: Improve performance, mostly for the CSS generation by removing a lot of
postcss
usage (and plugins).Public changes:
- Introduce a new
config.lightningcss
option to uselightningcss
(currently disabled by default) instead of
postcss
. - Add a new
config.browserslist
option to configure the browserslist used bylightningcss
. - Add a
--lightningcss
flag to thepanda
andpanda cssgen
command to uselightningcss
instead ofpostcss
for
this run.
Internal changes:
markImportant
fn from JS instead of walking through postcss AST nodes- use a fork of
stitches
stringify
function instead ofpostcss-css-in-js
to write the CSS string from a JS
object - only compute once
TokenDictionary
properties - refactor
serializeStyle
to use the same code path as the rest of the pipeline withStyleEncoder
/StyleDecoder
and rename it totransformStyles
to better convey what it does
- Introduce a new
Patch Changes
-
c9195a4: ## Change
Change the config dependencies (files that are transitively imported) detection a bit more permissive to make it work
by default in more scenarios.Context
This helps when you're in a monorepo and you have a workspace package for your preset, and you want to see the HMR
reflecting changes in your app.Currently, we only traverse files with the
.ts
extension, this change makes it traverse all files ending with.ts
,
meaning that it will also traverse.d.ts
,.d.mts
,.mts
, etc.Example
// apps/storybook/panda.config.ts import { defineConfig } from '@pandacss/dev' import preset from '@acme/preset' export default defineConfig({ // ... })
This would not work before, but now it does.
{ "name": "@acme/preset", "types": "./dist/index.d.mts", // we only looked into `.ts` files, so we didnt check this "main": "./dist/index.js", "module": "./dist/index.mjs" }
Notes
This would have been fine before that change.
// packages/preset/package.json { "name": "@acme/preset", "types": "./src/index.ts", // this was fine "main": "./dist/index.js", "exports": { ".": { "types": "./dist/index.d.ts", "import": "./dist/index.mjs", "require": "./dist/index.js" } // ... } }
-
Updated dependencies [8430490]
-
Updated dependencies [bee3ec8]
-
Updated dependencies [74ac0d9]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]
- @pandacss/[email protected]