chakra-ui/panda @pandacss/parser@1.9.0

on GitHub

Minor Changes

• 3ca1f24: Add support for *Css prop convention in JSX components.

  Any JSX prop ending with Css (camelCase, e.g. inputCss, wrapperCss) is now treated as a style prop during static
  extraction, enabling compound component patterns like:

  function Comp(props) {
    const { inputCss, wrapperCss, children } = props
    return (
      <styled.div css={wrapperCss}>
        <styled.input css={inputCss} />
        {children}
      </styled.div>
    )
  }
  
  // Usage - styles are statically extracted
  const usage = <Comp inputCss={{ color: 'red.200' }} wrapperCss={{ display: 'flex' }} />

  This works in both all and minimal JSX style prop modes, with no configuration needed.

Patch Changes

• Updated dependencies [3ca1f24]
• Updated dependencies [7d66c0b]
  • @pandacss/core@1.9.0
  • @pandacss/config@1.9.0
  • @pandacss/extractor@1.9.0
  • @pandacss/logger@1.9.0
  • @pandacss/shared@1.9.0
  • @pandacss/types@1.9.0