Medicare 4.0.0

Medicare.gov Design System [4.0.0]

🚨 Breaking changes

• Typography changes

⚠️ Deprecated

• The following components have been marked for deprecation and will be removed in a future major release. Please update any application references to use an Icon component instead:
  - <Caret>
  - <Checkmark>
  - <CloseSymbol>
  - <HamburgerSymbol>
  - <No>

🚀 Added

• Header link styles PR
• Eyebrow/Eyelash header example
  

💅 Changed

• Header & body style changes PR
• Link style changes
  - theming PR
  - updated link variables PR
  
• Adding specialized links for tooltips and help drawer PR
  
  
• Typography and tooltip documentation changes PR

🛠 Fixed

• Remove utilities styles PR

📦 Internal

• Add a11y tests
• Setup husky, lint-staged and stylelint

Core Updates

This update also includes the following updates to the core Design System by version:

• 2.8.0
• 2.9.0
• 2.10.0
• 2.11.0
• 2.12.0
• 2.13.0

2.13.0

Core Design System [2.13.0]

🚀 Added

• Storybook stories for:
  • Accordion (#1361)
  • Alert (#1361)
  • Badge (#1361)
  • DateField (#1414)
  • Dialog (#1414)
  • ChoiceList (#1401)
  • Dropdown (#1401)
• Support for a half-space (4px) margin and padding utility classes (#1413)
• Link focus styles (#1416)

🛠 Fixed

• Typescript typing errors for (#1408):
  • Pagination
  • Dialog
  • HelpDrawer

💅 Changed

• build-storybook script to now build for each design system environment (core, build-storybook:healthcare, and build-storybook:medicare) (#1394)
• Removed Sass variable override from base HTML rules (#1402)
• Alert link styling (#1404)
• Remove conditional focus styles (#1416)
• Update button focus to be more consistent (#1416)
• Alert link style overrides (#1404)

🤖 Bumped dependencies

• css-loader from 5 to ^5 (#1388, #1375)
• enzyme-adapter-react-16 from 1.14.0 to 1.15.6 (#1375)
• gulp-if from 2.0.2 to 3.0.0 (#1375)
• react-app-polyfill from 1.0.6 to 2.0.0 (#1375)
• react-docgen from 4.1.1 to 5.4.0 (#1375)
• react-docgen-typescript from 1.18.0 to 2.2.1 (#1375)
• through2 from 2.0.3 to 4.0.2 (#1375)
• webpack-hot-middleware from 2.25.0 to 2.25.1 (#1375)

Healthcare.gov Design System [6.5.0]

🚀 Added

• Additional patterns for Header and Footer in the documentation site (#1287)
• Additional headerBottom prop for Header (#1287)
• Additional footerTop prop for Footer (#1287)

🛠 Fixed

• Updated deprecated function translate to withTranslation on i18n for Header and Footer (#1419)

🤖 Bumped dependencies

• babel-plugin-typescript-to-proptypes from 1.4.2 to 2.0.0 (#1375)
• i18next from 14.0.1 to 21.5.5 (#1375)
• react-i18next from 9.0.10 to 11.14.3 (#1375)

Medicare.gov Design System [3.4.0-beta.7]

💅 Changed

• Focus styles are now being inherited from Core, redundant local styles have been removed (#1366)

🤖 Bumped dependencies

• node from 13.7.4 to 16.11.12 (#1375)
• babel-plugin-typescript-to-proptypes from 1.4.2 to 2.0.0 (#1375)

2.13.0-beta.1

Core Design System

🚀 Added

• Storybook stories for:
  • Accordion (#1361)
  • Alert (#1361)
  • Badge (#1361)
  • DateField (#1414)
  • Dialog (#1414)
  • ChoiceList (#1401)
  • Dropdown (#1401)
• Support for a half-space (4px) margin and padding utility classes (#1413)
• Link focus styles (#1416)

🛠 Fixed

• Typescript typing errors for (#1408):
  • Pagination
  • Dialog
  • HelpDrawer

💅 Changed

• build-storybook script to now build for each design system environment (core, build-storybook:healthcare, and build-storybook:medicare) (#1394)
• Removed Sass variable override from base HTML rules (#1402)
• Alert link styling (#1404)
• Remove conditional focus styles (#1416)
• Update button focus to be more consistent (#1416)
• Alert link style overrides (#1404)

🤖 Bumped dependencies

• css-loader from 5 to ^5 (#1388, #1375)
• enzyme-adapter-react-16 from 1.14.0 to 1.15.6 (#1375)
• gulp-if from 2.0.2 to 3.0.0 (#1375)
• react-app-polyfill from 1.0.6 to 2.0.0 (#1375)
• react-docgen from 4.1.1 to 5.4.0 (#1375)
• react-docgen-typescript from 1.18.0 to 2.2.1 (#1375)
• through2 from 2.0.3 to 4.0.2 (#1375)
• webpack-hot-middleware from 2.25.0 to 2.25.1 (#1375)

Healthcare.gov Design System

🚀 Added

• Additional patterns for Header and Footer in the documentation site (#1287)
• Additional headerBottom prop for Header (#1287)
• Additional footerTop prop for Footer (#1287)

🛠 Fixed

• Updated deprecated function translate to withTranslation on i18n for Header and Footer (#1419)

🤖 Bumped dependencies

• babel-plugin-typescript-to-proptypes from 1.4.2 to 2.0.0 (#1375)
• i18next from 14.0.1 to 21.5.5 (#1375)
• react-i18next from 9.0.10 to 11.14.3 (#1375)

Medicare.gov Design System

💅 Changed

• Focus styles are now being inherited from Core, redundant local styles have been removed (#1366)

🤖 Bumped dependencies

• node from 13.7.4 to 16.11.12 (#1375)
• babel-plugin-typescript-to-proptypes from 1.4.2 to 2.0.0 (#1375)

2.12.0

Core Design System

🚀 Added

• New lightweight alert style added to Alert component weight=lightweight (#1226)
• Storybook added for local development (#1220), components added
  • Tabs (#1300)
  • Table (#1296)
  • Pagination (#1320)
  • FilterChip, Drawer & FormLabel (#1315)
  • Tooltip (#1316)
  • AutoComplete (#1359)
  • TextField (#1321)
  • StepList (#1360)
  • UsaBanner & VerticalNav (#1368)
  • List & MonthPicker (#1362)
  • Review, SkipNav & Spinner (#1374)
• Many Icons converted to Icon components with props and consolidated in Core (#1235, #1234)

🛠 Fixed

• FilterChip component accessibility issues addressed (#1231)
• Fixed optional prop in Dialog being marked as required in TypeScript definitions (#1408)
• Fixed optional props in HelpDrawer being marked as required in TypeScript definitions (#1408)
• Fixed TypeScript example project missing required props for Pagination (#1408)
• Fix definition of window.utag conflicting with consuming products (#1419)

💅 Changed

• Dialog component now allows for a custom close Icon (#1239)

📦 Internal

• Updated build scripts with individual build / start options (#1230)
• Dependabot configuration updated to be more dependable (#1240, #1238, #1288)

Healthcare.gov Design System

🚀 Added

• Now using flags system for default error placement (#1232)

🛠 Fixed

• Fix a11y error about logo links having no text (#1426)

Medicare.gov Design System

💅 Changed

• HelpDrawer info icon replaced with inline SVG in place of CSS background (#1367)

📦 Internal

• Now using latest ds-core package (#1228)

Documentation Site

• Updated homepages to point to Sketch cloud versions of the UI toolkits

@cmsgov/ds-healthcare-gov 6.4.0-beta.4

Core Design System

🛠 Fixed

• Fix a11y error about logo links having no text (#1426)

2.12.0-beta.3

Core Design System

🛠 Fixed

• Fix definition of window.utag conflicting with consuming products (#1419)

2.12.0-beta.2

Core Design System

🛠 Fixed

• Fixed optional prop in Dialog being marked as required in TypeScript definitions (#1408)
• Fixed optional props in HelpDrawer being marked as required in TypeScript definitions (#1408)
• Fixed TypeScript example project missing required props for Pagination (#1408)

2.12.0-beta.1

Core Design System

🚀 Added

• New lightweight alert style added to Alert component weight=lightweight (#1226)
• Storybook added for local development (#1220), components added :
  • Tabs (#1300)
  • Table (#1296)
  • Pagination (#1320)
  • FilterChip, Drawer & FormLabel (#1315)
  • Tooltip (#1316)
  • AutoComplete (#1359)
  • TextField (#1321)
  • StepList (#1360)
  • UsaBanner & VerticalNav (#1368)
  • List & MonthPicker (#1362)
  • Review, SkipNav & Spinner (#1374)
• Many Icons converted to Icon components with props and consolidated in Core (#1235, #1234)

💅 Changed

• Dialog component now allows for a custom close Icon (#1239)

📦 Internal

• Updated build scripts with individual build / start options (#1230)
• Dependabot configuration updated to be more dependable (#1240,#1238,#1288)

🛠 Fixed

• FilterChip component accessibility issues addressed (#1231)

Documentation site

• Updated homepages to point to Sketch cloud versions of the UI toolkits

Healthcare.gov Design System

• Now using flags system for default error placement (#1232)

Medicare.gov Design System

• HelpDrawer info icon replaced with inline SVG in place of CSS background (#1367)
• Now using latest ds-core package (#1228)

2.11.0

Core Design System

🚀 Added

• New component called Drawer which is a generic version of existing HelpDrawer (#1207 #1223)

💅 Changed

• Updated Spanish translation on SkipNav component (#1211)

📦 Internal

• Updated naming of e2e tests to be a11y tests (#1202)
• Updated release process documentation to reflect Beta releases (#1205)
• Moved healthcare.gov repo into this monorepo (#1193)
• Moved medicare.gov repo into this monorepo (#1212)
• Update to Icon rfc (#1210)

Healthcare.gov Design System

🚀 Added

• Set default background color of Header (#1217)

🛠 Fixed

• Fixed issue with Header where box-shadow had lower z-index than components directly after it (#1216)

Documentation Site

🛠 Fixed

• Typo fix on the TextField props table (#1200)

2.11.0-beta.1

Core Design System

🚀 Added

• New component called Drawer which is a generic version of existing HelpDrawer (#1207 #1223)

💅 Changed

• Updated Spanish translation on SkipNav component (#1211)

📦 Internal

• Updated naming of e2e tests to be a11y tests (#1202)
• Updated release process documentation to reflect Beta releases (#1205)
• Moved healthcare.gov repo into this monorepo (#1193)
• Moved medicare.gov repo into this monorepo (#1212)
• Update to Icon rfc (#1210)

Healthcare.gov Design System

🚀 Added

• Set default background color of Header (#1217)

🛠 Fixed

• Fixed issue with Header where box-shadow had lower z-index than components directly after it (#1216)

Documentation Site

🛠 Fixed

• Typo fix on the TextField props table (#1200)