4.0.0-beta.2

Design System [4.0.0-beta.2]

🚨 Breaking changes

• Button architecture changes (#2012)
  • The variation prop accepted values are now solid & ghost. "Danger" & "Success" buttons have been removed and are no longer supported
  • inversed prop is no longer valid. Instead use onDark prop.

See the migration guide page for more details on what changes occurred and how to update your application.

We have also provided a migration script to help make these updates. See documentation on how to use the script here.

🚀 Added

• Token updates to add white & black alpha tokens (#1968)

💅 Changed

• The following token values were updated for core (#1950)
  • primary-alt-lightest
• Updated Tooltip component to add state styling to tooltip trigger. These styles were originally based on the activeClassName prop and now also use psuedo elements. (#1922)

🛠️ Fixed

• Updated invalid markup in UsaBanner component (#2011)

📦 Internal

• Updated internal scanDependents script
  • Made compatible with node 16 (#1955)
  • Expanded functionality to scan through a subset of repos & search for specific dependencies (#1966)
• Visual regression test updates to account for consolidated Storybook instance (#1972)
• Updated release scripts so Lerna version bumps use exact versions of the core DS as child DS dependencies (#1995)
• Additional Storybook stories were added to demonstrate grid examples (#1997)
• Consolidated Storybook from three instances to one instance with a theme switcher (#1948)
  
• Added theme switcher to documentation site so the documentation and variations for different brands can be seen in one location (#1948)

Healthcare.gov Design System [8.0.0-beta.2]

All changes from the core design system and...

🚨 Breaking changes

• Button architecture changes (#2012)
  • The variation prop accepted values are now solid & ghost. "Danger" & "Success" buttons have been removed and are no longer supported
  • inversed prop is no longer valid. Instead use onDark prop.

See the migration guide page for more details on what changes occurred and how to update your application.

We have also provided a migration script to help make these updates. See documentation on how to use the script here.

💅 Changed

• The following token values were updated for healthcare (#1950)
  • focus-dark
  • primary-darker
  • primary-darkest
  • primary-alt-dark
  • primary-alt-darkest
  • primary-alt-light
  • primary-alt-lightest
  • secondary-dark
  • secondary-darker
  • secondary-darkest
  • secondary-light
  • secondary-lighter
  • secondary-lightest

Medicare.gov Design System [6.0.0-beta.2]

All changes from the core design system and...

🚨 Breaking changes

• Button architecture changes (#2012)
  • The variation prop accepted values are now solid & ghost. "Danger" & "Success" buttons have been removed and are no longer supported
  • inversed prop is no longer valid. Instead use onDark prop.

See the migration guide page for more details on what changes occurred and how to update your application.

We have also provided a migration script to help make these updates. See documentation on how to use the script here.

💅 Changed

• The following token values were updated for medicare (#1950)
  • primary-dark
  • primary-darker
  • primary-darkest
  • primary-alt-dark
  • primary-alt-darker
  • primary-alt-darkest
  • primary-alt-light
  • primary-alt-lightest
  • secondary-dark
  • secondary-darker
  • secondary-darkest
  • secondary-light
  • secondary-lightest

🤖 Updated dependencies

• Bump file-type from 16.5.3 to 16.5.4 (#1991)
• Bump moment from 2.29.2 to 2.29.4 (#1947)
• Bump terser from 4.8.0 to 4.8.1 (#1980)

3.8.0

Design System [3.8.0]

🛠 Fixed

• Updated the VerticalNav to use a aria-current when the navigation item is selected (#1981)

🚀 Added

• NativeDialog component, now being used by our Drawer component (#1781)

📦 Internal

• Adds table of contents to content pages of docs site (#1949)
• Updates information architecture for docs site (#1953)
  • Site now uses frontmatter order to organize order of content
  • Changes made to sidebar navigation appearance and how content is organized

Medicare.gov Design System [5.8.0]

All changes from the core design system.

Healthcare.gov Design System [7.8.0]

All changes from the core design system.

3.5.4

Design System [3.5.4]

🛠 Fixed

start changed to flex-start in SingleInputDateFields.scss (#1987)

Medicare.gov Design System [5.5.4]

All changes from the core design system.

Healthcare.gov Design System [7.5.4]

All changes from the core design system.

3.8.0-beta.2

Design System [3.8.0-beta.2]

🛠 Fixed

Updated the VerticalNav to use a aria-current when the navigation item is selected (#1981)

Medicare.gov Design System [5.8.0-beta.2]

All changes from the core design system.

Healthcare.gov Design System [7.8.0-beta.2]

All changes from the core design system.

3.8.0-beta.1

Design System [3.8.0-beta.1]

🚀 Added

• NativeDialog component, now being used by our Drawer component (#1781)

📦 Internal

• Adds table of contents to content pages of docs site (#1949)
• Updates information architecture for docs site (#1953)
  • Site now uses frontmatter order to organize order of content
  • Changes made to sidebar navigation appearance and how content is organized

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

All changes from the core design system.

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

All changes from the core design system.

3.7.0

Design System Core [3.7.0]

🚀 Added

errorMessage and errorMessageClassName props to Choice component (#1943)

Previously error messages could only be shown on ChoiceList components, which are collections of individual Choices. Now individual choices can have their own error messages, whether they are part of a ChoiceList or are standing alone.

🛠 Fixed

• Backward compatibility of tokens update (#1961)
• Fixed some build-time warnings about deprecated Sass syntax (#1930, #1954, #1958)
• Analytics error message being printed to console for heading-less dialogs even when analytics are disabled (#1944)

📦 Internal

• Added a new token exporter in support of dynamic theme-switching in Storybook and the new documentation site (#1926)
• Added Gatsby component for rendering theme-specific content (#1936)
• Updated the navigation UI in the new doc site to match new designs (#1922)
• Added NewRelic monitoring for the new doc site (#1917)
• Upgraded project node version to 16.15.1 from 14.18.1 (#1917)

Medicare.gov Design System [5.7.0]

As with core, the Medicare DS is now being themed and configured with design tokens.

Healthcare.gov Design System [7.7.0]

As with core, the Healthcare DS is now being themed and configured with design tokens.

💅 Changed

The look of the Accordion component to give it HealthCare.gov-specific styling (#1913)

---

Sketch UI Toolkits

Built with Sketch version 89

Design System Sketch UI Toolkit Core [1.4.0]

📦 Internal

• Mapped button layer styles to design tokens

Healthcare.gov Design System Sketch UI Toolkit [1.6.0]

📦 Internal

• Same as core

Medicare.gov Design System Sketch UI Toolkit [1.7.0]

📦 Internal

• Same as core

3.7.0-beta.3

Design System [3.7.0-beta.3]

🛠 Fixed

• Fixed another Sass syntax that was incompatible with legacy node-sass compiler (#1954)
• Fix backward compatibility of tokens update (#1961)

Medicare.gov Design System [5.7.0-beta.3]

All changes from the core design system

Healthcare.gov Design System [7.7.0-beta.3]

All changes from the core design system

3.7.0-beta.2

Design System [3.7.0-beta.2]

🛠 Fixed

• Fixed Sass syntax that was incompatible with legacy node-sass compiler (#1958)

Medicare.gov Design System [5.7.0-beta.2]

All changes from the core design system

Healthcare.gov Design System [7.7.0-beta.2]

All changes from the core design system

3.7.0-beta.1

Design System [3.7.0-beta.1]

🚀 Added

• Added errorMessage and errorMessageClassName props to Choice component (#1943)
  • Previously error messages could only be shown on ChoiceList components, which are collections of individual Choices. Now individual choices can have their own error messages, whether they are part of a ChoiceList or are standing alone.

🛠 Fixed

• Fixed node-sass deprecation warnings at build time (#1930)
• Fixed analytics error message being printed to console for headingless dialogs even when analytics are disabled (#1944)

📦 Internal

• Added a new token exporter in support of dynamic theme-switching in Storybook and the new documentation site (#1926)
• Updated the navigation UI in the new doc site to match new designs (#1922)
• Added NewRelic monitoring for the new doc site (#1917)
• Upgraded project node version to 16.15.1 from 14.18.1 (#1917)

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

• As with core, the Medicare DS is now being themed and configured with design tokens.

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

• As with core, the Healthcare DS is now being themed and configured with design tokens.

💅 Changed

• Changed the look of the Accordion component to give it HealthCare.gov-specific styling (#1913)
  

3.6.0

Design System [3.6.0]

🚀 Added

• New Gatsby based docs site for core ds (#1897)
  • This is live at design.cms.gov! (Versioned permalink)
• Design Token integration and component theming (#1768)
  • Previous component Sass theming variables will be deprecated, please check new documentation for component variable theming options which have been expanded for each component.
• New date field component added: SingleInputDateField (#1876, #1882, #1887, #1889)
  

💅 Changed

• DateField documentation updated to include new variations (#1887)
• color-primary-alt renamed to color-secondary (#1892)

🛠 Fixed

• Fixed forced-colors mode backplate issue for non-IE/Edge based browsers (#1906)
• Downgraded ev-emitter dependency to v1.1.1 as it was including ES6 which impacted teams using earlier versions of webpack. (#1921)
• Fixed Choice components with long, wrapping label content pushing the whole label to the next line beneath the checkbox or radio button (#1934)

📦 Internal

• Added missing HTML lang attribute to doc site, fixed local Gatsby doc site development Iframe views. (#1918)

Medicare.gov Design System [5.6.0]

• As with core, the Medicare DS is now being themed and configured with design tokens.

Healthcare.gov Design System [7.6.0]

• As with core, the Healthcare DS is now being themed and configured with design tokens.

🛠 Fixed

• Fixed the healthcare Header component's language-switching link relying on the deprecated initialLanguage prop to render (#1928)

---

Sketch UI Toolkits

Design System Sketch UI Toolkit [1.3.0]

🎨 Added Core-Design-System-theme Sketch theme file

This theme file contains all color variables for the Core design system and now matches what's available in code! Add the the Core theme to your Sketch application. Colors for designs should come from this theme file for future designs and remapping old designs.

⚠️ Deprecated

• Color variables from UI toolkit - These can now be found in the theme Sketch file
• Layer styles from UI Toolkit - Please utilize the theme Sketch file to build any layer styles you may have locally

🚀 Added

• Added stackable table design
• Added long, medium and short variants to each radio option

📦 Internal

• Updated layer styles for buttons

Healthcare.gov Design System Sketch UI Toolkit [1.5.0]

🎨 Added HCgov-Design-System-theme Sketch theme file

This theme file contains all color variables for the Healthcare design system and now matches what's available in code! Add the the Healthcare theme to your Sketch application. Colors for designs should come from this theme file for future designs and remapping old designs.

⚠️ Deprecated

• Same as core

🚀 Added

• Same as core
• Added updated accordion design to UI Toolkit

📦 Internal

• Same as core

Medicare.gov Design System Sketch UI Toolkit [1.6.0]

🎨 Added Mgov-Design-System-theme Sketch theme file

This theme file contains all color variables for the Medicare design system and now matches what's available in code! Add the the Medicare theme to your Sketch application. Colors for designs should come from this theme file for future designs and remapping old designs.

⚠️ Deprecated

• Same as core

🚀 Added

• Same as core

📦 Internal

• Same as core