chakra-ui/panda @pandacss/core@1.6.1

on GitHub

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/is-valid-prop@1.6.1
  • @pandacss/logger@1.6.1
  • @pandacss/shared@1.6.1
  • @pandacss/token-dictionary@1.6.1
  • @pandacss/types@1.6.1