tfn_design_system 0.3.2 copy "tfn_design_system: ^0.3.2" to clipboard
tfn_design_system: ^0.3.2 copied to clipboard

TFN's Design System building blocks for Flutter applications.

0.1.0 #

Initial release.

  • Figma-generated design tokens: colours, colour primitives, component colours, spacing, corners, shapes, typography and brand assets, bundled per brand as BrandTokens
  • BrandThemeScope inherited widget for strongly typed token access anywhere in the widget tree
  • Token generation pipeline from the Figma variable export (tokens/figma_export.json + dart run scripts/generate_tokens.dart)
  • Core components:
    • AppButton with elevated, filled, outline and text styles plus leading/trailing icons
    • Inputs: TextInput, PasswordInput, SearchInput, CellphoneInput (with country selector), StandardDropdownMenu
    • Form controls: AppCheckbox (tri-state), AppRadio, AppSwitch
    • Cards: ContainerCard, MessageCard (success / error / warning / info)
    • Chips: FilterChip, SelectionChip
    • Navigation: AppNavigationBar, AppTabs, AppMenuItem
    • Feedback: Loader, AppLinearProgressIndicator, AppCircularProgressIndicator, NotificationBadge, OnlineStatusBadge, AppTooltip
    • Misc: UserAvatar, AppListItem, AppCardListItem, ResponsiveImage
  • Layout shells: AuthShell (responsive branded auth layout) and ViewShell (with .loading() and .error() states)
  • Sign-in feature scaffold (SignInScreen with loading / error / data views) and mock User / Vehicle repositories for prototyping and Widgetbook
  • ResponsiveUtil breakpoint helpers (mobile ≤ 600, tablet 800–1200, large ≥ 1200)

0.2.0 #

  • Elevation is now tokenised: new ElevationTokens (none / low / medium / high) backed by a BaseElevation scale, with a required elevation field on BrandTokens. The shared theme builder reads elevation from tokens instead of hardcoded values
  • Added copyWith to BrandTokens, BrandAssets, ShapeTokens, SpacingTokens, TypographyTokens, TypographyStyle and ElevationTokens, so brands can extend the base tokens by overriding only what they need (some theme shapes now derive from the base scale this way)
  • AuthShell content is now scrollable: it centers when the viewport has room and scrolls when it's too short (small screens, open keyboard), instead of overflowing
  • AppMenuItem selected check icon now uses the brand primary colour (iconPrimary) instead of neutral black, so selection reads as a branded state under every theme
  • Chip border width now comes from the spacing tokens instead of a raw value, matching the checkbox border
  • Added doc comments across the public component API (buttons, inputs, form controls, navigation, tooltip and the sign-in feature)
  • Publishing hygiene for pub.dev: added .pubignore and removed generated build artifacts from the package

0.3.2 #

  • Move assets into the theme
0
likes
120
points
200
downloads

Documentation

API reference

Publisher

verified publishercodecollective.com

Weekly Downloads

TFN's Design System building blocks for Flutter applications.

Repository

License

BSD-3-Clause (license)

Dependencies

flutter, google_fonts

More

Packages that depend on tfn_design_system