Breaking Changes:
- Upgraded PandaCSS from 0.48.1 to 1.4.3
- Migrated from React Aria Components to Ark UI factory pattern
- Button component now uses native HTML props:
disabled instead of isDisabled, onClick instead of onPress - Removed
colors.solid.* tokens (use surface.strong instead) - Renamed all
muted emphasis levels to subtler (e.g., fg.muted → fg.subtler) - Changed primary font from Inter Variable to Intermission
- Refined letter spacing token scale (values changed significantly)
- Complete rewrite of Text, Heading, Button, and Code components to use Ark UI factory
- New styled() API for components replacing previous implementation
- Simplified View component implementation
- Component props standardized across all components
New Features:
- All components now support
colorPalette prop for flexible theming - Button component rewritten with
styled() API and new xs size variant - Components modernized to use semantic
colorPalette.* tokens - New standardized component API with consistent props across all components
- Enhanced typings with HTMLStyledProps for comprehensive prop support
- Updated Text, Heading, Button, and Code components with consistent styling system
- View is now a PandaCSS pattern component
- Improved recipe system with shared patterns and consistent APIs
Migration:
Update Button props:
- <Button isDisabled onPress={handlePress}>
+ <Button disabled onClick={handlePress}>
Replace removed tokens:
- color: {colors.accent.solid.default}
+ color: {colors.accent.surface.strong}
Update emphasis levels:
- <Text emphasis="muted">
+ <Text emphasis="subtler">