ux4g_flutter_components 1.5.2
ux4g_flutter_components: ^1.5.2 copied to clipboard
Flutter implementation of the UX4G design system components and foundations.
1.5.2 #
- Component Bug Fixes & Improvements:
- Bottom Sheet (
Ux4gBottomSheet):- Fixed backdrop dismiss tap gesture handling using
HitTestBehavior.opaqueso tapping the backdrop background dismisses the sheet reliably. - Improved description layout to auto-wrap long text descriptions across multiple lines without truncating.
- Fixed backdrop dismiss tap gesture handling using
- Bottom Navigation Bar (
Ux4gBottomNavigationBar):- Fixed label truncation (e.g., "Services" clipping) on 5-item bars using responsive label scale-down (
FittedBox). - Fixed centre action FAB margin and padding clearance to avoid clipping against adjacent navigation items.
- Fixed label truncation (e.g., "Services" clipping) on 5-item bars using responsive label scale-down (
- Bottom Sheet (
- Widgetbook & Documentation Updates:
- Side Menu (
Ux4gSideMenu):- Fixed modal drawer launch ("Launch Left Drawer" and "Launch Right Drawer") in the Introduction showcase to accurately open the currently selected preset.
- Widgetbook Deep Linking:
- Fixed deep linking and browser refresh issue for component and use-case paths containing
&characters.
- Fixed deep linking and browser refresh issue for component and use-case paths containing
- Side Menu (
1.5.1 #
- Component Bug Fixes & Improvements:
- Floating Action Button (
Ux4gFab):- Fixed layout spacing and 2.0px overflow issue when speed-dial sub-action menus are closed using
Offstagevisibility handling. - Ensured speed-dial expand/collapse animations maintain accurate anchoring without horizontal shifting.
- Fixed layout spacing and 2.0px overflow issue when speed-dial sub-action menus are closed using
- Bottom Navigation Bar (
Ux4gBottomNavigationBar):- Refined active pill capsule and top bar indicator positioning across compact and wide mobile viewports.
- Improved touch ripple and background transparency on active items.
- Side Menu (
Ux4gSideMenu):- Enhanced responsive drawer wrapping for header actions, preset items, and drawer slide transitions.
- Floating Action Button (
- Widgetbook & Documentation Updates:
- Made all 4 newly added components (
Side Menu,Bottom Navigation Bar,Floating Action Button,Bottom Sheet) 100% responsive across all mobile (320px–375px), tablet, and desktop viewports. - Added dedicated Widgetbook components and stories for all 6 Side Menu state presets and modal drawer configurations.
- Made all 4 newly added components (
1.5.0 #
- New & Updated Components:
- Side Menu (
Ux4gSideMenu): Added comprehensive side navigation drawer supporting header, user profiles, collapsible sub-items, badge notifications, search filtering, and custom footer actions. - Bottom Navigation Bar (
Ux4gBottomNavigationBar): Added configurable bottom navigation bar with support for badges, active states, custom styling, and FAB notches. - Floating Action Button (
Ux4gFab): Added Floating Action Button component supporting standard, mini, extended labels, speed-dial menus, and responsive color themes. - Bottom Sheet (
Ux4gBottomSheet): Added complete UX4G Modal Bottom Sheet implementation with responsive snap presets (peek,half,expanded,full), smooth velocity drag gestures, anchored fixed footer actions, drag handle indicator, and full theme support.
- Side Menu (
- Component Improvements & Bug Fixes:
- Accessibility & Semantics: Improved accessibility traits and semantic labels across buttons, headers, forms, and navigation widgets.
- Package Optimization: Excluded internal development tools and build artifacts via
.pubignorefor a clean, lightweight pub.dev distribution.
1.4.0 #
- Foundation Updates:
- Shadow: Renamed the elevation foundation class to
Ux4gShadowfor better clarity and added comprehensive test cases.
- Shadow: Renamed the elevation foundation class to
- Component Updates & Fixes:
- Journey Progress Indicator: Integrated the proper
Ux4gPanInputFieldto ensure accurate PAN card formatting and validation. - Selection Dropdown: Added missing label and description states.
- OTP Input: Added new variant options in the Widgetbook side panel with updated code sections.
- Switch / Toggle: Updated the Widgetbook naming to properly display as "Toggle".
- Bug Fixes: Addressed various bugs in the Button, Badge, and App Header components.
- Journey Progress Indicator: Integrated the proper
1.3.0 #
- Component Refactoring & Naming Standardization (100% Backward Compatible via Deprecated Aliases):
- Renamed
Ux4gToggletoUx4gSwitch(export 'src/components/ux4g_switch.dart'). - Renamed
Ux4gCapsuleSteppertoUx4gCompactStepper(export 'src/components/compact_stepper.dart') and added full props documentation section. - Renamed
Ux4gSlotGridtoUx4gTimeSlot(export 'src/components/time_slot.dart') with updated clean sidebar display name. - Renamed
Ux4gLoadertoUx4gSpinner(export 'src/components/spinner.dart'), added comprehensive color and percentageVariantsin Widgetbook, and enabled folder icon resolution. - Renamed
Ux4gResultRowtoUx4gResultList(export 'src/components/result_list.dart'). - Renamed
Ux4gFeedbackFormtoUx4gFeedbackFormStar(export 'src/components/feedback_form_star.dart'). - Renamed
Ux4gPaginationIndicatortoUx4gPaginationDotted(export 'src/components/pagination_dotted.dart'). - Renamed
Ux4gLinearProgresstoUx4gLinearProgressBar(export 'src/components/linear_progress_bar.dart').
- Renamed
- Design System Foundations & Tokens:
- Renamed
Ux4gPalettetoUx4gColorsfor streamlined color foundation referencing. - Introduced dedicated elevation token objects (
Ux4gElevation) and refreshed token color preview UI.
- Renamed
1.1.0 #
- Bug Fix (Biometric Component): Fixed an issue where pressing the back button during face verification or liveness check caused an app crash.
1.0.0 #
- Initial release of
ux4g_flutter_components. - Added foundations for colors, typography, spacing, radii, and icons.
- Added 45+ component implementations including buttons, cards, modals, bottom sheets, tooltips, steppers, avatars, badges, inputs, pagination, toasts, and loaders.
- Added showcase example app and Widgetbook documentation for component previews and interaction testing.