Skip to content

Releases: chakra-ui/panda

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

Patch Changes

  • 8f43369: Fix css.raw spreading within selectors and conditions

    Fixed several scenarios where spreading css.raw objects wouldn't be properly extracted:

    Child selectors:

    const baseStyles = css.raw({ margin: 0, padding: 0 })
    const component = css({
      '& p': { ...baseStyles, fontSize: '1rem' }, // Now works
    })

    Nested conditions:

    const interactive = css.raw({ cursor: 'pointer', transition: 'all 0.2s' })
    const card = css({
      _hover: {
        ...interactive, // Now works
        _dark: { ...interactive, color: 'white' },
      },
    })

    CSS aliases:

    import { css as xcss } from 'styled-system/css'
    const styles = xcss.raw({ color: 'red' })
    // xcss.raw now properly recognized
  • Updated dependencies [8f43369]

@pandacss/[email protected]

03 Dec 13:12
fbd8b92

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

@pandacss/[email protected]

03 Dec 13:12
fbd8b92

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

@pandacss/[email protected]

03 Dec 13:12
fbd8b92

Choose a tag to compare

Patch Changes

  • 8f43369: Fix css.raw spreading within selectors and conditions

    Fixed several scenarios where spreading css.raw objects wouldn't be properly extracted:

    Child selectors:

    const baseStyles = css.raw({ margin: 0, padding: 0 })
    const component = css({
      '& p': { ...baseStyles, fontSize: '1rem' }, // Now works
    })

    Nested conditions:

    const interactive = css.raw({ cursor: 'pointer', transition: 'all 0.2s' })
    const card = css({
      _hover: {
        ...interactive, // Now works
        _dark: { ...interactive, color: 'white' },
      },
    })

    CSS aliases:

    import { css as xcss } from 'styled-system/css'
    const styles = xcss.raw({ color: 'red' })
    // xcss.raw now properly recognized

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

@pandacss/[email protected]

03 Dec 13:11
fbd8b92

Choose a tag to compare

Patch Changes