Skip to content

Conversation

thisisdano
Copy link
Contributor

@thisisdano thisisdano commented Mar 7, 2023

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

Amy Leadem and others added 30 commits July 1, 2022 10:32
Co-authored-by: James Mejia <james.mejia@gsa.gov>
Co-authored-by: James Mejia <james.mejia@gsa.gov>
- Use code for pipe character
- Add empty alt text for pseudoelement to prevent character being read on screenreaders

Based on guidance https://www.w3.org/TR/css-content-3/#alt
@thisisdano thisisdano marked this pull request as ready for review March 9, 2023 20:03
@thisisdano thisisdano requested a review from mejiaj March 9, 2023 20:03
Copy link
Contributor

@mejiaj mejiaj left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! I've tested:

  • Ran npm audit and verified security info
  • Ran npm test without issues
  • Compiled SASS (npx gulp compileSass) successfully
  • Built templates (npm run build:html) successfully
  • Reviewed release notes for spelling errors
  • Looked for old USWDS references

@thisisdano
Copy link
Contributor Author

Ugh, I did find an old 3.3.0 reference. Updating...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants