What's new in USWDS 3.0.2

Improvements and bug fixes

• uswds-init is better at suppressing FOUC. We updated the uswds-init script's event listener to target window from document. This assures that the page's JavaScript is fully loaded before we remove the loadingClass that suppresses the open banner. The banner should no longer flash open. (USWDS - Repair uswds-init load flashing #4676)
• Improved Date Picker display at very narrow widths. We improved the display of the date picker at very narrow widths so there are no UX inconsistencies when the date picker is in a form at less than 320px width. This assures that Date Picker conforms to WCAG 2.1. (USWDS: Date Picker - Update month-label width for mobile #4770)
• Custom background colors no longer can cause compile failures. We updated some of our custom icons so setting a custom $theme-body-background-color value no longer throw an error with some colors. (USWDS - Icon: add missing contrast icons #4686)
• More accurate automatic contrast checking for custom colors. We made our contrast checker more sophisticated so it can more accurately assess the luminance of custom colors, particularly those approximately grade 45. (USWDS - Core: Repair color contrast issues for color-grade 45 #4694)
• Improved form group error state display. We improved the styling of form groups so that the margin is the same whether or not the form group is in an error state. (USWDS - Input: Remove top margin from error inputs. Resolves #4189 #4751)
• High resolution flag for the Banner. We updated the flag icon in the banner so it appears at a high resolution. (Use high resolution flag #4792)
• Megamenu always stays within the viewport. We improved the styling of the header megamenu so it resizes properly when trying to capture screenshots. (USWDS - Megamenu: Recalculate width of outer-megamenu elements #4757)
• Improved display of dropdown menus in an error state. Text descenders in a dropdown menu are no longer cut off in the error state. (USWDS - Input: Fix dropdown padding for error & success variants. Resolves #4192 #4709)
• Improved target area for header dropdown links. Links in dropdown menus are now formatted as block elements to provide a larger selectable surface. (USWDS - Header: Increase navigation link target size #4708)
• Table border setting works as expected. Theme table settings are now consistently applied to table styles. (USWDS - Table: Update color styles to use theme settings #4712)
• Added a Fax icon to the default set. (Add fax icon to sprite #4797)
• Added a Remove Circle icon to the default set. (Add remove_circle to default sprite #4791)
• Fixed precedence of normalize. When either the $theme-global-content-styles or $theme-global-paragraph-styles settings are set to true, styles from normalize.css no longer take precedence over some USWDS global typography styles. (USWDS - global: Fix normalize.css precedence #4726)
• Navigate_far icons now accept custom color. We fixed the navigate_far_before and navigate_far_next icons to allow a customColor fill. (Rewrite navigate_far icons to allow customColor #4780)

Thanks @mahoneycm for your time on USWDS Core! 👏

Dependency updates

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

Internal only: 3 moderate, 31 high vulnerabilities in devDependencies (development dependencies)

Release TGZ SHA-256 hash: c760b8287f4fdc15652df6eb9cc8790eb1f931bac53a5141a5a3ac328980dee0