About
What’s new?
The latest news and updates on the Design System, Forms library and the Content style guide.
Winter 2022-2023
New and updated components
- Updated the Link - Collection component to add an example of a Section collection.
- Added SMS option to va-telephone component
- Added autocomplete prop to va-text-input
- Tagalog translation added to va-text-input
- Tagalog translation added to va-accordion
- Added calendar variation to va-link
Deprecated React components
- AcceptTerms
- HelpMenu
- IconHelp
- PrivacyAgreement
Sketch Library updates
- Accordion - Two-line header variation
- Alert - Action link variation for sign-in/tool prompt alert
- Link - Calendar variation
- USWDS upgrade - New symbols for four USWDS components: Radio button, Text input, Memorable date, and US Banner
Documentation updates
- Updated icons to more accurately reflect the icons in use across VA.gov.
- Added Help users to know how their information is updated
- Added Help users to keep a record of submitted information
- Updated Ask users for Multiple responses
- Updated Ask users for addresses
- Updated Ask users for email address
- Updated Ask users for files
- Updated Ask users for signature
- Updated Help users to complete a sub-task
September 2022
New and updated components
- Privacy agreement
- Translation indicator. Components that have Spanish translation now have a label next to their maturity level at the top of the page (e.g. Accordion).
- A number of fixes including:
- Fixed va-checkbox label alignment
- Added label prop value to va-button in the va-file-input component
- Fixed month validation utility
- Aligned web component labels, descriptions, and error message font weights
- Adjust va-checkbox margin from error-message to label
- Fixed alert expandable component calc-max-height
Sketch Library updates
- We created our first “Shared library” for Search components. Shared libraries extend the core library with additional components that are organized by functionality. Read more about shared libraries.
Documentation updates
- We also updated documentation on all of our design libraries.
- Added a new pattern: Ask users for pronouns. This pattern also covers how to provide a way to give an answer not in the list of options.
- Revised the pattern detailing how to Ask users for gender
August 2022
New and updated components
Use with caution
Sketch Library updates
- Added the Privacy agreement component.
- Organized text and layer styles, deleted duplicates.
Documentation updates
- Alert, Alert - Expandable, Additional information, Banner, Banner - Maintenance, and Banner - Promo all received guidance clarifications on their uses and how to choose between them.
Pattern updates
- Patterns reorganization. We’ve reorganized the Patterns section around user tasks: Asking a user for information and helping users to accomplish a task. We’ve put in redirects as well so that you can find where your favorite pattern has gone.
July 2022
New and updated components
Use: Deployed
Use with caution
Sketch Library updates
New component symbols:
- Promo banner
- Button Pair
- OMB Info
- Active link variation
- File Input
- Table
- Alert - expandable (Info and Warning variations)
- Telephone
- Decreased form control error state margins to align with USWDS
- Increased width of error state borders from 2px to 4px for Date input, Memorable date, Number input, Select, Text input, Text area to align with USWDS
- New layer styles for default, disabled, focus, error, and success borders on form controls
Documentation updates
- Button pair
- Consolidation of error message related content
- Link
Pattern updates
- Help users to navigate a long list (aka Show more options) - documentation and Sketch library.
June 2022
- Textarea web component
- The va-button-primary utility class has been deprecated. Please visit the Button component page for guidance on buttons.