USWDS 3.7.0 #5607

thisisdano · 2023-11-09T22:58:03Z

thisisdano
Nov 9, 2023

What's new in USWDS 3.7.0

Items we've identified with a Markup change have a non-breaking change in their component markup. Teams should update their implementations and templates to reflect this change.

Features

Package	A11y	Breaking	Markup change	Description
`usa-banner`	—	—	—	Updated the banner component so that it initializes without requiring import of the `usa-accordion` package. (#5551)
`usa-banner`	—	—	—	Optimized the `us_flag_small.png` icon and added a vector `us_flag.svg` icon. Update this asset in your project for improved image quality. Thanks @aduth! (#5542)
`usa-data-picker`	Yes	—	—	Improved keyboard navigation for screen readers in the date picker component. This change enables table navigation controls in the calendar, which creates more consistent and intuitive navigation across browsers and screen readers. (#5374)
`usa-icon`	—	—	—	Added the X social media icon. We added the X social media icon, but also preserved the legacy Twitter icon to allow teams to make the decision on when to update their social media information. (#5589)
`usa-modal`	—	—	—	Updated modal JavaScript to include fallbacks and error messages when initialization cannot be completed. This update also prevented errors when trying to initialize modal twice. (#5315)

Bug fixes

Package	A11y	Breaking	Markup change	Description
`usa-card`	—	—	—	Fixed a bug that prevented `$theme-card-padding-y` from accepting expected token values. (#5571)
`usa-footer`	Yes	—	—	Restored underlines to footer links in default states. Now, footer links meet WCAG 2.0 AA requirements. (#5588)
`usa-identifier`	Yes	—	Yes	Updated the screen reader readout to say "Official" instead of "An official". When read out on a screen reader, the statement "An official website of [Agency name]" can sound like "UNofficial website of [Agency name]". To minimize confusion, we hid the word "An" from screen readers with `aria-hidden`. To improve the screen reader experience, update your component markup. (#5491)
`usa-range`	Yes	—	Yes	Removed redundant ARIA attributes on the range component to improve the screen reader experience. To incorporate these changes, update your range component markup. (#5413)
`usa-range`	Yes	—	Yes	Added optional `data-text-unit` and `data-text-preposition` attributes to range slider. When used alongside the `max` attribute, the optional `data-text-unit` attribute adds language for the unit type. For example, adding a value of "stars" enables a readout like "3.5 stars of 5". The optional `data-text-preposition` creates the ability to customize the language of the preposition "of" in that string. (#5472)
`usa-site-alert`	—	—	—	Removed the top margin from the site alert component. Thanks @lpsinger! (#5550)
`uswds-core`	—	—	—	Fixed a bug that prevented `$theme-site-margins-width` from accepting expected token values. (#5582)

Dependencies and security

Updated the default node version from 16 to 20. (#5560)

Dependency name	Previous version	New version
classlist-polyfill	1.0.3	1.2.0
@babel/core	7.16.7	7.23.2
@babel/preset-env	7.16.7	7.23.2
@chanzuckerberg/axe-storybook-testing	6.3.0	6.3.1
@material-design-icons/svg	0.11.1	0.14.13
@storybook/addon-a11y	6.5.12	6.5.16
@storybook/addon-essentials	6.5.12	6.5.16
@storybook/addon-links	6.5.12	6.5.16
@storybook/builder-webpack5	6.5.12	6.5.16
@storybook/html	6.5.12	6.5.16
@storybook/manager-webpack5	6.5.12	6.5.16
@types/node	16.11.19	20.8.9
ansi-colors	4.1.1	4.1.3
autoprefixer	10.4.1	10.4.16
axe-core	4.6.3	4.8.2
babel-loader	8.2.2	9.1.3
css-loader	6.2.0	6.8.1
eslint	8.4.1	8.52.0
eslint-config-prettier	8.3.0	9.0.0
eslint-plugin-import	2.25.4	2.29.0
eslint-plugin-no-unsanitized	4.0.1	4.0.2
fancy-log	1.3.3	2.0.0
gulp-replace	1.1.3	1.1.4
handlebars-helpers	0.9.8	0.10.0
html-webpack-plugin	5.4.0	5.5.3
postcss	8.4.19	8.4.31
postcss-csso	6.0.0	6.0.1
postcss-discard-comments	5.0.1	6.0.0
postcss-loader	6.1.1	7.3.3
postcss-preset-env	7.4.2	9.2.0
prettier	2.4.1	2.8.8
sass-embedded	1.58.3	1.69.5
sass-loader	12.1.0	13.3.2
snyk	1.1064.0	1.1237.0
style-loader	3.3.0	3.3.3
stylelint	15.10.1	15.11.0
svgo	2.8.0	3.0.2
twigjs-loader	1.0.2	1.0.3
typescript	4.4.4	5.2.2
webpack	5.76.0	5.89.0
webpack-cli	4.9.1	5.1.4

0 vulnerabilities in regular dependencies (dependencies for USWDS projects installed with npm install @uswds/uswds)

24 moderate, 27 high vulnerabilities in devDependencies (development dependencies)

Release TGZ SHA-256 hash: 3806aed4a1affb5dd66fda8a0ecef3c56240242117d7172647c2f1e04c7f62e0

This discussion was created from the release USWDS 3.7.0.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

USWDS 3.7.0 #5607

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

USWDS 3.7.0 #5607

Uh oh!

thisisdano Nov 9, 2023

What's new in USWDS 3.7.0

Features

Bug fixes

Dependencies and security

Replies: 0 comments

thisisdano
Nov 9, 2023