USWDS 3.4.0
What’s new in USWDS 3.4.0
Features and bug fixes
| Type | Package | A11y | Breaking | Description |
|---|---|---|---|---|
| Feature | usa-banner |
— | — | Remove grid dependency from Banner package. Now you no longer need to use the usa-layout-grid package with usa-banner resulting in a much smaller package size. (#5000) |
| Feature | uswds-core |
— | Maybe | Output only the modern woff2 font format, unless you need compatibility. Now we output only the woff2 webfont format with our default settings. Since we no longer support IE11 and other old browsers, we no longer need to serve the woff and ttf formats. Teams that need this support can activate it with a new setting: $theme-font-browser-compatibility: true. This is only a breaking change if your project needs to support IE11. (#5108) |
| Feature | usa-header |
— | — | Allow full-page width for the header. You can now set a value of "none" for any max-width setting, including $theme-header-max-width. (#5072) |
| Feature | usa-in-page-navigation |
— | — | Update the URL in the address bar when navigating from the In-Page Navigation. Now users can see the proper anchor link in the address bar when navigating. Thanks @aduth! (#5068) |
| Bug fix | usa-alert uswds-core |
— | — | Set padding to any valid spacing token. Now you can use valid values like 1.5 for $theme-alert-padding-y. Thanks @aduth! (#5076) |
| Bug fix | usa-banner |
Yes | — | Improved display of focus outline on mobile. Now the focus outline is visible all around the banner on mobile devices. Thanks @jhancock532! (#5013) |
| Bug fix | usa-footer |
Yes | — | Use any heading level for the primary links header. Now if you use any heading level for .usa-footer__primary-link without it reverting to an h4 when the JavaScript rebuilds the element for mobile. Thanks @paulathevalley! (#5044) |
| Bug fix | usa-header |
Yes | — | Secondary nav is now read properly on screen readers. The separator between nav elements is no longer read on screen readers. (#4963) |
| Bug fix | usa-link |
— | — | External link icons and link text now wrap as expected. Now external links break over wrapped lines as expected in any browser. (#5046) |
| Bug fix | usa-modal |
— | — | Interactive form elements like Date Picker now work properly in a modal window. Now any element in a modal should work as expected. (#5049) |
| Bug fix | usa-step-indicator |
Yes | — | More legible contrast on pending items. Graphical elements related to pending items now meet accessibility standards for contrast ratio. (#5048) |
| Bug fix | uswds-utilities uswds-core |
— | — | Outline utility and mixin now accept the 05 token. Now, the .outline-05 utility class and the u-outline('05') mixin should work as expected. (#5079) |
| Content | — | — | — | Improved copy in 404 template. We updated the 404 page template copy to follow parallel structure and use active voice. Thanks @ybom for the Spanish translation! (#5045) |
| Guidance | — | — | — | Expanded and improved our Gender Identity and Sex patterns. We've made updates to our pattern guidance and our pattern previews to help provide more practical use cases and up-to-date guidance for these patterns. For more details, see uswds/uswds-site#1994 |
Dependencies and security
| Dependency | Old version | New version |
|---|---|---|
gulp-dart-scss |
1.1.0 | Removed |
gulp-mocha |
— | 8.0.0 |
mocha |
6.2.3 | 10.2.0 |
sass-embedded |
1.53.0 | 1.58.3 |
snyk |
1.966.0 | 1.1064.0 |
0 vulnerabilities in regular dependencies (dependencies for USWDS projects installed with npm install uswds)
1 moderate 33 high vulnerabilities in devDependencies (development dependencies)
Release TGZ SHA-256 hash: 7b0336d95fa6e9f31b27a27424f3a53e84b415e09b5bbff5d9ec8a398fb406d7
Contributors
paulathevalley, aduth, and 2 other contributors
Assets 3
1
Join discussion