About
What’s new?
The latest news and updates on the Design System, Forms library and the Content style guide.
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.
May 2022
- Documentation on native events in form controls
- Search input web component
- Modal web component
- Date web component
- Number input web component
April 2022
- System wide navigation changes
- The side navigation now shows sub-pages rather than in-page anchor links. Anchor links are now reflected using the “On this page” component which you’ll find at the top of any lengthy page.
- Experimental Design components and patterns moved into their respective Components and Patterns sections.
- The “Documentation” section was renamed “About”.
- The “Design” section was renamed “Foundation”.
- Utilities and Layout moved into the Foundation section.
- Maturity scale: We’ve introduced a maturity scale to track the lifecycle of components and patterns. This allows experimental design elements to come into the system and have visibility in the Components and Patterns sections. Each component and pattern has been assigned a maturity level on the scale which is indicated by a tag and dot in the side navigation.
- Section pages: Top-level navigation sections, such as Patterns and Foundation, now have sub-sections that group similar elements. These new section pages will also have general guidance that applies to everything in that section. This will allow us to grow the system.
- New sections:
- Table web component
March 2022
- Telephone section added.
- Banners section added.
- Promo Banners section updated.
November 2021
- Zip code subtopic added.
- Apostrophes and quotation marks subtopics added.
- Veteran entry updated in word list.
- Back to top web component
- Form confirmation page
- Alert box web component