3.3.0

Design System [3.3.0]

⚠️ Deprecated

• Deprecated old per-component language/locale props, which will be removed in a future breaking-change release, in favor of app-wide language settings. (See more details below in the Added section.) (#1680)

🚀 Added

• Added new i18n module with app-wide language settings. (#1680) (#1668)
  • Language is auto-detected based on the HTML document's lang property, with a fall back to English. Language can be changed by calling the new setLanguage function or retrieved by the getLanguage function.
  • Removed i18next and react-i18next dependencies for @cmsgov/ds-healthcare-gov package

💅 Changed

• Refactored <Choice> component to use native input element for accessibility improvements (#1673)
• SvgIcon now uses the ariaHidden property to determine if the <title> element is rendered (#1678)

🛠 Fixed

• Accessibility text in <Alert> & <Badge> components now support Spanish (#1668)
• Fixed a visual bug where browser-native tooltips covered the design-system tooltip on hover. <TooltipIcon> no longer includes a title or label by default. Instead, set ariaLabel in <Tooltip> component (#1678)
  • Note that the <title> element no longer exists. Some teams may be relying on that text for unit testing. Please use the aria-label text instead.

📦 Internal

• Prettier dependency updated to latest version (#1674)
• Fix "document is not defined" error during doc-site build (#1677)
• Visual regression testing configured for child design systems (#1679)
• Loki visual regression tooling updated (#1688)

Medicare.gov Design System [5.3.0]

All changes from the core design system

🚀 Added

• Medicare specific icons added (#1684)

💅 Changed

• Replace use of @extend for util classes in component styles. This removes most instances of !important in those component styles (#1682)

Healthcare.gov Design System [7.3.0]

All changes from the core design system