Skip to content

7.0.0
Compare
Choose a tag to compare
@pwolfert pwolfert released this 28 Jun 21:21
· 509 commits to main since this release
@cmsgov/[email protected]
d7914ac

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

Design System [7.0.0]

🚨 Breaking

  • Added CSS-normalization rules to the design system (see CSS reset documentation here) (#2460)
    • Created a normalizing reset for the design system (#2372)
    • Removed defensive css (#2391)
  • Components now only have top spacing (see spacing migration guide here) (#2396)
  • Updated colors (see color migration guide 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)
  • Converted from absolute (px) font sizes to relative (rem) (#2505)
  • Re-implemented Dropdown as combobox using Downshift (#2498, #2483, #2529, #2508)
  • Autocomplete input no longer clears on blur (#2483)
  • 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)
  • Removed deprecated i18n props (#2360)
  • Removed unused form token --form-label__color--not-error (#2486)

💅 Changed

  • Updated Autocomplete styles and class names to more closely match new Dropdown component styles (#2539)
  • Upgraded downshift and converted Autocomplete to functional component (#2468)
  • Upgraded to TypeScript 4.9, and we're no longer referencing dist directly in medicare (#2403)
  • Removed old, unused focus styles (#2417)
  • Lowercased font filenames to optimize deploys to Akamai NetStorage (#1989)

🚀 Added

  • Promoted the third-party external link pattern into a new ThirdPartyExternalLink component (#2490, #2525)
  • 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)
  • 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.
  • Added extension property to analytics events (#2385)

🛠 Fixed

  • Streamlined screen-reader experience for Steplist (#2454)
  • Fixed rendering issue for Alert experienced by Learn team (#2513)
  • Fixed labelId leaking through TextField into the DOM (#2484)
  • Added some screen reader context for form-field error messages (#2554)

📦 Internal

  • Cleaned up Storybook build directory (#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 logic in a11y tests that caused some tests to be excluded (#2466)
  • Add ds-cms-gov package with JS and CSS (#2367)

Healthcare.gov Design System [11.0.0]

All changes from the core design system

Medicare.gov Design System [9.0.0]

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]

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 guidance on disabled buttons (#2437)
  • Updated dev docs for v7 changes (#2537)
  • Simplified story/example default states (#2512)
  • Improved the Autocomplete stories (#2495)
  • Renamed and reorganize examples (#2408)
  • Updated 'Open in Storybook' link on doc site to not use _blank target (#2458)
  • Changed the side nav colors to improve color contrast (#2452)
  • Updated Storybook stories to CSF3 format, MDX to MDX2 format (#2553)

🚀 Added

🛠 Fixed

  • Improved story controls for many stories to easier to control by args (#2459)
  • UsaBanner now appears on mobile/tablet versions of the doc site. (#2506)
  • Fixed headings on blog pages and fine-tuned spacing on doc pages (#2518)

📦 Internal

  • Reorganized story files so they're easier to find (#2509)

Sketch UI Kits

💅 Changed for all UI Kits

🎨 CORE

  • Updated: Dropdown symbol style
  • Updated: Kit to Sketch 97.1
  • Core 4.0.0 Sketch UI Kit and Theme

🎨 CMS.gov

🎨 Healthcare.gov

  • Updated: Dropdown symbol style
  • Updated: Kit to Sketch 97.1
  • BUG fix: Fixed spelling of Utilities
  • HealthCare 4.0.0 Sketch UI Kit and Theme

🎨 Medicare.gov

  • Updated: Dropdown symbol style and raised it from Inputs to under Components.
  • Updated: Kit to Sketch 97.1
  • Medicare 4.0.0 Sketch UI Kit and Theme
Assets 5
Loading