chakra-ui/panda @pandacss/generator@0.33.0

on GitHub

Minor Changes

• fde37d8: Add support for element level css reset via preflight.level. Learn more
  here.

  Setting preflight.level to 'element' applies the reset directly to the individual elements that have the scope class
  assigned.

  import { defineConfig } from "@pandacss/dev";
  
  export default defineConfig({
    preflight: {
      scope: ".my-scope",
      level: "element", // 'element' | 'parent (default)'
    },
    // ...
  });

  This will generate CSS that looks like:

  button.my-scope {
  }
  
  img.my-scope {
  }

  This approach allows for more flexibility, enabling selective application of CSS resets either to an entire parent
  container or to specific elements within a container.

Patch Changes

• 34d94cf: Unify the token path syntax when using formatTokenName

  Example with the following config:

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    hooks: {
      'tokens:created': ({ configure }) => {
        configure({
          formatTokenName: (path: string[]) => '