Fixed SVG4Everybody compatibility. Now USWDS javascript will compile properly with Babel. Now you should be able to use uswds.js or uswds.min.js in a React app without any problems. Thanks @aduth!
Fixed a flash of unstyled content in extended header megamenu. Now there won't be a flash of megamenu content while the USWDS javascript loads. (Note: This requires uswds-init.)
Added more white icon variants. Added white icon variants for add, remove, and expand_more so teams can have accessible icon color combinations on dark backgrounds, especially in the accordion and the top navigation.
More consistently use theme text and link colors across components. Improved our use of $theme-text- and $theme-link- color settings in components and variants like usa-dark-background and usa-section--dark.
Dependencies
Updates snyk from 1.439.1 to 1.467.0
0 vulnerabilities in regular dependencies (dependencies for USWDS projects installed with npm install uswds)
5 low, 2 high vulnerabilities in devDependencies (development dependencies)
2.10.1
What’s new in USWDS 2.10.1
Bugfixes and updates
Fix automatic accessible color picker: Now the accessible color picker will properly pick the correct text color from a given background color. It will also throw warnings instead of errors if accessible combinations aren't found. (#3906 and #3926)
New or ⚠️ changed setting
Default
Description
$theme-body-background-color
"white"
Background for the page body
$theme-text-color
"ink"
Page text color
$theme-text-reverse-color
"white"
Text color with dark backgrounds
$theme-alert-text-color
default (uses whatever is set for $theme-text-color)
Text color for light-background alerts
$theme-alert-text-reverse-color
default (uses whatever is set for $theme-text-reverse-color)
Text color for dark-background alerts
$theme-alert-link-color
default (uses whatever is set for $theme-link-color)
Link color for light-background alerts
$theme-alert-link-reverse-color
default (uses whatever is set for $theme-link-reverse-color)
Link color for dark-background alerts
⚠️ $theme-breadcrumb-background-color
default (uses whatever is set for $theme-body-background-color)
Background color for the breadcrumb
$theme-identifier-primary-link-color
default (system picks between $theme-alert-link-color and $theme-alert-link-reverse-color depending on the background color)
Color of the links in the identifier masthead
Allows svg4everybody polyfill to compile properly in React and Vue: Now React and Vue applications won't crash with a TypeError caused by svgforeverybody. (uswds/uswds#3909)
Properly give an accessible name to the combobox: Now the combobox will have an accessible name as long as the label's for attribute matches the id of the input.usa-combo-box or input.usa-time-picker. (uswds/uswds#3900)
Fix styling in collection calendars: Removes a thin white line which could appear at the top of calendars in collection items. (uswds/uswds#3917)
Fix a radio/checkbox focus outline bug on Firefox. Removes unwanted text indent from checkbox and radio input, which was causing the focus outline to be improperly sized on Firefox. (uswds/uswds#3916)
Utilize $theme-alert-icon-size variable for setting the alert icon size: Now the setting works as expected. Thanks @sawyerh! (uswds/uswds#3942)
⚠️ NOTE: This changes the value of the $theme-alert-icon-size default to 5 from 4.
... (truncated)
Commits
5c7d465 Merge pull request #4067 from uswds/release-2.10.2
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- `@dependabot use these labels` will set the current labels as the default for future PRs for this repo and language
- `@dependabot use these reviewers` will set the current reviewers as the default for future PRs for this repo and language
- `@dependabot use these assignees` will set the current assignees as the default for future PRs for this repo and language
- `@dependabot use this milestone` will set the current milestone as the default for future PRs for this repo and language
- `@dependabot badge me` will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot [dashboard](https://app.dependabot.com):
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
Bumps uswds from 2.10.0 to 2.10.2.
Release notes
Sourced from uswds's releases.
... (truncated)
Commits
5c7d465
Merge pull request #4067 from uswds/release-2.10.2c3be564
Update security hash2e87c86
2.10.2419ae7e
Merge pull request #4066 from uswds/dw-update-refs-2.10.21c65b23
Update refs to 2.10.26513d44
Merge pull request #4059 from uswds/dw-use-proper-color-tokens6511249
Use them var for reverse text in usa-dark-backgroundaead326
Merge pull request #4061 from uswds/dw-add-white-icon-variant35ddda1
Add white variant ofremove
icon for dark background accordions.a0b3613
Merge branch 'develop' into dw-add-white-icon-variantDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) - `@dependabot use these labels` will set the current labels as the default for future PRs for this repo and language - `@dependabot use these reviewers` will set the current reviewers as the default for future PRs for this repo and language - `@dependabot use these assignees` will set the current assignees as the default for future PRs for this repo and language - `@dependabot use this milestone` will set the current milestone as the default for future PRs for this repo and language - `@dependabot badge me` will comment on this PR with code to add a "Dependabot enabled" badge to your readme Additionally, you can set the following in your Dependabot [dashboard](https://app.dependabot.com): - Update frequency (including time of day and day of week) - Pull request limits (per update run and/or open at any time) - Out-of-range updates (receive only lockfile updates, if desired) - Security updates (receive only security updates, if desired)