Changelog
All notable changes to pine-design-system. This page is generated from the
package’s CHANGELOG.md, which is produced by changesets on every release.
For tagged releases and assets, see GitHub Releases .
Release pine-design-system@1.0.1 and pine-ui-kit@1.0.2 bridge
Other Changes
- rename package to pine-design-system and add pine-ui-kit bridge
rename prop and package name
package name changee
pine-ui-kit -> pine-design-system
prop name change
1. mode -> theme
2. theme -> design
ucrayon theming TextField
New Features
- Switch crayon theming
- Dropdown crayon theming
- crayon theming layer
Other Changes
- crayon theming TextField
- delete CrayonTextureButton
- crayon theming Dialog
- crayon theming Checkbox
- crayon theming Button
- Badge crayon theming
Component updates and improvements
New Components
- Tab: Added tab interface component for organizing content
Component Improvements
- Base UI Migration: Migrated all interactive components to Base UI for better accessibility and form handling
- Enhanced Button, Switch, Checkbox, Dialog, Dropdown, and TextField components
- Improved keyboard navigation and screen reader support
- Better form validation and state management
Browser Support
- iOS 26+ Safari: Added backdrop support for overlay components like Dialog and Dropdown
New Features:
- Tab indicator
- game theming Dropdown
- game theming Dialog
- game theming Checkbox
- Checkbox delete prop - variant, rounded
- game theming Text
- game theming Switch
- TextField multiline prop
- game theming textfield & font
- game theming button
- crayon theme
Bug Fixes
- tab indicator
- switch animation
- dialog z-index
Other Changes
- game theme padding
- badge story
- badge game dark theme
- game badge ui
- game theme font
- crayon theme
- theme layer
provider export
refactor: move ThemeProvider to providers package for better dependency hierarchy
- Moved ThemeProvider from components/ to providers/ package
- Components now use useTheme hook instead of direct ThemeContext imports
- Improved encapsulation and clearer dependency direction
- No breaking changes - public API remains unchanged
Add primaryColor prop to ThemeProvider to allow custom primary color configuration. The primary color automatically generates all variant colors (solid, outline, ghost, weak) and disabled states. Each ThemeProvider instance can independently set its own primary color using CSS variables scoped to its container element.
Fix border styling consistency in Badge and Button components by explicitly setting borderColor and updating border property usage.