10.0.0-beta.1

Beta release details

Design System [10.0.0-beta.1]

🚨 Breaking

• Removed deprecated semantic font-size classes (ds-h1, ds-display, etc.) (#2982)
  • We've included a migration script for this (npm run cmsds-migrate or yarn cmsds-migrate)
• Removed two optional aria-label props from VerticalNav component that were no longer necessary after simplifying the screen-reader experience (#2951)
• Removed the following CSS variables:
  • --button-icon__fill (#2940)
  • --color-background-dialog (#2933)
  • --color-background-dialog-mask (#2933)
  • --autocomplete* variables (#2928)
  • --dropdown* variables (#2928)
  • --dialog-icon__size (#2927)
  • --icon__color--error (#2927)
  • --icon__color--inverse (#2927)
  • --icon__color--primary (#2927)
  • --icon__color--success (#2927)
  • --icon__color--warn (#2927)
  • --label__color--inverse (#2927)
• Renamed the following CSS variables (#2927):

  From	To
  --table-striped__background-color	--table__background-color--striped
  --table-striped-header__background-color	--table-header__background-color--striped
  --form-hint__color	--hint__color
  --form-hint__color--inverse	--hint__color--inverse
  --form-error__color	--inline-error__color
  --form-error__color--inverse	--inline-error__color--inverse

• Make token changes informed by Figma migration (#2927)

⚠️ Deprecated

• Deprecated ds-u-truncate utility class (#2977)

💅 Changed

• Reconfigured browserslist to both increase calculated coverage of users and decrease bundle size. React bundle size shrunk by 20%, and it had similar results on Preact and web components. (#2957)
• Removed the empty string as the default value for the href prop on ExternalThirdPartyLink (#2949)
• The value of --alert__icon-size now uses rems instead of px and accurately reflects the final size of those icons (#2927)

🚀 Added

• <ds-dropdown> web components now accept <option> and <optgroup> in their inner HTML and not just a JSON options attribute (#2973)

🛠 Fixed

• Simplified screen reader experience for VerticalNav, Pagination, and Accordion components (#2951, #2970, #2971, #2950)
• Fixed accordion heading styles getting clobbered by ds-content CSS class by lowering specificity of :first-child and :last-child rules (#2942)
• Adjusted sizing and padding for SingleInputDateField to use relative units instead of absolute units so text does not get cut off in browsers with larger default font sizes (#2917)

📦 Internal

• Added scripts for syncing tokens with Figma (#2946, #2945)
• Added VRTs for example projects (#2959, #2961)

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

All changes from the core design system

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

All changes from the core design system

Documentation

💅 Changed

• Examples to use local design system packages (#2938)

🛠 Fixed

• Fixed layout issues in doc pages (#2972)
• Fixed inaccurate color representation in theme-colors page (#2962)
• Fixed background color of docs vertical nav on hover (#2937)
• Removed unnecessary display utils from docs layout (#2936)