🐼 Panda v1.5.0

[anubra266]

To upgrade to v1.5.0:

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

What's Changed

Fixed

Fix TypeScript error when using data-* attributes in defaultProps for createStyleContext and JSX factory
functions.

const TabsList = withContext(TabsPrimitive.List, 'list', {
  defaultProps: {
    'data-slot': 'tabs-list', // now works without type errors
  },
})

Changed

Update the experimental atlaskit preset with comprehensive token coverage from Atlassian Design System

New Token Categories

• Opacity tokens - disabled (0.4) and loading (0.2) semantic opacity values
• Duration tokens - Animation durations from @atlaskit/motion (none, small, medium, large)
• Easing tokens - Cubic-bezier curves from @atlaskit/motion (7 variants: easeIn, easeOut, easeInOut,
  easeIn40Out, easeIn60Out, easeIn80Out, linear)
• TextStyles - Semantic typography presets combining font properties (heading.*, body.*, code, metric.*)

Added

• Add support for controlling the color palette generation via theme.colorPalette property.

// Disable color palette generation completely
export default defineConfig({
  theme: {
    colorPalette: {
      enabled: false,
    },
  },
})

// Include only specific colors
export default defineConfig({
  theme: {
    colorPalette: {
      include: ['gray', 'blue', 'red'],
    },
  },
})

// Exclude specific colors
export default defineConfig({
  theme: {
    colorPalette: {
      exclude: ['yellow', 'orange'],
    },
  },
})

• Add endLineNumber and endColumn fields to AST JSON output from panda debug command.

The *.ast.json files generated by panda debug now include complete position information for detected CSS usage
locations. Previously, only start position (line and column) was exported. Now the output includes:

• line: Start line number
• column: Start column number
• endLineNumber: End line number (new)
• endColumn: End column number (new)

This provides complete span coverage for each detected node, making it easier to precisely locate CSS usage in source
files.