2.7.0
What's new in USWDS 2.7.0
New components
Read more about these components on our website, but we're excited to start releasing the first of a number of new design system components planned for 2020:
- Button group: Use button groups to collect similar or related actions.
- Card: Cards contain content and actions about a single subject.
- Character count: Character count helps users know how much text they can enter when there is a limit on the number of characters.
- Combo box: A combo box helps users select an item from a large list of options.
Improvements and bug fixes
Improved mobile experience for numeric fields. We updated our guidance and code for numeric fields to follow the lead of gov.uk's recent guidance and research. This updates those fields to use text rather than number inputs with an inputmode of numeric. (#3392)
Fixed color token errors. We made some mistakes adding the new color tokens into the system in 2.6.0. Now the values of Indigo cool 60v, Indigo cool 70v, and Indigo cool 80v fall within our grade guidance, and match both the documentation and the design assets. (#3455)
Improved styling of Skipnav component. Now the Skipnav includes proper link formatting. (#3393)
Improved display of the Here's how you know link in the gov banner. Now there's no distracting change to the length of the underline on hover. (#3427)
Assure external link icon wraps properly. Now the external link icon won't get stranded as a widow on a new line. It will break to a new line only with its link text. (#3428)
Provide a more reliable treatment for dropdown menus. Now dropdown menus won't get cut off if they come too close to the header boundary (#3438) and menus with usa-current nav elements won't display an unnecessary underline at desktop widths (#3434).
Dependencies and security
| package | old | new |
|---|---|---|
| chrome-launcher | 0.12.0 | 0.13.2 |
| handlebars | 4.7.3 | 4.7.6 |
| mocha | 7.1.0 | 7.1.2 |
0vulnerabilities in regular dependencies (dependencies for USWDS projects installed withnpm install uswds)318 low, 2 highvulnerabilities in devDependencies (development dependencies)
Note: The devDependencies number is high because we're still having issues with
npm audit fix.