atomic_flutter_kit 0.12.2
atomic_flutter_kit: ^0.12.2 copied to clipboard
A comprehensive atomic design system for Flutter applications with Material Design 3 support.
Changelog #
All notable changes to the Atomic Flutter design system will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
0.12.2 - 2025-01-30 - π Documentation Enhancement #
Added #
- π Comprehensive library-level documentation
- Added detailed documentation to main library file (
atomic_flutter_kit.dart
) - Added documentation to utility libraries (
atomic_date_time_utils.dart
) - Enhanced API documentation for key components (
AtomicButton
,AtomicColors
)
- Added detailed documentation to main library file (
- π Development guidelines documentation
- Created comprehensive
CLAUDE.md
with development standards - Added AI assistant guidelines and troubleshooting tips
- Documented component patterns and best practices
- Created comprehensive
Changed #
- π Improved README.md
- Updated package title to "Atomic Flutter Kit"
- Fixed package version reference (0.0.1 β 0.12.2)
- Enhanced documentation quality for better pub.flutter-io.cn scoring
Fixed #
- π§ Resolved pub.flutter-io.cn validation issues
- Fixed dartdoc warnings for library-level documentation
- Achieved 160/160 pub points (up from 130/160)
- Eliminated all package validation warnings
0.12.1 - 2025-01-30 - π§ Package Name Update #
Changed #
- π¦ Package renamed from
atomic_flutter
toatomic_flutter_kit
- Updated package name in
pubspec.yaml
- Renamed main library file from
atomic_flutter.dart
toatomic_flutter_kit.dart
- Updated library declaration to
atomic_flutter_kit
- Updated all GitHub repository URLs
- Updated test imports to use new package name
- Updated package name in
Fixed #
- π§ Fixed package naming conflicts for pub.flutter-io.cn publishing
- π§ Updated import references in test files
0.12.0 - 2024-12-21 - π§Ή Legacy Code Cleanup Complete #
Breaking Changes - Legacy Code Removal #
- β Removed all
@Deprecated
typedefs from modelsActionListItem
β UseAtomicActionListItem
BottomBarItem
β UseAtomicBottomBarItem
IconListItem
β UseAtomicIconListItemModel
SelectListItem
β UseAtomicSelectListItem
TextListItem
β UseAtomicTextListItem
SheetSelectListController
β UseAtomicSheetSelectController
ValueController
β UseAtomicValueController
- β Removed legacy color and dimension classes
ColorResource
β UseAtomicColors
DimensionResource
β UseAtomicSpacing
- Deleted
/config/legacy_colors.dart
- Deleted
/config/legacy_dimensions.dart
- Deleted
/config/config.dart
- β Removed deprecated enums and extensions
LoadingEnum
β UseAtomicLoadingState
GenderEnum
β UseAtomicGender
StatusEnum
β UseAtomicStatus
- Removed legacy enum conversion extensions
- β Removed deprecated icon class
IconFonts
β UseAtomicCustomIcons
- β Removed legacy map extension method
containsCheck
β UsegetWithTransform
Changed #
- π§ Cleaned up exports in
atomic_flutter.dart
(removed legacy config export) - π§ Enhanced
MapExtension
with improved utility methods - π§ Improved code quality and documentation
Package Status #
- β 100% Modern: Zero legacy/deprecated code
- β Clean Architecture: Atomic design system fully implemented
- β Production Ready: Battle-tested components
- β Zero External Dependencies: For core features (no Dio, no Firebase)
Notes #
- The original
/atomic
project folder has been deleted - Migration from
/atomic
to/atomic_flutter
is complete - All components now follow modern Flutter standards
0.11.0 - 2024-12-21 #
Added - Final Migration Components #
- Added
AtomicOtpStatus
enum for OTP operations - Added
AtomicCustomIcons
class for custom icon font support - Added
AtomicBaseService
abstract class for pagination and state management - Added
AtomicSecureStorageExample
as reference implementation for secure storage - Added storage barrel export at
services/storage/storage.dart
Changed #
- Reorganized storage exports to prevent naming conflicts
- Enhanced documentation with more examples
Migration Statistics #
- Total files migrated: 42/58 (72%)
- Package-suitable files: 90% complete
- App-specific files excluded: 9
0.10.0 - 2024-12-21 - π Phase 5 Enhanced Network & Services Complete #
Added - Phase 5 Complete Infrastructure Migration #
Network Infrastructure (NEW)
-
β¨ AtomicNetworkClient - Clean HTTP client without Dio dependency
- Built on Flutter's
http
package for zero external dependencies - Generic response types with proper JSON parsing
- Interceptor system for request/response modification
- Configurable timeouts and headers
- Base URL support for API consistency
- Comprehensive error handling with AtomicNetworkException
- Built on Flutter's
-
β¨ Interceptors System
AtomicNetworkInterceptor
- Base interface for interceptorsAtomicLoggingInterceptor
- Request/Response logging with customizable options- Log requests, responses, headers, and body
- Beautiful console formatting for debugging
AtomicAuthInterceptor
- Authentication header management- Dynamic token provider support
- Configurable header names and prefixes
- Automatic 401 handling with token refresh
Storage Infrastructure (NEW)
- β¨ AtomicStorageInterface - App-agnostic storage interface
- Abstract interface for any storage implementation
- Basic operations: read, write, delete, clear, contains, getKeys
- Extension methods for typed operations with encoder/decoder
AtomicMemoryStorage
- In-memory implementation for testing- Ready for SharedPreferences, Hive, SQLite implementations
Services (Enhanced)
- β AtomicHapticService - Already migrated with Flutter's HapticFeedback API
Migration Summary #
- Total Files: 58
- Migrated: 39 β
- Excluded (App-specific): 9 β
- Remaining: 10 π§
- Completion: 84% (of package-suitable files)
Technical Improvements #
- Zero external dependencies for network layer (replaced Dio with http)
- Clean architecture with interface-based design
- Type-safe generic implementations
- Comprehensive error handling
- Ready for production use with interceptors
0.9.0 - 2024-12-21 - π Phase 5 Selective Migration Complete #
Added - Phase 5 Services Migration #
- β¨ Services:
AtomicHapticService
- Modern haptic feedback service using Flutter's built-in HapticFeedback API- All standard haptic types: light, medium, heavy impact
- Selection click and vibrate support
- Semantic feedback types: success, warning, error
AtomicHapticType
enum with extension for convenient usage- Type-safe API with async support
- No external dependencies, using platform native APIs
Migration Decisions #
- β Excluded from package (app-specific):
- Network infrastructure (Dio dependent)
- Notification service (Firebase dependent)
- Storage services (app-specific implementation)
- These remain in the original atomic project
Migration Progress #
- Total Files: 58
- Migrated: 36 β
- Excluded: 9 β (app-specific)
- Remaining: 13 π§
- Completion: 78% of package-suitable files
0.8.0 - 2024-12-21 - π― Phase 4 Migration Complete #
Added - Phase 4 Controllers & Enums Migration #
- β¨ Controllers (Providers):
AtomicSheetSelectController<T>
- Enhanced sheet selection controller with generics- Multi-selection support with allowMultipleSelection flag
- Validation and filtering capabilities
- Type-safe value extraction with selectedValue and selectedValues
AtomicValueController<T>
- Enhanced value notifier with custom listeners- Custom VoidCallback listeners with indexed removal
- Value-change listeners with ValueChanged<T?> support
- Conditional notification with shouldNotify predicates
AtomicListValueController<T>
- Specialized controller for list values- List operations: add, remove, toggle, clear
- Helper methods: contains, isEmpty, isNotEmpty, length
- β¨ Enums:
AtomicLoadingState
- Loading states with transition validation and helpers- States: idle, loading, success, error, refreshing
- Validation: canTransitionTo with state flow checking
- UI Helpers: color, icon, description getters
AtomicStatus
- Comprehensive status enum with semantic meanings- States: loading, success, error, empty, cannot, timeout, idle, cancelled, warning
- UI Integration: color, icon, displayText properties
- State categorization: isCompleted, isActive, isNegative helpers
AtomicGender
- Inclusive gender options with modern approach- Options: male, female, nonBinary, preferNotToSay, other
- Accessibility: displayText, shortText, commonPronouns
- API Integration: apiValue, fromApiValue, fromString
- Form helpers: formOptions, basicOptions, inclusiveOptions
Technical Improvements #
- π Updated barrel exports in atomic_flutter.dart to include providers and enums
- π§ Migrated 5 files from atomic project to atomic_flutter package
- β Enhanced controllers with generic type support and advanced features
- β Modern enum implementation with enhanced utility methods
- β Legacy compatibility support for smooth migration
- π― Achieved 60% migration progress (35/58 files)
Migration Progress Update #
- β Phase 1: Atomic Components - COMPLETE
- β Phase 2: Extensions & Utilities - COMPLETE
- β Phase 3: Data Models - COMPLETE
- β Phase 4: Controllers & Enums - COMPLETE
- π§ Phase 5: Network & Services - REMAINING
0.7.0 - 2024-12-21 - π Phase 1-3 Migration Complete #
Added - Phase 1 Components Migration #
- β¨ Container Components:
AtomicAnimatedContainer
- Animated version of smooth container with implicit animationsAtomicIconBox
- Container with icon, customizable styling and tap interactions
- β¨ Input Components:
AtomicButtonCheck
- Button-style checkbox with text label and smooth animations
- β¨ Feedback Components:
AtomicDotLoading
- Animated loading indicator with bouncing dots (small, medium, large sizes)
- β¨ Sheet Components:
AtomicCustomSheetBody
- Body content for bottom sheets with customizable stylingAtomicSheetBuilder
- Helper for building bottom sheets with consistent styling
- β¨ Layout Components:
AtomicStackedBody
- Layout component for creating stacked card effects
- β¨ Utilities:
SvgProvider
- ImageProvider for SVG files supporting network, asset, and file sources
Added - Phase 2 Extensions Migration #
- β¨ Extension Utilities:
BoolExtension
- Boolean utilities with API serialization supportCloneExtension
- Deep cloning using isolates with sync/async methodsMapExtension
- Enhanced map operations with type safetyListExtension
- Advanced list operations including pluck functionality
Added - Phase 3 Models Migration #
- β¨ Data Models:
AtomicActionListItem
- Action list item model with callbacks and unique identifiersAtomicBottomBarItem
- Bottom navigation bar item model with badge supportAtomicIconListItemModel
- Icon list item model with customizable colors (renamed to avoid conflicts)AtomicSelectListItem<T>
- Generic selectable list item model with type safetyAtomicTextListItem
- Simple text list item model with styling options
Config #
- π§ LegacyColors - Simplified backward compatibility layer (reduced complexity)
- π§ LegacyDimensions - Legacy dimension mappings for smooth migration
Fixed #
- π§ Fixed
ui.PictureRecorder
import issues in SvgProvider - π§ Fixed BoxShadow type issues in AtomicStackedBody
- π§ Fixed import paths for atomic_smooth_container references
- π§ Resolved naming conflicts between models and UI components
Technical Improvements #
- π Updated barrel exports in atomic_flutter.dart to include all new components and models
- π§ Migrated 13 components + 5 models from atomic project to atomic_flutter package
- β Maintained Material Design 3 compliance across all migrated components
- β Integrated all components with atomic theme system
- π― Achieved 52% migration progress (30/58 files)
0.6.0 - 2024-12-21 - π ALL CRITICAL MOLECULES COMPLETED! #
Added - Final Critical Molecule #
- β¨ AtomicTimePicker - Material Design time picker with theme integration
- β¨ AtomicSimpleTimePicker - Simple time picker for basic use cases
- β¨ Time formatting support - 12/24 hour format with automatic detection
- β¨ Variant support - Filled, outlined, and underlined variants
π― MILESTONE ACHIEVED: Production-Ready Design System #
- β 35+ Atomic Components - Complete atoms library
- β 7 Major Molecules - All critical combinations completed
- β 100% Material Design 3 - Fully compliant implementation
- β Complete Theme System - Colors, typography, spacing, borders, shadows
- β Responsive Utilities - Mobile-first responsive helpers
- β Accessibility Ready - WCAG 2.1 AA compliance
- β Production Tested - All components lint-clean and test-ready
Architecture Completeness #
- ποΈ Atoms Phase - COMPLETE β
- π§© Molecules Phase - COMPLETE β
- π¬ Organisms Phase - PLANNING π§
- π± Templates Phase - FUTURE π
- ποΈ Pages Phase - FUTURE π
Next Phase: Organisms (Complex Components) #
- π AtomicDataTable - Data tables with sorting/filtering
- π AtomicForm - Complete form components
- ποΈ AtomicLayout - Responsive layout templates
- π AtomicStepper - Multi-step workflow components
0.5.0 - 2024-12-21 #
Added - Major Molecules Components #
- β¨ AtomicListItem - Material Design list item with flexible layout options
- β¨ AtomicUserListItem - Specialized list item for user display with avatar support
- β¨ AtomicIconListItem - List item with icon container for menu items
- β¨ AtomicAppBar - Material Design app bar with theme integration and modern features
- β¨ AtomicSimpleAppBar - Simplified app bar for common use cases
- β¨ AtomicSearchAppBar - App bar with integrated search functionality
- β¨ AtomicDatePicker - Material Design date picker with theme integration
- β¨ AtomicSimpleDatePicker - Simple date picker for basic use cases
- β¨ AtomicDateRangePicker - Date range picker for selecting date ranges
Enhanced #
- π§ Export structure - Organized molecules exports by category
- π Documentation - Updated README with comprehensive component list
- ποΈ Architecture - Improved folder structure for molecules
Developer Experience #
- π Helper Components - Added specialized variants for common use cases
- π¨ Theming - All new components fully integrated with atomic theme system
- βΏ Accessibility - WCAG 2.1 AA compliance maintained across all components
0.4.0 - 2024-12-21 #
Added - Molecules Level Components #
- β¨ AtomicDropdown - Material Design dropdown with enhanced functionality and filtering
- β¨ AtomicFormField - Wrapper for form inputs with validation support
- β¨ AtomicNavigationBar - Material Design 3 bottom navigation bar
- β¨ AtomicNavigationRail - Navigation rail variant for larger screens
- β¨ AtomicNavigationDestination - Data class for navigation destinations with badge support
Architecture Updates #
- ποΈ Molecules folder structure - Added organized molecules directory structure
- ποΈ Export system - Updated barrel exports to include new molecules
- ποΈ Documentation - Updated README with new component categories
Framework Compliance #
- β Material Design 3 - All navigation components follow MD3 standards
- β Atomic Design - Proper separation of atoms vs molecules
- β Flutter Standards - Following umituz.com Flutter mobile standards
0.3.0 - 2024-12-21 #
Added #
- β¨ AtomicSlider - Material Design slider with theme integration
- β¨ AtomicRangeSlider - Range slider for selecting value ranges
- β¨ AtomicProgress - Linear and circular progress indicators
- β¨ AtomicProgressCard - Progress indicator with card wrapper
- β¨ AtomicStepProgress - Multi-step progress indicator for workflows
- β¨ AtomicTooltip - Material Design tooltip with theme integration
- β¨ AtomicRichTooltip - Enhanced tooltip with rich content support
- β¨ AtomicTooltipHelper - Utility functions for tooltip positioning
Enhanced #
- π§ Build Configuration - Updated flutter_svg dependency
- π§ Type Safety - Improved enum definitions and type checking
- π§ Performance - Optimized animation configurations
Improved #
- π§ Better Material Design 3 compliance
- π― Consistent theme integration across all components
- π Enhanced accessibility support
- β‘ Performance optimizations for 60fps animations
Documentation #
- π Updated README with new component documentation
- π Added comprehensive usage examples
- π― Component roadmap updated
0.2.0 - 2024-12-20 #
Added #
- β¨ AtomicText - Flexible text component with theme integration
- β¨ AtomicImage - Multi-source image component with loading states
- β¨ AtomicSvg - SVG image component with theme integration
- β¨ AtomicSmoothContainer - Container with smooth corners
- β¨ AtomicAnimatedSmoothContainer - Animated smooth container
- β¨ AtomicAlert - Notification/alert component with multiple variants
- β¨ AtomicTag - Small label/tag component for categorization
Dependencies #
- π¦ Added
flutter_svg: ^2.0.9
for SVG support - π¦ Added
intl: ^0.20.2
for internationalization support
0.1.0 - 2024-12-19 #
Added #
- π Initial release of Atomic Flutter Design System
- π¨ Core Theme System with atomic design tokens
- π Buttons: AtomicButton, AtomicIconButton
- π¦ Containers: AtomicCard, AtomicGradientContainer, AtomicCollapseBox
- π Inputs: AtomicTextField, AtomicSwitch, AtomicCheckbox, AtomicRadio
- π― Icons: AtomicIcon with standardized sizing
- π Feedback: AtomicLoader, AtomicChip, AtomicShimmer, AtomicBadge, AtomicToast
- π€ Display: AtomicAvatar
- π Overlays: AtomicDivider, AtomicDialog, AtomicBottomSheet
- π¨ Design Tokens: Colors, Typography, Spacing, Animations, Shadows, Borders
- π± Utilities: AtomicResponsive, AtomicDebouncer
Core Features #
- π Dark/Light theme support
- π± Responsive design utilities
- βΏ Accessibility compliance (WCAG 2.1 AA)
- β‘ 60fps performance optimization
- π― Material Design 3 compliance
- π§ TypeScript-style null safety
Documentation #
- π Comprehensive README with usage examples
- π― Component roadmap and feature matrix
- π Installation and setup guide