8.0.0-beta.1

Beta release details

Design System [8.0.0-beta.1]

🚨 Breaking

• Updated UsaBanner, which also changed the following CSS variables: (#2578)
  • Renamed tokens:
    • --usa-banner-action__color to --usa-banner-link__color
    • --usa-banner-lock-icon__color to --usa-banner-security-icon__color
    • --usa-banner-close-button__background-color to --usa-banner-close-button__background-color--mobile
  • Updated token values:
    • --usa-banner__color
    • --usa-banner-heading__font-size
  • Added new tokens:
    • --usa-banner__max-width
    • --usa-banner-gutter-width
    • --usa-banner-heading__font-family
    • --usa-banner-heading__line-height
    • --usa-banner-panel__font-family
    • --usa-banner-panel__line-height
    • --usa-banner-panel__font-size
    • --usa-banner-panel__font-family
    • --usa-banner-domain-icon__color
    • --usa-banner-heading__font-family
    • --usa-banner-close-button__color--mobile

💅 Changed

• Expanded the following props from accepting only string to any ReactNode:
  • tab prop on TabPanel (#2612)
  • heading prop on Alert (#2642)
  • heading and footerTitle props on Drawer and HelpDrawer (#2642)
  • heading prop on IdleTimeout (#2642)

🛠 Fixed

• Fixed possibility of null reference in Dropdown (#2635)

📦 Internal

• Converted the FormLabel component to a functional component (#2585)

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

All changes from the core design system and...

🚨 Breaking

• Added the USA banner component to HealthCare.gov global header behind a default-ON feature flag prop (#2603, #2616)

🛠 Fixed

• Added list role to HealthCare.gov header lists (#2630)

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

All changes from the core design system and...

🚨 Breaking

• Removed glossary link from the Medicare.gov footer (#2615)

Documentation

💅 Changed

• Improved the SkipNav story
• Restricted the theme for healthcare's one-col-page-layout story (#2614)
• Moved developer/React documentation into Storybook
  • Migrated all prop tables from doc site into Storybook (#2563, #2575)
  • Made the Storybook doc pages more informative (#2562)
  • Updated component story names to match component names (#2574)

🚀 Added

• Used a new filter-dialog prototype for doc site theme and version switching (#2599)

7.0.6

Design System [7.0.6]

🛠 Fixed

• Added support for both independent and grouped options at the same time in Dropdowns (#2632)

CMS.gov Design System [7.0.6]

All changes from the core design system

Healthcare.gov Design System [11.0.6]

All changes from the core design system

Medicare.gov Design System [9.0.6]

All changes from the core design system

7.0.5

Design System [7.0.5]

🛠 Fixed

• Restricted normalization rules for list elements so they don't apply to lists with the role="list" attribute (#2610)

CMS.gov Design System [7.0.5]

All changes from the core design system

Healthcare.gov Design System [11.0.5]

All changes from the core design system

Medicare.gov Design System [9.0.5]

All changes from the core design system

7.0.4

Design System [7.0.4]

🛠 Fixed

• Fix size prop on Dropdown restricting the label width instead of just the dropdown (#2609)

CMS.gov Design System [7.0.4]

All changes from the core design system

Healthcare.gov Design System [11.0.4]

All changes from the core design system

Medicare.gov Design System [9.0.4]

All changes from the core design system

Documentation

🚀 Added

• Add Dropdown a11y testing docs (#2605)

7.0.3

Design System [7.0.3]

🛠 Fixed

• Dropdown component fixes:
  • Export all types related to the dropdown component (#2590)
  • Fixed keyboard scrolling in dropdown list (#2593)
  • Added missing role="option" on dropdown items (#2592)
  • Added type="button" to dropdown toggle to prevent form submissions (#2598)
  • Fixed passthrough of getA11yStatusMessage prop on dropdowns (#2604)
• Fixed styling of autocomplete no results and loading status messages (#2600)

CMS.gov Design System [7.0.3]

All changes from the core design system

Healthcare.gov Design System [11.0.3]

All changes from the core design system and...

🛠 Fixed

• Fixed default props for AccordionItem, fixed its hover style, and added the healthcare accordion story back to Storybook (#2602)

Medicare.gov Design System [9.0.3]

All changes from the core design system

7.0.2

Design System [7.0.2]

🛠 Fixed

• Fixed vertical alignment of pagination items (#2576)
• Fixed horizontal alignment of wrapping text in accordions (#2573)
• Made Dropdown option checks less strict to mirror behavior of HTML select elements (#2570)

Healthcare.gov Design System [11.0.2]

All changes from the core design system

Medicare.gov Design System [9.0.2]

All changes from the core design system

7.0.1

Design System [7.0.1]

🛠 Fixed

• Fixed Dropdown className prop not being applied to its container element (#2566)
• Added background color to calendar dialog (#2564)
• Added a selectedId prop to Tabs for using it as a controlled component (#2568)
• Refactored the AccordionItem to be a functional component, which should fix some TypeScript issues (#2567)

Healthcare.gov Design System [11.0.1]

All changes from the core design system

Medicare.gov Design System [9.0.1]

All changes from the core design system

Design Sketch UI Kits

🛠 Fixed in all kits

We noticed a design Bug where Sketch behaves differently between environments (Sketch app vs Sketch cloud.) Our symbols now all reflect a space / space naming convention.

7.0.0

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

• Added version switcher to doc site (#2456)
• Added color migration page (#2389, #2400)
• Added CSS normalization documentation (#2399, #2521, #2531)
• Added devices tested with to a11y page (#2547)
• Added docuentation for Preact and web components (#2410)

🛠 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

• Symbol spacing. Read about spacing in v7
• Updated theme colors. How we Standardized theme colors in v7

🎨 CORE

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

🎨 CMS.gov

• Updated: Theme colors
• CMS 4.0.0 Sketch Theme

🎨 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

6.1.3

Design System [6.1.3]

🛠 Fixed

• Removed aria-hidden from HHS logo (#2551)
• Removed trademark language from Spanish healthcare footer (#2550)

7.0-beta.2

Beta release details

Design System [7.0-beta.2]

🚨 Breaking

• Re-implemented Dropdown as combobox using Downshift (#2498, #2483)
• Fixed JAWS issue with Dropdown caused by empty aria-activedescendant attribute (#2529)
• Autocomplete input no longer clears on blur (#2483)
• Removed heading bottom margins (#2534)
• Removed unused form token --form-label__color--not-error (#2486)

💅 Changed

• Converted from absolute (px) font sizes to relative (rem) (#2505)
• Updated ThirdPartyExternalLink to use anchor instead of button (#2525)
• Updated <Autocomplete> styles and class names to more closely match new <Dropdown> component styles (#2539)

🚀 Added

• Added DrawerManager context provider and useDrawerManager hook to manage state of multiple drawers on a single page. (#2482)

🛠 Fixed

• Fixed rendering issue for Alert experienced by Learn team (#2513)
• Improved VoiceOver support for Dropdown (#2508)
• Fixed package CSS exports (#2485)
• Fixed labelId leaking through TextField into the DOM (#2484)

📦 Internal

• Cleaned up Storybook build dir (#2473)

Documentation

💅 Changed

• Updated dev docs for v7 changes (#2537)
• Moved CSS reset migration guide to a Foundation section (#2531)
• Supplied additional information in CSS Reset docs according to beta-testing feedback (#2521)
• Simplified story/example default states (#2512)
• Improved the Autocomplete stories (#2495)

🛠 Fixed

• UsaBanner now appears on mobile/tablet versions of the doc site. (#2506)
• Fixed headings on blog pages and fine-tune spacing on doc pages (#2518)

📦 Internal

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