3.3.1

Design System [3.3.1]

🛠 Fixed

• Improved screen-reader experience for FilterChip (#1736)

📦 Internal

• Simplified analytics helpers (#1723)

Medicare.gov Design System [5.3.1]

All changes from the core design system

Healthcare.gov Design System [7.3.1]

All changes from the core design system

🤖 Dependencies

• Bump @types/js-cookie from 2.2.7 to 3.0.2 (#1753)

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

3.3.0-beta.4

Healthcare.gov Design System [7.3.0-beta.4]

🛠️ Fixed

• Fix attempted type import from our compiled plain JavaScript modules in @cmsgov/ds-healthcare-gov, which would cause a build-time error downstream (#1740, #1742)

3.3.0-beta.2

Healthcare.gov Design System [7.3.0-beta.2]

🛠️ Fixed

• Header component now a named export, resolves several integration test errors (#1717)

3.3.0-beta.1

Design System [3.3.0-beta.1]

⚠️ 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)
• <TooltipIcon> no longer includes a title or label by default. Instead, set ariaLabel in <Tooltip> component (#1678)

📦 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-beta.1]

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-beta.1]

All changes from the core design system

3.2.2

Design System [3.2.2]

📦 Internal

• Removed previous linting package/rules, now using latest version stylelint and eslint with updated rules. (#1667)

🛠️ Fixed

• InputRef passthrough for ChoiceList component now provided (#1671)

Healthcare.gov Design System [7.2.2]

All changes from the core design system

Medicare.gov Design System [5.2.2]

All changes from the core design system

3.2.1

Design System [3.2.1]

💅 Changed

• Removed <aside> tag from modal (#1656)

🛠 Fixed

• Race condition & console error resolution in <Choice> component (#1660)
• Inline tooltip trigger jumping to the next line on hover (#1662)

📦 Internal

• Visual regression test updates (#1654)
• Design token build tooling updates (#1655)

Documentation site [3.2.1]

🚀 Added

• Add spacing variables and values to spacing page (#1649)
• Add error icon to html error examples (#1651)

Healthcare.gov Design System [7.2.1]

All changes from the core design system, plus...

🛠 Fixed

• No longer showing visited state on header menu items (#1650)

Medicare.gov Design System [5.2.1]

All changes from the core design system

3.2.0

Design System [3.2.0]

🚀 Added

• ExternalLinkIcon (#1635)

💅 Changed

• Spacing on Dialog close button (#1635)
• Documentation for ThirdPartyLink (#1635)
• Removed role="button" from anchor elements (#1632)

📦 Internal

• Replace Backstop with Loki for visual regression testing (#1642)
• Token plugin updates and types (#1637)

Healthcare.gov Design System [7.2.0]

See core updates

Medicare.gov Design System [5.2.0]

All changes from the core design system, plus...

🚀 Added

• Deprecation notice to GlobalHeader and Navbar (#1638)
• Documentation for a consistent-header pattern (#1638)

3.2.0-beta.1

Design System

🚀 Added

• ExternalLinkIcon (#1635)

💅 Changed

• Spacing on Dialog close button (#1635)
• Documentation for ThirdPartyLink (#1635)
• Removed role="button" from anchor elements (#1632)

📦 Internal

• Replace Backstop with Loki for visual regression testing (#1642)
• Token plugin updates and types (#1637)

Medicare.gov Design System

🚀 Added

• Deprecation notice to GlobalHeader and Navbar (#1638)
• Documentation for a consistent-header pattern (#1638)

3.1.0

Design System [3.1.0]

🚀 Added

• New IdleTimeout component (#1570)
  • This component lets users know when their session is about to expire and allows them to take different actions in response
    
• Add new props to Tooltip at the core design-sysetm level to support tooltips in Medicare.gov that have close buttons (#1625). These new props are:
  • className
  • closeButtonLabel
  • contentHeading
  • showCloseButton

🛠 Fixed

• Update spacing for prev/next nav in pagination (#1623)
• Windows High Contrast Mode support improved for SVG components (#1575), improving support for the following components:
  • Accordion
  • Alert
  • Button
  • Checkbox and Radio
  • Drawer
  • Filter Chip
  • Icons
  • Modal
  • Pagination
  • Tooltip
  • USA Banner
  • Vertical Nav
• Fix TypeScript definitions for StepLink's custom component prop rejecting correct usage (#1620)
• Fix style for links in active + focus state. Links in this state previously had a background color with insufficient contrast to foreground color (#1622)

Documentation site [3.1.0]

🚀 Added

• Add Grid Layout guidance (#1562)

Healthcare.gov Design System [7.1.0]

All changes from the core design system, plus...

💅 Changed

• Update privacy settings dialog to use more design-system defaults and fix inconsistencies (#1617)

Medicare.gov Design System [5.1.0]

See core updates