[0.18.0] - 2023-11-06
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)