Skip to content

8.0.0
Compare
Choose a tag to compare
@pwolfert pwolfert released this 18 Sep 21:58
· 390 commits to main since this release
@cmsgov/[email protected]
c4e2e14
This commit was signed with the committer’s verified signature.
pwolfert Patrick Wolfert
GPG key ID: D8C470D4F13CFA14
Learn about vigilant mode.

For a high-level overview, please read our Release 8.0 blog post.

Design System [8.0.0]

🚨 Breaking

  • Swapped Downshift library for react-aria (#2663, #2667)
    • This fixes unreliable VoiceOver behavior of Autocomplete and Dropdown
    • Autocomplete onChange and onInputValueChange functions now only pass one parameter. The second parameter of each was previously meta-data that was specific to the underlying library we used.
    • The following Autocomplete props have been deprecated and are no longer used:
      • getA11yStatusMessage
      • itemToString
    • The following Dropdown props have been deprecated and are no longer used:
      • getA11yStatusMessage
      • getA11ySelectionMessage
  • Updated UsaBanner, which also changed the following CSS variables: (#2578)
    • Renamed tokens:
      • --usa-banner-action__color to --usa-banner-link__color
      • --usa-banner-lock-icon__color to --usa-banner-security-icon__color
      • --usa-banner-close-button__background-color to --usa-banner-close-button__background-color--mobile
    • Updated token values:
      • --usa-banner__color
      • --usa-banner-heading__font-size
    • Added new tokens:
      • --usa-banner__max-width
      • --usa-banner-gutter-width
      • --usa-banner-heading__font-family
      • --usa-banner-heading__line-height
      • --usa-banner-panel__font-family
      • --usa-banner-panel__line-height
      • --usa-banner-panel__font-size
      • --usa-banner-panel__font-family
      • --usa-banner-domain-icon__color
      • --usa-banner-heading__font-family
      • --usa-banner-close-button__color--mobile

💅 Changed

  • All of a component's element ids are now derived from a single root id that can be supplied by the user (#2633)
    • The purpose of this is to ensure determinism even in multi-threaded static-site-generator projects
    • All components that generate ids now accept an id prop if they didn't previously
    • Some components allow additional ids to be specified through props; they are still there, but they will now fall back to an id derived from the root id.
    • Derived ids now follow a standard format
  • Expanded the following props from accepting only string to any ReactNode:
    • tab prop on TabPanel (#2612)
    • heading prop on Alert (#2642)
    • heading and footerTitle props on Drawer and HelpDrawer (#2642)
    • heading prop on IdleTimeout (#2642)

🛠 Fixed

  • Fixed Autocomplete/Dropdown menus getting cut off at dialog window boundaries (#2669)

📦 Internal

  • Converted the FormLabel component to a functional component (#2585)

Healthcare.gov Design System [12.0.0]

All changes from the core design system and...

🚨 Breaking

  • Added the USA banner component to HealthCare.gov global header behind a default-ON feature flag prop (#2603, #2616)

🛠 Fixed

  • Added list role to HealthCare.gov header lists (#2630)

Medicare.gov Design System [10.0.0]

All changes from the core design system and...

🚨 Breaking

  • Removed glossary link from the Medicare.gov footer (#2615)

🛠 Fixed

  • Fixed layout styles for the Medicare footer and simplified the CSS (#2646)
  • Updated the URL for the "Linking Policy" link in the Medicare footer (#2683)

Documentation

💅 Changed

  • Improved the SkipNav story
  • Restricted the theme for healthcare's one-col-page-layout story (#2614)
  • Moved developer/React documentation into Storybook
    • Migrated all prop tables from doc site into Storybook (#2563, #2575)
    • Made the Storybook doc pages more informative (#2562)
    • Updated component story names to match component names (#2574)
  • Checked the "forced colors mode" item of Autocomplete's maturity checklist (#2668)

🚀 Added

  • Used a new filter-dialog prototype for doc site theme and version switching (#2599)

Design Sketch UI Kits

All UI Kits

💅 Tested and updated to Sketch version 98.2

🎨 CORE

Core 5.0.0 Sketch UI Kit and Theme

  • Autocomplete component: Updated styles to match dropdown
  • Hint text: Replaced the text-box with a symbol.
  • Help Drawer: Layout and styles updated
  • Form label: Varients updated to improve content layout

🎨 Healthcare

HealthCare 5.0.0 Sketch UI Kit and Theme

  • Autocomplete component: Updated styles to match dropdown
  • Hint text: Replaced the text-box with a symbol.
  • Header: Updated HealthCare header to include the USA Banner component

🎨 Medicare

Medicare 5.0.0 Sketch UI Kit and Theme

  • Autocomplete component: Updated styles to match dropdown
  • Hint text: Replaced the text-box with a symbol.
  • Header: Updated Medicare header to include the USA Banner component
  • Footer: Removed "glossary" link
Assets 2
Loading