v1.4.0

What's Changed

• Breaking: Removed all spacing from ResponsiveDialogHeader & ResponsiveDialogFooter to simplify styling
• Changed: Made drag handle in drawer on mobile independent of ResponsiveDialogContent's spacing/padding, now relies on its own margin of my-4
• Added: Two new props on ResponsiveDialogContent:
  • closeButtonClassName - For styling the built-in close button
  • dragHandleClassName - For styling the built-in drag handle
• Fixed: Safety check ineffective of useResponsiveDialog by removing {} from ResponsiveDialogContext creation as default value
• Reverted: useMediaQuery hook's event listener from change back to resize

Component Changes

• Updated: All examples from Vaul, Command & Shadcn Command Menu have been adapted to the new changes
• Fixed: onboarding.tsx from Origin UI's example, where the skip button and indicating dots were cut off on mobile

fix: Normalize default spacing in Revola (v1.4.0) by @SameerJS6 in #33

Full Changelog: v1.3.0...v1.4.0

v1.3.0

What's Changed

• add: example description for cmdk's example by @SameerJS6 in #29
• feat: add shadcn's command menu by @SameerJS6 in #30
• fix: code tab not showing up anything (command menu) by @SameerJS6 in #31

Minor Changes

• Added: Shadcn Command Menu integration with enhanced search functionality
• Added: Custom code highlighting and block components similar to Fumadocs
• Breaking: Exported useResponsiveDialog context hook for enhanced component integration

Added

• Dynamic Height for ResponsiveCommandList - Mobile drawers now use full height (max-h-[95%]) instead of hardcoded 320px for better mobile experience, while maintaining 320px for dialog mode
• Enhanced Component Preview System - New unified component preview for components that can't be handled through the main registry
• Special Registry - Dedicated registry for components requiring custom parsing logic

Changed

• Performance Improvement: Updated use-media-query.tsx to use change event listener instead of resize for better re-render performance
• UI Library Migration: Replaced Radix UI with Base UI for Tabs and ScrollArea components
• Visual Adjustments: Reduced maximum height from 95% to 65% for improved viewport utilization

Improved

• Documentation: Updated roadmap, getting-started, and command documentation for better developer experience
• Developer Experience: Enhanced component preview system with better flexibility and customization options

Full Changelog: v1.2.0...v1.3.0

v1.2.0

What's Changed

• Breaking: Renamed DrawerType to ResponsiveDialogProps and now exports the type publicly by @SameerJS6 in #28

• feat: add cmdk support with revola (v1.2.0) by @SameerJS6 in #28

Full Changelog: v1.0.0...v1.2.0

v1.1.0

Added

• Origin UI Examples - Complete set of dialog component examples from Origin UI library
• Enhanced Documentation - Comprehensive docs for Origin UI examples and updated getting started guide
• Improved API Design - New showCloseButton prop for better Shadcn Dialog compatibility

Changed

• Breaking: Replaced hideCloseButton prop with showCloseButton for better alignment with Shadcn's Dialog API
• Visual Improvements:
  • Increased default overlay opacity from 40% to 50% for better contrast
  • Reversed footer button positioning from flex-col to flex-col-reverse to align with Shadcn's default dialog behavior
  • Updated ResponsiveDialogContent max-height to max-h-[calc(100dvh-4rem)] for better viewport handling
• Smart Behavior: Alert dialogs now automatically hide the close button when using the alert prop

Fixed

• Accessibility: Restored proper auto-focus behavior for Radix Dialog components
• UI Issues:
  • Fixed hover state styles for mobile preview trigger button in light mode
  • Resolved screen reader accessibility error for mobile preview component
• Code Quality: Improved dialog key naming with library-specific prefixes and refined styling conventions

Improved

• Developer Experience: All Vaul examples updated to use the new showCloseButton={false} syntax
• Consistency: Standardized prop conventions across all dialog variants

v1.0.0

Initial release of Revola - responsive dialog component that automatically adapts between modal (desktop) and drawer (mobile).

Core Features:

• Responsive by default - Modal on desktop, drawer on mobile
• Replaces multiple components - Dialog, drawer, and alert dialog in one
• Built on proven foundations - Combines Radix UI Dialog and Vaul
• Accessible - ARIA compliant with keyboard navigation
• Customizable - Extensive API with snap points, directions, and styling options
• TypeScript - Full type safety out of the box

API Features:

Mode Control:

• onlyDrawer - Forces drawer behavior on all screen sizes
• onlyDialog - Forces modal/dialog behavior on all screen sizes
• alert - Special alert dialog variant with forced modal behavior

Drawer Customization:

• direction - Drawer slide direction: "top" | "right" | "bottom" | "left"
• shouldScaleBackground - Background scaling animation effect
• modal - Controls modal behavior (backdrop interaction)
• dismissible - Controls whether dialog can be dismissed