svrnty_design_system 0.1.0

Server-driven design system for Flutter with dynamic style tokens. Supports Apple HIG and custom brand styles.

0.1.0

Initial Release

Core System:

• StyleModel - Server-driven design token container
• StyleModelProvider - InheritedWidget for providing StyleModel to widget tree
• StyleModelLoader - Load StyleModel from server with caching support
• StyleModelApiConfig - API configuration for server connection

Design Tokens:

• Colors with light/dark mode support (getColor)
• Typography scale (getTextStyle)
• Spacing system on 4pt grid (getSpacing)
• Border radius tokens (getRadius, getBorderRadius)
• Gradient support (getGradient)
• Animation curves and durations (getAnimationCurve, getAnimationDuration)

Pre-built Token Sets:

• AppleTokens - Apple Human Interface Guidelines style
• SvrntyTokens - Svrnty brand style (dark theme)
• PlanBBrandTokens - Plan B logistics brand style
• FallbackTokens - Default fallback tokens

Atomic Components:

• SvButton - Button with filled, outlined, ghost, tinted variants
• SvIconButton - Icon-only button
• SvToggleButton - Toggle state button

Molecular Components:

• SvTextField - Text input with label, helper, error states
• SvFormField - TextField with built-in validation
• SvSearchField - Search-optimized text field
• SvChip / SvChipGroup - Selection chips (filter, choice styles)
• SvCard / SvGlassCard / SvSegmentedCard - Card containers
• SvListTile / SvListSection - List items with iOS-style sections
• SvAvatar - User avatar with initials/image support
• SvDropdown - Dropdown selection widget

Organism Components:

• SvDialog / SvAlertDialog / SvConfirmationDialog - Modal dialogs
• SvBottomSheet - Bottom sheet container
• SvEmptyState - Empty state placeholder with illustration

Templates:

• SvScaffold - Base scaffold with StyleModel integration
• SvAppLayout - Application layout structure
• SvDetailPageLayout - Detail page with navigation

Typography:

• Montserrat font integration for UI text
• IBM Plex Mono for data/code display

Design Philosophy:

• Cupertino-first (iOS-style widgets only, no Material)
• Server-driven styling for runtime brand customization
• 4pt spacing grid system
• Automatic dark/light mode adaptation