chakra-ui/panda @pandacss/types@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

• cca50d5: Add a group to every utility in the @pandacss/preset-base, this helps Panda tooling organize utilities.