v5.0.0

@repo/ui 5.0.0 Release Notes

This release brings significant improvements to the theme configuration, component behavior, and customization options.

Major Changes

• The ThemeConfig.dark property has been updated to a union type of 'light' | 'dark' | 'system', allowing for more fine-grained control over dark mode styling. Migration from the previous boolean type is required.
• The ThemeConfig now follows the system's color scheme preference via useSyncExternalStore.
• The Config component now correctly propagates dark mode settings to nested components.
• The useConfig().isConfigured hook now distinguishes between "no Config ancestor" and "wrapped in a Config with no props set".
• The ThemeToken has gained additional mappings for button, sidebar, chart, and font styles.

Minor Changes

• Buttons now respect the global component size configuration.
• Dark mode theme tokens can now be overridden on a per-key basis.
• Support has been added for per-component default props, allowing components to customize their default behavior.
• Right-to-left (RTL) layouts are now supported, allowing components to automatically adapt to RTL direction.
• The Config component now accepts a style object as a prop.

What's Changed

• ✨ feat: Config supports componentSize global default (#181) by @pjb0811 in #219
• ✨ feat: Config accepts a style prop (#181) by @pjb0811 in #221
• 💥 feat: Config isConfigured, expanded ThemeToken, dark mode system sync (#181) by @pjb0811 in #222
• ✨ feat: Config supports darkToken (#181) by @pjb0811 in #223
• ✨ feat: Config supports direction for RTL (#181) by @pjb0811 in #224
• ✨ feat: Config supports per-component defaultProps (#181) by @pjb0811 in #225
• 🔖 chore: version packages by @github-actions[bot] in #220

Full Changelog: v4.1.0...v5.0.0