Repository navigation
USWDS: Draft 3.10.0 release notes #6182
Description
What's new in USWDS 3.10.0
Features
| Package | A11y | Breaking | Markup change | Description |
|---|---|---|---|---|
usa-combo-box |
- | - | - | Updated the order of combo box search results. The component now displays options that start with the query at the top of the list, followed by options that contain the query. This behavior more closely aligns with user expectation. (#6122) |
Bug fixes
| Package | A11y | Breaking | Markup change | Description |
|---|---|---|---|---|
usa-checkbox |
- | - | - | Removed inline style tags from indeterminate checkbox SVGs. These style tags were unnecessary and caused a conflict with Cypress automated testing. (#6162) ✏️ Teams should update the checkbox-indeterminate.svg and checkbox-indeterminate-alt.svg files in their projects. |
usa-file-input |
- | - | - | Fixed a bug that caused file input image previews to break when a Content Security Policy is enabled. The component now uses event listeners in place of inline JavaScript to handle error states. Thanks @jeffpw-goog! (#5997) |
usa-model |
- | - | - | Fixed a bug that prevented the modal package from bundling with a custom prefix. The component no longer uses hard-coded class names in its JavaScript. Thanks @sanason! (#6026) |
usa-step-indicator |
Yes | - | Yes | Removed the aria-label from the wrapper of the step indicator component. This resolves an automated testing error related to having an invalid attribute on a div element. (#6146) ✏️ Teams should remove the the aria-label from the .usa-step-indicator element in their step indicator markup. |
usa-time-picker |
Yes | - | Yes | Updated the time picker hint text to improve clarity. This update allows the component to meet the success criteria in WCAG 3.3.2. (#6147) ✏️ Teams should replace the words "hh:mm" in the time picker hint text with "Select a time from the dropdown. Type into the input to filter options." |
Markup changes
Step indicator
To remove automated testing errors, teams should update the step indicator markup to remove the aria-label on the usa-step-indicator element:
- <div class="usa-step-indicator" aria-label="progress">
+ <div class="usa-step-indicator">Time picker
If teams are using "hh:mm" in their time picker hint text, they should update the text to "Select a time from the dropdown. Type into the input to filter options.":
- <div class="usa-hint">hh:mm</div>
+ <div class="usa-hint">Select a time from the dropdown. Type into the input to filter options.</div>Dependencies and security
Dependency updates
| Dependency name | Previous version | Updated version |
|---|---|---|
| object-assign | 4.1.1 | -- |
Dev Dependency updates
| Dependency name | Previous version | Updated version |
|---|---|---|
| @babel/core | 7.25.2 | 7.25.7 |
| @babel/preset-env | 7.25.4 | 7.25.7 |
| browserify | 17.0.0 | 17.0.1 |
| eslint-plugin-import | 2.30.0 | 2.31.0 |
| eslint-plugin-no-unsanitized | 4.1.0 | 4.1.2 |
| postcss | 8.4.45 | 8.4.47 |
| sass | 1.78.0 | 1.79.4 |
| sass-embedded | 1.78.0 | 1.79.4 |
| snyk | 1.1293.0 | 1.1293.1 |
| twig-html-loader | 0.1.9 | -- |
| webpack | 5.94.0 | 5.95.0 |
Thanks @aduth and @anselmbradford for contributing to our dependency updates!
0 vulnerabilities in regular dependencies (dependencies for USWDS projects installed with npm install @uswds/uswds)
29 moderate, 26 high vulnerabilities in devDependencies (development dependencies).
Release TGZ SHA-256 hash: fdd1f9fc4cbfeb0fca7feeba1c94b205ba4ee22d03f63bb916c8750982715fb7
Activity
[-]USWDS: Draft release notes[/-][+]USWDS: Draft 3.10.0 release notes[/+]mejiaj commentedon Nov 7, 2024
@amyleadem thanks for getting this started. I like the addition of the pencil icon to signal required changes for teams. It's clear and easy to scan, especially with the short summary.
As a potential enhancement we could try ideas tested in 3.8.0 release notes1 and #6148 to clearly communicate the user change using the
difffeature.For example
Add a section below the table that has examples of the changes required.
Release notes
{{ Summary of features table }}
User changes
Step indicator
Footnotes
https://github.com/uswds/uswds/releases/tag/v3.8.0 ↩
amyleadem commentedon Nov 8, 2024
Good idea. I have added the following to the release notes for consideration:
Markup changes
Step indicator
To remove automated testing errors, teams should update the step indicator markup to remove the
aria-labelon theusa-step-indicatorelement:Time picker
If teams are using "hh:mm" in their time picker hint text, they should update the text to "Select a time from the dropdown. Type into the input to filter options.":
amyleadem commentedon Nov 8, 2024
@mahoneycm @thisisdano @mejiaj
Wanted to highlight that the
object-assigndependency is the only true dependency removed from package.json. The others are devDependencies. Is it worth highlighting that in the table above?My initial thought is to either break them into two tables, or maybe provide a note via asterisk, but our other release notes do not make this distinction and always call them "Dependency", even though they were devDependencies. I haven't incorporated any highlighting here because of the potential confusion, but wanted to flag it for awareness.
thisisdano commentedon Nov 12, 2024
I think it's worth calling out the distinction between
dependencyanddevDependencychangesthisisdano commentedon Nov 12, 2024
I'll take a pass at updating the table/notes
thisisdano commentedon Nov 13, 2024
Closed by #6199