Skip to content

0.11.0

Choose a tag to compare

@JakeLin JakeLin released this 16 Nov 12:23
· 50 commits to main since this release

✨ 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