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

• 7d66c0b: Wrap enum pattern property types with ConditionalValue again so generated pattern typings remain
  conditional-safe.
  • @pandacss/is-valid-prop@1.9.0
  • @pandacss/logger@1.9.0
  • @pandacss/shared@1.9.0
  • @pandacss/token-dictionary@1.9.0
  • @pandacss/types@1.9.0