[Snyk] Upgrade @uswds/uswds from 3.7.1 to 3.8.0 #4
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Snyk has created this PR to upgrade @uswds/uswds from 3.7.1 to 3.8.0. See this package in npm: @uswds/uswds See this project in Snyk: https://app.snyk.io/org/sherfeyinv/project/49009f97-a61c-4799-af28-8a061ae6b522?utm_source=github&utm_medium=referral&page=upgrade-pr
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR was automatically created by Snyk using the credentials of a real user.
Snyk has created this PR to upgrade @uswds/uswds from 3.7.1 to 3.8.0.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.
The recommended version is 1 version ahead of your current version.
The recommended version was released on 3 months ago.
Release notes
Package name: @uswds/uswds
-
3.8.0 - 2024-03-11
Package
A11y
Breaking
Markup change
Description
-
-
-
Added styles for indeterminate checkboxes. Checkboxes will now display as indeterminate when you set
-
-
-
Added the ability to customize which headings will be pulled into the in-page navigation link list. Use the optional
-
-
-
Added a sticky header variant to the table component. Use the new
Added the ability to customize the table background color at a theme level. Use the
-
-
-
Added
Yes
Yes
Yes
Added
Package
A11y
Breaking
Markup change
Description
-
-
-
Improved the vertical alignment of
Yes
-
-
Added automated color contrast checks for disabled tokens. On compilation, USWDS will test disabled element color contrast and provide a fallback color if minimum contrast is not met. If the fallback also fails to meet minimum contrast requirements, the system will provide a warning in the terminal. (#5455)
-
-
-
Improved the appearance of button groups when button text wraps to multiple lines. Now, every button in the group will be the same height. (#5657) Thanks @ aduth!
Yes
-
-
Added focus styles to the calendar button in high contrast mode. Now, the calendar icon changes to the
-
-
-
Fixed a bug that caused some grid utility classes to be ignored when used inside
Yes
Yes
Yes
Updated the order of the side navigation markup on the documentation page template. Now, the HTML order of the page matches the visual order at narrow screen widths. (#5794)
Yes
-
Yes
Simplified the structure of the scrollable table component example. This removes some accessibility errors related to incomplete table markup. (#5783)
Dependency name
Previous version
New version
@ babel/core
7.23.2
7.23.6
@ babel/preset-env
7.23.2
7.23.6
@ types/node
20.8.9
20.10.4
eslint
8.52.0
8.55.0
eslint-config-prettier
9.0.0
9.1.0
gulp-mocha
8.0.0
9.0.0
handlebars-helpers
0.10.0
--
html-webpack-plugin
5.5.3
5.5.4
postcss
8.4.31
8.4.32
postcss-import
--
15.1.0
postcss-preset-env
9.2.0
9.3.0
postcss-sass-loader
1.1.0
--
resolve-url-loader
4.0.0
5.0.0
sass
--
1.69.5
snyk
1.1237.0
1.1262.0
svgo
3.0.2
3.1.0
typescript
5.2.2
5.3.3
-
3.7.1 - 2023-12-08
Package
A11Y
Breaking
Markup change
Description
—
—
—
Removed the
Package
A11Y
Breaking
Markup change
Description
—
—
—
Removed invalid styles from the banner component. These styles had no effect and were safely removed. Thanks @ aduth! (#5587)
Yes
—
—
Fixed
—
—
—
Fixed the right alignment of footer elements. Footer content should now align with other page elements. Thanks @ danbrady! (#5234)
—
—
—
Fixed the horizontal alignment of header submenu elements. Now,
—
—
—
Fixed the vertical alignment of the expand icon on header navigation items. The icon will now maintain vertical alignment when menu button text breaks to multiple lines. Thanks @ aduth! (#5654)
—
—
—
Fixed a bug that caused long button text to overflow into its padding. Now, button text breaks to multiple lines as expected and maintains vertical center alignment. (#5655)
—
—
—
Fixed a bug that prevented
—
—
—
Fixed a bug that prevented the CSS from generating
Dependency name
Previous version
New version
jsdom
19.0.0
22.1.0
from @uswds/uswds GitHub release notesFeatures
usa-checkbox,uswds-coreinput.indeterminate = truevia JavaScript or add thedata-indeterminateattribute. This is only a style addition and does not affect checkbox functionality. Thanks @ lpsinger! (#5713)usa-in-page-navdata-heading-selectorattribute to designate the heading levels that should be included in the component. By default, the component will pull allH2andH3headers. (#5444)usa-table,uswds-core.usa-table--sticky-headerclass to enable sticky positioning on table headers. Use the new$theme-table-sticky-top-offsetsetting to set the value of the top offset for sticky table headers. (#5420) Thanks @ etanb!usa-table,uswds-core$theme-table-background-colorsetting to set your desired table background color. (#5420)usa-validationtextareasupport to the validation component. (#5233) Thanks @ danbrady!usa-layout-docs,uswds-core$theme-sidenav-reorderfor documentation page sidenav. Use$theme-sidenav-reorderto support old CSS order functionality. This setting can introduce usability issues, so we suggest that teams update their sidenav markup instead. (#5807)Bug fixes
usa-button,uswds-coreusa-iconelements inside ofusa-button. Use the new$theme-button-icon-gapsetting to set the width of the horizontal gap between the button's text and icon. (#5398)usa-button,usa-checkbox,usa-combo-box,usa-file-input,usa-radio,uswds-coreusa-button-groupusa-date-pickerhighlighthigh contrast token on focus. (#5701)usa-footerusa-footer. (#5675)usa-layout-docs,uswds-coreusa-tableBreaking changes
Documentation page template
We're updating the documentation template to better match the HTML order of the side navigation to the visual order at mobile widths. Before USWDS 3.8.0 we used CSS to re-order the sidenav at mobile widths, placing it below the page's main text content. Starting with USWDS 3.8.0, our default styles no longer use CSS to re-order the side navigation. Now, we suggest including a duplicate sidenav after the main text content, using utility classes to hide/show the sidenavs at the proper widths. The example below shows a before/after.
Teams that wish to maintain the old CSS order functionality can temporarily add
$theme-sidenav-reorder: trueto their project settings. This setting reinstates the CSS re-ordering. As we mentioned, this setting can introduce usability issues, so the best long-term solution is to update the sidenav markup instead.Dependencies and security
0vulnerabilities in regular dependencies (dependencies for USWDS projects installed withnpm install @ uswds/uswds)15moderate,25high vulnerabilities in devDependencies (development dependencies).Release TGZ SHA-256 hash:
072f0f8333b1aa000183e00676616d9ff5a174e27ca8d35c130ca70ea5d4f66dWhat's new in USWDS 3.7.1
Features
usa-footerusa-layout-griddependency from theusa-footerpackage. This update reduces the footer package size. Thanks @ danbrady! (#5289)If you notice changes in your layout after making this update, your Sass might be missing the
usa-layout-gridpackage. You can include it by adding@ forward usa-layout-gridto your Sass entry point.Bug fixes
usa-bannerusa-dark-background,usa-section:visitedlink styling inusa-section--darkelements. Thanks @ aduth! (#5567)usa-footerusa-header,usa-navusa-nav__submenuelements should align with other header elements. Thanks @ lpsinger! (#5649)usa-navusa-navusa-nav$theme-max-header-widthfrom accepting a value of"none". (#5624)uswds-core.left-full,.right-full, and.top-fullutility classes. (#5633)Dependencies and security
Thanks @ deckar01 for contributing this dependency update!
0vulnerabilities in regular dependencies (dependencies for USWDS projects installed withnpm install @ uswds/uswds)24moderate,27high vulnerabilities in devDependencies (development dependencies).Release TGZ SHA-256 hash:
6e1d3032e1a7ac614d05fe76c87cc398725d84e5ba0656a7a17c6ca4c7579526Important
Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.
For more information: