Skip to content

9.0.0-beta.1

Pre-release
Pre-release
Compare
Choose a tag to compare
@pwolfert pwolfert released this 28 Nov 22:54
· 306 commits to main since this release
@cmsgov/[email protected]
58845f5
This commit was signed with the committer’s verified signature.
pwolfert Patrick Wolfert
GPG key ID: D8C470D4F13CFA14
Learn about vigilant mode.
Beta release details

Design System [9.0.0-beta.1]

🚨 Breaking

  • Removed misnamed --typography-heading-base__font-size CSS variable from theme files (#2784)
  • Typography .ds-text-* and .ds-text-body-* classes are no longer controlled by setting the --typography-heading-* CSS variables (which are for headings). They now get their sizes directly from the --font-size-* variables. (#2784)
  • Removed the deprecated textClassName prop from labels (#2780)
  • Reorganized the font tokens (#2776)
    • The following CSS variables were renamed:
      • --form-label__color--inverse renamed to --label__color--inverse
    • The following CSS variables were removed:
      • --font-family-open-sans
      • --font-family-rubik
      • --font-family-montserrat
      • --font-family-bitter
  • Removed the unused "success" text field (ds-c-field--success class) (#2725)
  • Labels, hints, and inline-error messages are now independent elements. (#2685)
    • They used to all be contained within a single <label> element rendered by a FormLabel component. The new React components are Label, Hint, and InlineError (not new), but FormLabel still exists in this version for backward compatibility.
  • Replaced useFormLabel with smaller, more focused hooks (#2814). This was an internal hook that was exported by the package. We're no longer exporting it, thus why it is being marked as a breaking change.

🚀 Added

  • Added ds-dropdown web component (#2772)
  • Added custom event handling to web components (#2738)
  • Added web-component support to our Storybook (#2715)
  • Reorganized the font tokens, adding the following CSS variables (#2776):
    • --font-size-* variables targeting specific screen sizes
    • --typography-heading-* variables for font-size
    • --label* variables about text styling
  • Added fallback fonts to theme tokens (#2721)

🛠 Fixed

  • Fixed inconsistencies between fallback fonts for StepList bullet points between different browsers (#2734)
  • Fixed alert body content flowing out of bounds (#2824)
  • Updated prop type definitions for the following components to support passthrough attributes (#2798):
    • Badge
    • SingleInputDateField
    • Tooltip
    • All the icon components

📦 Internal

  • Fixed interaction tests run with Preact (#2768)
  • Added a "patch" script for automatically cherry-picking commits (#2762)
  • Packages to now consume tokens directly from tokens directory instead of copying (#2808)

Documentation

💅 Changed

  • Storybook to use Preact by default again (#2769)

🚀 Added

  • Documented pass-through props in Storybook dev docs (#2799)
  • Added an attributes table to storybook docs for web components (#2753)
  • Added more functionality to ds-alert story (#2728)
  • Added a ds-usa-banner story (#2727)

🛠 Fixed

  • Fixed radio example showing on checkbox doc page (#2767)
  • Fixed dead links in docs (#2766)
Assets 6
Loading