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.
Adds an instagram social icon to our default footer. (uswds/uswds#3948)
Updates all icons used by components to the new icon set. (uswds/uswds#3992)
Fixes a secondary nav display bug in the header in Safari: Now the search component and the secondary nav display and resize properly in Safari. Thanks @akanelson! (uswds/uswds#3805)
⚠️ Use proper semantic markup for footer title: Now we're using a p instead of an h3 for usa-footer__logo-heading since the name of the project or agency is hot a heading in this context.
Properly wrap the wrapped breadcrumb on Safari: Now the usa-breadcrumb--wrap breadcrumb variant will wrap properly on Safari, instead of overflowing. (uswds/uswds#3997)
Update project's version of Node to the most current LTS (14.15.4).
Dependencies
Adds sass-true@6.0.1 for Sass unit testing
Updates snyk to 1.439.1
Updates @frctl/fractal to 1.5.4
... (truncated)
Commits
bd0c371 Merge pull request #4016 from uswds/release-2.10.1
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.1.
Release notes
Sourced from uswds's releases.
... (truncated)
Commits
bd0c371
Merge pull request #4016 from uswds/release-2.10.1f7395db
Create uswds-2.10.1-zip-hash.txt78ae6f7
2.10.1db32a42
Merge pull request #4014 from uswds/jm-update-fractal781b9d0
Merge pull request #3992 from uswds/dw-update-iconsa4d9d9b
Use navigate_ icons instead of chevroneb2d4d5
Update @frctl/fractal and @frctl/nunjucks.add42ce
Add new icon metadata9995d8f
Add new icons to the mobile big footer307fc8c
Add new icons to date picker year pickerDependabot 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)