0.11.0
✨ New Features
Light/Dark Mode Brand Colors
Brand colors now support theme-aware variants, allowing different colors for light and dark modes.
<ThemeProvider
brandColors={{
// Simple: Same for both modes
primary: '#6366F1',
// Theme-aware: Different per mode
success: { light: '#059669', dark: '#34D399' },
warning: { light: '#D97706', dark: '#FBBF24' },
error: { light: '#DC2626', dark: '#F87171' },
}}
>
<App />
</ThemeProvider>Key improvements:
- New BrandColorValue type: string | { light: string; dark: string }
- Backward compatible - existing string colors work unchanged
- Automatic CSS generation for both themes
- Validation caching prevents duplicate console warnings
- Comprehensive unit tests (697 total tests passing)
📚 Documentation
- Updated all README files with brand color customization examples
- Added CSS variable reference table in TOKEN_USAGE.md
- Replaced brand-specific colors with generic Tailwind CSS colors
🔧 Fixes
- Added missing ESLint TypeScript plugins to workspace root
Full Changelog: v0.10.0...v0.11.0