chakra-ui/panda @pandacss/config@2.0.0

on GitHub

Major Changes

• bb3d117: Panda 2.0 replaces the compiler with a Rust engine built on Oxc. You write the same
  css(), recipes, patterns, tokens, and JSX props.

  Improvements

  • New Rust engine: one parse per file, cross-file
    value resolution, and native CSS output. No more ts-morph or PostCSS in the build.
  • Much faster builds: extraction is 15–37×
    faster, watch mode ~360×, and staticCss ~85×.
  • Lighter generated types: ~99% fewer
    TypeScript type instantiations, so your editor and CI do less work.
  • Faster runtime: css() and recipes memoize repeated
    styles, up to ~4× faster.
  • One engine for Node and the browser:
    @pandacss/compiler-wasm runs the same engine in the browser and produces the same CSS.
  • Bundler plugins: @pandacss/vite,
    @pandacss/webpack, @pandacss/rollup, and @pandacss/bun run Panda inside your build.
  • Source transforms: with transform: true, the bundler
    rewrites static css(), recipe, pattern, and styled() calls to class strings, so the styling runtime drops out of
    your bundle.
  • Smaller CSS with optimize: opt in to removing unused tokens and
    keyframes, emitting only the compound variants you use, and tree-shaking design systems.

  New features

  • Publishable design systems: author with
    panda lib, consume with designSystem, with no re-extraction in the app.
  • View transitions: viewTransition() styles the View
    Transitions API and gives you a stable class.
  • Value fallbacks, local keyframes, and anchor fallbacks:
    firstThatWorks(), keyframes(), and positionTry(), tree-shaken to what you use.
  • New utilities: masks, scrollbars, and pointer
    and validity conditions.
  • Variables via @property: no more 34-variable
    reset on every element.
  • A rebuilt CLI: panda runs codegen and CSS together, and
    panda doctor, panda analyze, panda debug, and --profile help you inspect a project.
  • ESLint and oxlint plugin: lints against the same extraction
    your build uses.
  • Typography preset: @pandacss/preset-typography adds
    a prose recipe for Markdown and CMS content.

  Panda 2.0 is ESM-only and needs Node 22 or newer. To move an existing project, follow the
  upgrade guide. For the full story,
  read the announcement post.

Patch Changes

• Updated dependencies [bb3d117]
  • @pandacss/compiler-shared@2.0.0
  • @pandacss/types@2.0.0