chakra-ui/panda @pandacss/generator@0.9.0

on GitHub

Minor Changes

• c08de87: ### Breaking

  • Renamed the name property of a config recipe to className. This is to ensure API consistency and express the
    intent of the property more clearly.

  export const buttonRecipe = defineRecipe({
  -  name: 'button',
  +  className: 'button',
    // ...
  })

  • Renamed the jsx property of a pattern to jsxName.

  const hstack = definePattern({
  -  jsx: 'HStack',
  +  jsxName: 'HStack',
    // ...
  })

  Feature

  Update the jsx property to be used for advanced tracking of custom pattern components.

  import { Circle } from 'styled-system/jsx'
  const CustomCircle = ({ children, ...props }) => {
    return <Circle {...props}>{children}</Circle>
  }

  To track the CustomCircle component, you can now use the jsx property.

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    patterns: {
      extend: {
        circle: {
          jsx: ['CustomCircle'],
        },
      },
    },
  })

Patch Changes

• Updated dependencies [c08de87]
  • @pandacss/types@0.9.0
  • @pandacss/core@0.9.0
  • @pandacss/token-dictionary@0.9.0
  • @pandacss/is-valid-prop@0.9.0
  • @pandacss/logger@0.9.0
  • @pandacss/shared@0.9.0