@pandacss/error - npm Package Versions

[0.18.3] - 2023-11-15

Fixed

• Fix issue with forceConsistentTypeExtension where the composition.d.mts had an incorrect type import
• Fix issue in studio here userland @ark-ui/react version could interfere with studio version

[0.18.2] - 2023-11-10

Fixed

• Fix regression in grid pattern where columns doesn't not work as expected.

[0.18.1] - 2023-11-09

Fixed

• Fix issue where virtual color does not apply DEFAULT color in palette
• Fix issue where composite tokens (shadows, border, etc) generated incorrect css when using the object syntax in semantic tokens.
• Fix issue where hideBelow breakpoints are inclusive of the specified breakpoints
• Fix an issue with the grid pattern from @pandacss/preset-base (included by default), setting a minChildWidth wasn't interpreted as a token value

Before:

<div className={grid({ minChildWidth: '80px', gap: 8 })} />
// ✅ grid-template-columns: repeat(auto-fit, minmax(80px, 1fr))

<div className={grid({ minChildWidth: '20', gap: 8 })} />
// ❌ grid-template-columns: repeat(auto-fit, minmax(20, 1fr))
//                                                  ^^^

After:

<div className={grid({ minChildWidth: '80px', gap: 8 })} />
// ✅ grid-template-columns: repeat(auto-fit, minmax(80px, 1fr))

<div className={grid({ minChildWidth: '20', gap: 8 })} />
// ✅ grid-template-columns: repeat(auto-fit, minmax(var(--sizes-20, 20), 1fr))
//                                                  ^^^^^^^^^^^^^^^^^^^

css({ hideBelow: 'lg' })
// => @media screen and (max-width: 63.9975em) { background: red; }

Added

• Support arbitrary breakpoints in hideBelow and hideFrom utilities

css({ hideFrom: '800px' })
// => @media screen and (min-width: 800px) { background: red; }

Changed

• Make _requiredcondition target [data-required] and [aria-required=true] attributes