🐼 Panda v0.45.0

[anubra266]

To upgrade to v0.45.0:

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

What's Changed

Fixed

• Fix issue where composite border token with width: 1px renders 1pxpx in CSS
• Fix issue where divideY and divideColor utilities, used together in a recipe, doesn't generate the correct css.

Added

Add support resolving DEFAULT in textStyles and layerStyles, just like tokens.

export default defineConfig({
  theme: {
    textStyles: {
      display: {
        // 'display'
        DEFAULT: {
          value: {
            fontSize: '1.5rem',
            fontWeight: 'bold',
          },
        },
        // 'display.large'
        large: {
          value: {
            fontSize: '2rem',
            fontWeight: 'bold',
          },
        },
      },
    },
  },
})

In case, you can use textStyles: display to reference the DEFAULT display value.

css({ textStyle: 'display' })

Changed

Remove base from css or pattern style objects. The base keyword is only supported in recipes or conditional
styles.

Before

hstack({
  // ❌ doesn't work
  base: {
    background: 'red.400',
    p: '11',
  },
  display: 'flex',
  flexDirection: 'column',
})

After

hstack({
  // ✅ works
  background: 'red.400',
  p: '11',
  display: 'flex',
  flexDirection: 'column',
})