Skip to content

6.0.0
Compare
Choose a tag to compare
@pwolfert pwolfert released this 26 Jan 22:05
· 559 commits to main since this release
@cmsgov/design-system@6.0.0
975631a
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 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)
Assets 5