nebux_design_system 0.1.2

nebux_design_system: ^0.1.2 copied to clipboard

• REFACTOR: Enhanced NbxAppBar component with improved leading button handling
  • Refactored leading button logic for better clarity and maintainability
  • Changed default centerTitle behavior from true to false in AppBarConfig for better alignment with Material Design guidelines
  • Improved titleSpacing logic to properly handle cases when no leading button is present
  • Set automaticallyImplyLeading to false for more predictable behavior
  • Enhanced code organization by extracting leading button building logic

• NEW FEATURE: Enhanced Country model with minLength and maxLength properties for improved phone number validation
  • Added minLength property to Country model for minimum phone number length validation
  • Added maxLength property to Country model for maximum phone number length validation
  • Updated country JSON data to include length validation information
  • Improved country picker functionality with better phone number validation support
  • Enhanced user experience with more accurate phone number input validation

• REFACTOR: NbxAppBar improvements for clarity and predictable spacing
  • Adjusted titleSpacing logic to better align with Material AppBar expectations
  • Simplified status bar brightness handling by removing redundant branches
  • Minor cleanups for readability and consistency

• BREAKING CHANGE: Refactored NbxButton component architecture for improved modularity and maintainability
  • Introduced configuration-based architecture with specialized config classes:
    • ButtonIconConfig: Manages icon properties (leading/trailing icons and colors)
    • ButtonStyleConfig: Handles visual styling (variant, colors, border radius, text style)
    • ButtonStateConfig: Controls state management (loading, enabled, selected)
    • ButtonLayoutConfig: Manages layout properties (expansion behavior)
  • Added new constructor with configuration objects for better organization
  • Maintained backward compatibility with NbxButton.legacy() constructor
  • Improved code organization by reducing main widget from 275 lines to ~100 lines
  • Enhanced testability with isolated configuration classes
  • Increased component reusability through modular configuration system
  • Better separation of concerns with dedicated config files
  • Added comprehensive documentation following custom doc format
  • Improved maintainability with isolated change impact

• REFACTOR: Enhanced NbxButton rendering logic with improved clarity and modularity
  • Introduced dedicated _buildTextWidget method to handle text rendering based on button variant
  • Simplified button child widget construction by consolidating text and icon handling
  • Enhanced readability and maintainability of the NbxButton component
  • Added proper text overflow handling with TextOverflow.fade and maxLines: 2
  • Improved text alignment and spacing with CrossAxisAlignment.center and TextAlign.center
  • Added Flexible wrapper for better text layout flexibility

• ENHANCEMENT: Added isSelected property to NbxButton to indicate selection state with corresponding background/foreground style updates
• REFACTOR: Simplified NbxButton variant rendering by replacing if-else with switch-case and consolidating text style application
• CHORE: Commented out repository and issue_tracker fields in pubspec.yaml for cleaner configuration

Country Picker Integration #

The Nebux Design System includes a custom implementation of country picker functionality based on the country_picker_pro package. This integration provides:

• Custom Implementation: Fork of the original country_picker_pro package with enhanced Nebux theming
• Internationalization: Full support for 25+ languages
• Theme Integration: Seamless integration with Nebux color and typography systems
• Enhanced Customization: Improved accessibility and styling options
• Consistent UX: Matches the design patterns of other Nebux components

The country picker functionality is available through the NbxCountryPickerInput component and can be used for country selection in forms, user registration, and profile management.

• NEW FEATURE: Added comprehensive country picker functionality with NbxCountryPickerInput component
• NEW FEATURE: Integrated custom country picker implementation based on country_picker_pro package
• NEW FEATURE: Full internationalization support (25+ languages) for country selection
• ENHANCEMENT: Added customizable phone code display option in country picker input
• ENHANCEMENT: Improved button component with renamed isDisabled to enabled for better clarity
• ENHANCEMENT: Enhanced input styling with improved hint text consistency
• ENHANCEMENT: Added flexible appBar support in NbxScaffold (now supports null appBar)
• ENHANCEMENT: Added default SizedBox constants for standardized spacing
• IMPROVEMENT: Refactored country selection logic with context-based theming
• IMPROVEMENT: Updated export structure to include new country picker components
• DEPENDENCY: Replaced external country_picker_pro dependency with custom implementation for better integration

• BREAKING CHANGE: Refactored button variants for better clarity - renamed 'primary' to 'filled' and 'secondary' to 'text'
• Enhanced typography system with custom factory method for flexible text style overrides
• Improved text validation rules with named parameters for better clarity and maintainability
• Enhanced input field styling with improved label and hint styles using textSecondary color with reduced opacity
• Added floatingLabelStyle to input decoration for consistent theming across input fields
• Introduced customBackgroundColor property to NbxButton for flexible background color customization
• Enhanced NbxAppBar with customizable leading button for improved component flexibility
• Added secondaryVariant color to NebuxColors for better theming support
• Refined typography styles with updated font sizes for improved consistency
• Generated new model files for enhanced component structure and theming consistency
• Updated .gitignore configuration for better generated file management

• BREAKING CHANGE: Removed font_awesome_flutter dependency for better performance and smaller bundle size
• Enhanced NebuxAppBar with customizable icon support, removing dependency on FontAwesome icons
• Refactored NbxSocialLoginButton to support custom icons instead of FontAwesome icons
• Improved input field styling with enhanced enabledBorder configuration in NbxInputDecorationExtension
• Better visual consistency across input components

• Enhanced README.md with improved documentation
• Improved package documentation and usage examples

• Updated version to reflect latest changes in the Nebux Design System

• Enhanced README.md with improved feature descriptions
• Added detailed installation instructions
• Included comprehensive usage examples for components and theming
• Updated support contact information

• Initial release of NebuX Design System
• Complete theme system with light and dark mode support
• Typography system with consistent text styles and font sizes
• Spacing utilities for standardized layouts
• UI Components including:
  • App bars with customizable styling
  • Button components with multiple variants
  • Text field widgets with validation
  • Network image component with caching
  • Scaffold components for consistent page structure
• Color management system with primary, secondary, and neutral colors
• Responsive design utilities
• Comprehensive documentation and examples