-
Notifications
You must be signed in to change notification settings - Fork 13
Open
Labels
Description
Summary
Dialog wraps Base UI Dialog. Migrated successfully with nested dialog animation support. Some hardcoded CSS values and missing prop forwarding remain.
Completed
API migration— Fully migrated to@base-ui/reactDialogDesign tokens for colors, spacing, radius, shadows, fonts, z-index— CSS extensively uses--rs-color-*,--rs-space-*,--rs-radius-*,--rs-shadow-*,--rs-font-*,--rs-z-index-*tokens
Remaining Improvements
2. Use CSS custom properties for animation values
Animation durations and easing functions should use CSS custom properties for theming consistency.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Replace hardcoded CSS values with design tokens (Replace hardcoded CSS values with design tokens #672)
- Animation: prefers-reduced-motion (Add prefers-reduced-motion support for animations #677)
Files
packages/raystack/components/dialog/
Reactions are currently unavailable