release update

😎 Cool off with a refreshing VPDS FY24 Q3 release update

Check out newly integrated DX charts, improved design guidelines, and dark mode for an enhanced VPDS experience.

Apr 06, 2023

Overview

Summer is sizzling, and so are these FY24 Q3 release updates. The VPDS and Data Experience (DX) teams are thrilled to announce that we’ve begun integrating DX resources into the VPDS home experience! To kick off their debut, the VPDS home experience now includes four new chart types and over 15 chart examples, all housed in a dedicated section of our site. But we’re just getting warmed up! The team is gearing up to add more charts, offering a steady flow of new resources to keep you engaged throughout the summer and beyond.


Within the new data visualization section, you can also find usage recommendations, accessibility guidelines, and code for the initial set of charts. You’ll also discover enhanced design guidelines such as color palette usage, number formatting, and tips for effective chart titles—just to name a few.


In addition, the DX team is striving to achieve tighter integration with VPDS resources. This effort will facilitate a more intuitive user experience and, like a gentle summer breeze, makes everything feel just right.


Data visualization landing page

Sizzlin’ code updates

The VPDS engineering team is excited to unveil the latest code updates. Adding some cool shade to your summer, we’re ecstatic to announce that Nova CSS, React, Angular, and Flutter now all support dark mode! As the days get longer, you can enjoy coding into the sunset with less strain on your eyes. Just like the evening beach bonfires, we’re keeping things comfortably cool and incredibly functional.

react icon

Nova React for web

In case you missed it in our last release, we now support React 19.0. In addition, Multi-select and Wizard are now available along with support for multiple themes and right-to-left languages. We’re also near completion of content, design, and accessibility reviews, ensuring consistency across component libraries from design to engineering.


Visit React changelogFind the package, version, and code
angular icon

Nova Angular for web

Introducing Nova Angular 4.0.0! Now developers have access to Multi-select and Wizard, along with support for multiple themes and right-to-left languages. We’re also near completion of content, design, and accessibility reviews, ensuring consistency across component libraries from design to engineering.


Visit Angular changelogFind the package, version, and code
css icon

Nova styles for web

We’re excited to announce that Multi-select and Wizard are now available, along with support for multiple themes and right-to-left languages. Annual A11y regression testing is nearing completion and we’ve completed content reviews across all CSS components, enhancing the consistency of libraries from Figma to CSS.


Visit CSS (Styles) changelogFind the package, version, and code
flutter icon

Nova Flutter for mobile

Introducing Nova Flutter 6.3.0: The VPDS accessibility team has not only completed their VGAR review of the Nova Flutter Android library, but Flutter has also been fully design reviewed.


Visit Flutter changelogFind the package, version, and code

Refreshing design updates

But those aren’t the only exciting updates! By now, you might have noticed that we’ve added Patterns to the system. Over the past quarter, the team partnered with research to conduct a usability test on the site. We investigated our users’ understanding of Patterns and whether we should reintroduce them into the system. We found that most users were able to understand and correctly navigate to Patterns to find Task flows, which are multi-step processes specific to each pattern. Now, when you visit our site, you’ll discover Patterns like Wizard, OTP, and Search, each with a dedicated Task flow tab detailing these processes.

Fictitious brands and aliases

We’re deprecating the FDNB, FDCU, and FDCB fictitious brands following feedback about the dated appearance. We’ve replaced these marks with a modified lockup of our new Digital Bank branding. While teams aren’t required to immediately update existing designs to the new Digital Bank mark, we encourage you to use the new placeholder brand moving forward.


Explore fictitious brands and user aliases (internal only)

Date and time selector

We’ve made key updates to Date and time selector, such as transitioning to using native components. This not only simplifies the building process but also makes maintenance a breeze. Alongside this, we’ve thoroughly revised our guidelines to give users all the necessary information for designing effectively. These enhancements are geared towards making your experience smoother and more productive.


Explore date and time selector

File upload

We’ve made significant updates to File upload, now sporting a fresh redesign. Both the File uploader and File card components have been revamped for a more intuitive and user-friendly experience. File upload has also moved to patterns as part of our larger site and structural updates. And that’s not all, we’ve also expanded our offering with additional prototype components designed specifically to create file upload flows.


Explore file upload

Stay connected

Have questions or want to join our community? Subscribe to our email list, visit our office hours, or join us on Teams.


Related topics