🐼 Panda v0.18.0

[anubra266]

To upgrade to v0.18.0:

pnpm up "@pandacss/*"
#or
yarn up '@pandacss/*'

What's Changed

Fixed

• Fix issue in template literal mode where comma-separated selectors don't work when multiline
• Fix CLI interactive mode syntax question values and prettify the generated panda.config.ts file
• Improve semantic colors in studio

Added

• Add a --only-config flag for the panda debug command, to skip writing app files and just output the resolved
  config.
• Add --strict-tokens flag and question in the interactive CLI
• Add a splitCssProps utility exported from the {outdir}/jsx entrypoint

import { splitCssProps, styled } from '../styled-system/jsx'
import type { HTMLStyledProps } from '../styled-system/types'

function SplitComponent({ children, ...props }: HTMLStyledProps<'div'>) {
  const [cssProps, restProps] = splitCssProps(props)
  return (
    <styled.div {...restProps} className={css({ display: 'flex', height: '20', width: '20' }, cssProps)}>
      {children}
    </styled.div>
  )
}

// Usage

function App() {
  return <SplitComponent margin="2">Click me</SplitComponent>
}

Changed

• Perf: use raw if instead of ts-pattern in the extractor (hot path)