6.1.2

Design System [6.1.2]

🛠 Fixed

• Resolved bug where error icon color was not being set. #2516

Healthcare.gov Design System [10.1.2]

All changes from the core design system and...

🛠 Fixed

• Resolved bug where error icon color was not being set. #2516

6.1.1

Design System [6.1.1]

🚀 Added

• Made Privacy Settings Modal available from core (#2422)
• Updated English and Spanish content for Privacy Settings Modal (#2453)

Healthcare.gov Design System [10.1.1]

All changes from the core design system and...

💅 Changed

• Footer design changes (#2457, #2491)

7.0.0-beta.1

Beta release details

Design System [7.0.0-beta.1]

🚨 Breaking

• Added a custom CSS reset for the design system (see CSS reset documentation here) (#2460)
  • Created a normalizing reset for the design system (#2372)
  • Removed defensive css (#2391)
  • Components to only have top spacing (#2396)
• Updated colors (see color update documentation here)
  • Created info color category and refined primary and secondary (#2384, #2401)
  • Normalized theme-level gray palettes (#2382)
  • Removed non-semantic coolblue, red, and gold theme colors (#2381)
  • Removed primary alt color (#2416)
  • Added accent colors to themes (#2449)
  • Updated color values for error, warn, and secondary (#2394, #2465, #2407)
• JavaScript asset paths have changed. This affects CDN paths as well as files imported directly from the dist directory in the NPM package. It does not affect projects importing JavaScript from the default package export. New directories added: react-components, preact-components, web-components in place of dist/js directory. (#2405, #2410)
• Added extension property to analytics events (#2385)
• Removed deprecated i18n props (#2360)

💅 Changed

• Updated privacy settings content (#2453)
• Removed old, unused focus styles (#2417)
• Upgraded to TypeScript 4.9, and we're no longer referencing dist directly in medicare (#2403)
• Upgraded downshift and converted Autocomplete to functional component (#2468)
• Lowercased font filenames to optimize deploys to Akamai NetStorage. (#1989)

🚀 Added

• Added accent colors to themes (#2449)
• Added a fill utility class for info status (#2420)
• Added fill utility classes for primary color (#2429)
• Added inline-flex utility class (#2426)
• Moved privacy settings modal to core (#2422, #2443)
• Added Preact option for design system packages (#2405)
• Added web components (Custom Elements) for a subset of design system components (#2405): ds-alert, ds-badge, ds-button, and ds-usa-banner.

🛠 Fixed

• Streamlined screen-reader experience for Steplist (#2454)

📦 Internal

• Cleaned up Storybook build dir (#2473)
• Updated release note generation script (#2433)
• Created a single source of truth for list of themes (#2363)
• Added CDN Index build script (#2438)
• Updated paths for preact/web component resources on CDN index (#2446)
• Removed unused flag for error icons (#2374)
• Added interaction state VRT tests (#2370, #2383, #2409)
• Fixed a11y tests (#2466)
• Add ds-cms-gov package with JS and CSS (#2367)

Healthcare.gov Design System [11.0.0-beta.1]

All changes from the core design system and...

🚨 Breaking

• Initial redesign of hgov footer (#2457)

Medicare.gov Design System [9.0.0-beta.1]

All changes from the core design system and...

🚨 Breaking

• Removed Medicare.gov deprecated colors (#2428)

📦 Internal

• Removed unused SVG files in Medicare (#2377)

CMS.gov Design System [7.0.0-beta.1]

All changes from the core design system and...

🚀 Added

• Added ds-cms-gov assets to CDN (#2442)

🛠 Fixed

• Aligned cmsgov button colors to CMS.gov (#2466)

📦 Internal

• Updated tokens to support CMS.gov customizations (#2366)

Documentation

💅 Changed

• Updated 'Open in Storybook' link on doc site to not use _blank target (#2458)
• Changed the side nav colors to improve color contrast (#2452)
• Added docuentation for Preact and web components (#2410)
• Renamed and reorganize examples (#2408)

🚀 Added

• Added version switcher to doc site (#2456)
• Added color migration page (#2389, #2400)
• Added CSS reset documentation (#2399)
• Updated Button docs (#2437)

🛠 Fixed

• Improved story controls for many stories to easier to control by args (#2459)

6.0.1

Design System [6.0.1]

🛠 Fixed

• Improved Pagination accessibility issues (#2373)
  • Updated aria-current on Page
  • Added label to Pagination that now announces page changes
  • Replaces disabled Pagination navigation links with Button
• Improve accessibility issues with our ExternalLinkIcon (#2431)
  • Set aria-hidden to false by default so assistive technologies can access properties within the icon SVG
  • Added English and Spanish translations for the SVG’s title text
• Fixed JavaScript error for Pagination in Safari 13 and moved layout logic into CSS for better customizability (#2398)

Healthcare.gov Design System [10.0.1]

All changes from the core design system and...

🛠 Fixed

• Spanish link in header now has different aria-label text than footer to reduce confusion (#2424)
• Fixed incorrect button styles in the HealthCare.gov footer's privacy settings dialog (#2425)

Documentation

💅 Changed

• Made improvements to theme color page (#2361, #2365)

🛠 Fixed

• Added more context to our system color tokens. (#2364)
• Improved screen reader experience for doc pages with heading examples (#2395)
• Fixed outdated story id on layout grid page (#2369)
• Fixed incorrect title on layouts overview page (#2376)

6.0.0

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

Design System [6.0.0]

🚨 Breaking changes

• We no longer distribute design-system styles as .scss files. Styles are now distributed in two .css files, where one is the CSS rules and one is the theme-specific set of variable definitions (CSS Custom Properties). Please see our Sass to CSS migration guide and our release 6.0 blog post for more details about this change. (#2329)
• The pagination component's currentPage prop is now correctly marked as required in the docs and in TypeScript (#2346)
• Removed the internal (but exposed) FormControl component, which has been replaced with an internal useFormLabel hook (#2243)

🚀 Added

• Added a focus family of utility classes (ds-u-focus, ds-u-focus-within, and ds-u-focus-visible) to replace the focus-styles Sass mixin. See the focus utility docs for more details (#2299)
• Added a new ds-content CSS class, which automatically styles headings and lists (#2348)
• Created built-in label-mask options to achieve parity with our old input-mask (#2264)(#2277). Now this new pattern can be a drop-in replacement for our old pattern. Specifically we added the following built-in values for the TextField component's labelMask prop:
  • CURRENCY_MASK
  • PHONE_MASK
  • SSN_MASK, now with automatic obfuscation (#2286)
  • ZIP_MASK

💅 Changed

• Removed obsolete font files and added font-display: swap; to core and healthcare font styles to expedite content loading (#2289)
• Update the analytics-capable components to recognize an analytics prop value of true, which will override the global flag setting
  (#2356)

🛠 Fixed

• Fixed a language-detection bug in our i18n module (#2310)
• Fixed and refined aria-disabled button styles (#2334)
• Fixed Sass variable files being left out of package build (#2341)

📦 Internal

• Combined build commands (#2314)
• Updated our project README to simplify startup instructions (#2315)
• Added a yarn check:maturity script to gather component maturity statistics (#2325)
• Add cms.gov theme colors to our system tokens (#2328)

Healthcare.gov Design System [10.0.0]

All changes from the core design system and...

🚀 Added

• Added props for setting custom classes on header links and logo (#2301)
• Exposed privacy settings modal for standalone usage (#2312, #2313)

🛠 Fixed

• Fixed screen readers reading out the link delimiters in the HealthCare.gov footer (#2352)

Medicare.gov Design System [8.0.0]

All changes from the core design system and...

💅 Changed

• Updated font weights for Rubik font to the expected 400 and 600 values and added the necessary Rubik 600 and Rubik 600 Italic font files (#2289)
• Updated Drawer/HelpDrawer styles to match approved designs for Medicare.gov (#2316)

🛠 Fixed

• Fixed text color for body-text classes on dark backgrounds (#2358)
• Fixed screen readers reading out the link delimiters in the Medicare.gov footer (#2352)

Documentation site

🚀 Added

• Added documentation for the label mask component/pattern (#2309)
• Created the framework to support multiple blog articles (#2323)
• Added a system color tokens page (#2326)
• Migrated more content from the DSM for medicare.gov consistent header (#2331)
• Added a ZIP codes pattern page (#2311)
• Added some notes about importing CSS to developer docs (#2347)
• Create new analytics documentation on our developer page and link component pages to that (#2356)

🛠 Fixed

• Fixed component prop tables failing to show props defined in external files (#2296)
• Removed contradicting alert guidance (#2300)
• Removed extra h1 in doc-site pages (#2337)
• Fixed theme-specific styles (#2339)

---

Sketch UI Toolkits

Built with Sketch version 95.1

💅 Changed for all UI Kits

• Realigned the Sketch Category layers across all Kits
  • Styles
  • Components
  • Patterns
  • Utilities
• Added thumbnails for easier wayfinding.
• Updated to Sketch 95.1

Design System Sketch UI Toolkit (Core)  [3.0.1]

Healthcare.gov Design System Sketch UI Toolkit  [3.0.1]

• Updated: Typography to use type styles (tokens)
• BUG fix: Applied the bold type style (token) to the table headers

Medicare.gov Design System Sketch UI Toolkit [3.0.1]

• Updated: Alert component to use type styles (tokens)

6.0.0-beta.3

Design System [6.0.0-beta.3]

🚨 Breaking changes

• The pagination component's currentPage prop is now correctly marked as required in the docs and in TypeScript (#2346)

🚀 Added

• Added a new ds-content CSS class, which automatically styles headings and lists (#2348)

Documentation site

🚀 Added

• Added some notes about importing CSS to developer docs (#2347)

6.0.0-beta.2

Design System [6.0.0-beta.2]

🛠 Fixed

• Fixed Sass variable files being left out of package build (#2341)

Documentation site

🛠 Fixed

• Removed extra h1 in doc-site pages (#2337)
• Fixed theme-specific styles (#2339)

6.0.0-beta.1

See 6.0.0 release notes now

5.0.2

Design System [5.0.2]

🛠 Fixed

• Fixed broken support for LibSass (node-sass), which is the deprecated version of Sass (#2293)

Healthcare.gov Design System [9.0.2]

All changes from the core design system

Medicare.gov Design System [7.0.2]

All changes from the core design system

5.0.1

Design System [5.0.1]

🛠 Fixed

• Fixed centered containers shifting left when dialog opens (#2268)
• Fixed disabled checked choices not looking disabled (#2269)
• Fixed failure to compile in React 16 applications due to React imports having been removed (#2270)
• Fixed certain buttons in form controls causing unwanted form submissions (#2271)

Healthcare.gov Design System [9.0.1]

All changes from the core design system and...

🛠 Fixed

• Added aria-label to header nav elements (#2258)

Medicare.gov Design System [7.0.1]

All changes from the core design system

Documentation site

🚀 Added

• Migrated more guidance from the old DSM documentation (#2251, #2249)