d3_ui 0.2.0
d3_ui: ^0.2.0 copied to clipboard
A minimal, flat Flutter design system with semantic color tokens, adaptive typography, motion tokens, and 20+ ready-to-use Material 3 components.
Changelog #
0.2.0 #
- New components
D3SplitButton— primary action with an attached overflow-menu triggerD3ListScreen— scaffolded list screen with search, filters, and a contextual action bar (CAB) for multi-select operationsD3DateField,D3DecimalField,D3DropdownField— themed form fields rounding outD3TextFieldfor common structured-input casesD3FilterChipRow— horizontal scrollable row of toggleable filter chipsD3ExpandableSection— collapsible content section with animated revealD3ImageViewer— full-screen pinch-to-zoom image viewerD3AdaptiveLayout— responsive layout helper that swaps arrangements by breakpoint
- D3Chip —
backgroundColor/foregroundColoroverrides for thefilledvariant, e.g. to render status-colored badges (success/warning/error) on a filled background - Theming —
D3AppTheme.light()/dark()now acceptcolors,inputTokens,buttonTokens, andextraExtensionsso apps can layer a custom palette and component tokens onto the base theme without replacing it wholesale - D3List, D3SearchAnchor, D3NavBar, D3Screen — assorted enhancements and refinements (see component docs for details)
0.1.1 #
- D3StatusChip — added
onTapcallback parameter
0.1.0 #
Initial release.
- Tokens — color primitives + semantic tokens, spacing (4dp grid), border radius, motion (durations + curves), typography scale
- Theming —
D3AppTheme.light()/D3AppTheme.dark(),D3TokensExtensionThemeExtension,BuildContextshortcuts (context.d3Colors,context.d3ButtonTokens,context.d3InputTokens) - Components
- Actions:
D3Button(filled, tonal, outlined, ghost, danger; xs–xl sizes; loading/success/error states; icon-only variant) - Inputs:
D3TextField,D3NumericController,D3SegmentedControl,D3SearchBar,D3SearchAnchor,D3Toggle,D3Checkbox,D3Radio,D3Chip - Navigation:
D3NavBar,D3Screen - Surfaces:
D3Card,D3ListTile - Display:
D3Avatar,D3EmptyState,D3List,D3Skeleton,D3Image - Sheets:
D3BottomSheet - Dialogs:
D3Dialog - Feedback:
D3Toast
- Actions: