chakra-ui/panda @pandacss/compiler-wasm@2.3.0

on GitHub

Minor Changes

• aa90e4a: panda analyze now counts what your config uses, not just your source files.

  • Shows where each name is used, like 3 files, globalCss or via animations.spin
  • Adds a compositions scope for text, layer, and animation styles
  • Counts styles a design system brings in through build info
  • Fix removeUnusedKeyframes dropping keyframes used only through an animation token
  • Fix removeUnusedKeyframes dropping keyframes used under globalCss selectors like p or h

• f01a419: Add jsxMatchTag to choose which JSX components Panda reads style props from. Match by name or import path;
  the last matching rule wins.

  export default defineConfig({
    jsxMatchTag: [
      { from: '@tanstack/react-table', ignore: true },
      { tag: /Button$/, props: ['color'] },
    ],
  })

Patch Changes

• 675fa00: Fix slow first builds with the PostCSS plugin in projects that have imports Panda can't resolve.

• 36b18da: Fix recipe variants emitting in alphabetical order. They follow your config again, so a later variant
  overrides an earlier one:

  variants: {
    visual: { solid: { padding: '1px' } },
    size: { sm: { padding: '4px' } }, // `size` wins, as declared
  }

  Slots, compound variants, variantKeys, and variantMap keep config order too.

• f01a419: Stop extracting data props from components Panda doesn't own. A prop like columns on a table component no
  longer emits CSS or a nested_property warning when its value isn't a style:

  <DataTable columns={[{ header: 'Name', accessorKey: 'name' }]} />

• d1ee159: Fix tokens whose name starts with their own category, like colors.grey50 under colors:

  • Generated types now list colors.grey50 instead of grey50, so the token type-checks under strictTokens and the
    raw name no longer does.
  • staticCss wildcards on pattern props no longer cut nested token names short, like red.500 becoming 500.

• 5616e53: Fix cva() and sva() calls staying in the bundle when a variant or slot has an empty style, like
  false: {}.

• Updated dependencies [aa90e4a]

• Updated dependencies [675fa00]

• Updated dependencies [f01a419]

• Updated dependencies [93269f5]

  • @pandacss/compiler-shared@2.3.0
  • @pandacss/types@2.3.0