Skip to content

9.0.0
Compare
Choose a tag to compare
@aduth aduth released this 07 Mar 15:01
· 47 commits to main since this release
v9.0.0
eb68c25
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

Breaking Changes

  • Prose styling overrides have been removed. Text formatting should now adhere to the defaults from the U.S. Web Design System. (#390)
  • Drop support for Internet Explorer. (#387)
    • Support was indirectly dropped in v7.0.0 via the upgrade to USWDS v3.0.0, which similarly ended explicit support for Internet Explorer. This package had continued to include Internet Explorer in its Browserslist configuration, but this has now been removed.
  • Remove utility classes for raw color tokens. (#405)
    • These colors were usually incorrect because they were using U.S. Web Design System defaults instead of the Login.gov Design System color set.
    • In most common cases, these should be replaced with stateful equivalents ("success" instead of "green") or theme colors ("base" instead of "gray-50").
    • Applies to the following utilities:
      • Background color (bg-*)
      • Border color (border-*)
      • Text color (text-*)
      • Outline color (outline-*)
      • Text underline color (underline-*)
    • The following colors are removed:
      • red (use error instead)
      • orange
      • gold
      • yellow (use warning instead)
      • green (use success instead)
      • mint
      • cyan
      • blue (use primary instead)
      • indigo
      • violet
      • magenta
      • gray-10 (use base-lighter instead)
      • gray-30 (use base-light instead)
      • gray-50 (use base instead)
      • gray-70 (use base-darker instead)
      • gray-90 (use base-darkest instead)
  • Remove images not integral to the design system. (#410)
    • If you use any of these images, consider proposed alternatives below, or copy the image from the previous release into your project:
      • illustrations/fail.svg (legacy alert icon, new alert icons will be introduced in a future release)
      • illustrations/security-key.svg
      • angle-arrow-down-white-hover.svg (use expand_more icon instead)
      • angle-arrow-down-white.svg (use expand_more icon instead)
      • angle-arrow-down.svg (use expand_more icon instead)
      • angle-arrow-up-white-hover.svg (use expand_less icon instead)
      • angle-arrow-up-white.svg (use expand_less icon instead)
      • angle-arrow-up.svg (use expand_less icon instead)
      • close-primary.svg (use close icon instead)
      • close.svg (use close icon instead)
      • hero.png
  • Align JavaScript component names with U.S. Web Design System. (#414)
    • header is now named navigation
    • validation is now named validator

Improvements

  • Optimize images to reduce their size. (#411)
  • Browser-ready JavaScript bundles are now minified. (#421)

New Features

  • Add TypeScript types for JavaScript components. (#413)
  • Include init.js as both a package entrypoint and precompiled asset within dist/assets/js, which provides the functionality of U.S. Web Design System's uswds-init.js script to reduce the appearance of flashing content during page load. See README Browser-Ready JavaScript Bundles for usage instructions. (#421)

Bug Fixes

  • Add missing JavaScript exports for button, inPageNavigation, inputMask, languageSelector, and range. (#407)
  • Fix dist/assets/js/main.js compilation to properly consider browser support. (#421)
  • Fix strict ES Module import errors due to lack of fully-qualified file path when importing auto entrypoint. (#422)
  • Fix background color when hovering an expanded navigation section on large viewport sizes. (#418)

Internal

  • Replace code compiler Babel with ESBuild. (#387)
    • This is not expected to have a downstream impact, but there may be subtle differences in the compiled code due to this change.
Assets 2
Loading