visa_nova_flutter 8.3.0 copy "visa_nova_flutter: ^8.3.0" to clipboard
visa_nova_flutter: ^8.3.0 copied to clipboard

Nova Flutter is a library of accessible components for the Visa Product Design System. It helps developers create consistent, user-friendly, and accessible Flutter app interfaces.

Changelog #

8.3.0 - 2025-11-19 #

Added #

  • Accessibility: New errorBorderColor token in VMessageColorSet for WCAG-compliant form validation borders
  • Accessibility: New disabledIcon token in VDefaultThemeProps and VAltThemeProps for disabled icon states
  • Accessibility: Six new toggle switch color tokens for disabled states:
    • toggleTrackDisabledOff / toggleTrackDisabledOffDark
    • toggleTrackDisabledOn / toggleTrackDisabledOnDark
    • toggleThumbDisabled / toggleThumbDisabledDark
  • VSwitchStyle: New properties for disabled state customization:
    • trackDisabledOff, trackDisabledOn, thumbDisabled
    • borderDisabledOff, borderDisabledOn, thumbBorderDisabled

Changed #

  • WCAG Compliance: Form validation error borders now use dedicated errorBorderColor token in dark mode
  • WCAG Compliance: Toggle switch disabled states now use full opacity colors (#757575 light / #7A7A7A dark) instead of forced opacity
  • WCAG Compliance: Disabled icons in VDropdownMenu, VInput, and VSelect now use disabledIcon token with full opacity colors
  • Improved contrast ratios across all disabled states to meet WCAG 2.1 Level AA standards

Migration #

No breaking changes. All new tokens have sensible defaults. Downstream apps can optionally override the new theme tokens.

VDefaultThemeProps(
  errorBorderColor: yourColor,    // Optional: customize error borders
  disabledIcon: yourColor,         // Optional: customize disabled icons
)

VSwitchStyle(
  trackDisabledOff: yourColor,    // Optional: customize toggle disabled states
  // ... other new properties
)

Fixed #

  • VPA Accessibility Gaps: Form field error/validation text contrast in dark mode
  • VPA Accessibility Gaps: Toggle switch "Off" state contrast in light and dark modes
  • VPA Accessibility Gaps: Disabled icon color contrast (Face ID, empty states, dropdowns, inputs)

8.2.0 - 2025-09-26 #

Feature 8.2.0 #

  • Added a colletion of patterns.

    • Application layout
    • Chat
    • File Upload
    • Wizard
  • Added a new property enableInteractiveSelection to VInput.

8.1.2 - 2025-04-10 #

Feature 8.1.2 #

  • Updated license in all files and pubspec.yaml

8.1.1 - 2025-03-26 #

Feature 8.1.1 #

  • Updated pubspec.yaml

8.1.0 - 2025-02-12 #

Added 8.1.0 #

  • Initial release of the component library.
  • Added a collection of components.
    • Accordion
    • App Bar
    • Avatar
    • Badge
    • Banner
    • Bottom Navigation Bar
    • Button
    • Checkbox
    • Chip
    • Combobox
    • Content Card
    • Dialog
    • Divider
    • Dropdown Menu
    • Flag
    • Icon
    • Input
    • Link
    • List Item
    • Navigation Drawer
    • Panel
    • Progress
    • Radio
    • Section Message
    • Select
    • Switch
    • Tab
    • Toggle
    • Wizard
7
likes
60
points
201
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Nova Flutter is a library of accessible components for the Visa Product Design System. It helps developers create consistent, user-friendly, and accessible Flutter app interfaces.

Homepage

License

Apache-2.0 (license)

Dependencies

args, flutter, flutter_svg, grinder, path, string_scanner, visa_nova_icons_flutter

More

Packages that depend on visa_nova_flutter