6.0.0
·
559 commits
to main
since this release
For a high-level overview, please read our Release 6.0 blog post.
Design System [6.0.0]
🚨 Breaking changes
- We no longer distribute design-system styles as
.scss
files. Styles are now distributed in two.css
files, where one is the CSS rules and one is the theme-specific set of variable definitions (CSS Custom Properties). Please see our Sass to CSS migration guide and our release 6.0 blog post for more details about this change. (#2329) - The pagination component's
currentPage
prop is now correctly marked as required in the docs and in TypeScript (#2346) - Removed the internal (but exposed)
FormControl
component, which has been replaced with an internaluseFormLabel
hook (#2243)
🚀 Added
- Added a focus family of utility classes (
ds-u-focus
,ds-u-focus-within
, andds-u-focus-visible
) to replace thefocus-styles
Sass mixin. See the focus utility docs for more details (#2299) - Added a new
ds-content
CSS class, which automatically styles headings and lists (#2348) - Created built-in label-mask options to achieve parity with our old input-mask (#2264)(#2277). Now this new pattern can be a drop-in replacement for our old pattern. Specifically we added the following built-in values for the
TextField
component'slabelMask
prop:CURRENCY_MASK
PHONE_MASK
SSN_MASK
, now with automatic obfuscation (#2286)ZIP_MASK
💅 Changed
- Removed obsolete font files and added
font-display: swap;
to core and healthcare font styles to expedite content loading (#2289) - Update the analytics-capable components to recognize an
analytics
prop value oftrue
, which will override the global flag setting
(#2356)
🛠 Fixed
- Fixed a language-detection bug in our i18n module (#2310)
- Fixed and refined
aria-disabled
button styles (#2334) - Fixed Sass variable files being left out of package build (#2341)
📦 Internal
- Combined build commands (#2314)
- Updated our project README to simplify startup instructions (#2315)
- Added a
yarn check:maturity
script to gather component maturity statistics (#2325) - Add cms.gov theme colors to our system tokens (#2328)
Healthcare.gov Design System [10.0.0]
All changes from the core design system and...
🚀 Added
- Added props for setting custom classes on header links and logo (#2301)
- Exposed privacy settings modal for standalone usage (#2312, #2313)
🛠 Fixed
- Fixed screen readers reading out the link delimiters in the HealthCare.gov footer (#2352)
Medicare.gov Design System [8.0.0]
All changes from the core design system and...
💅 Changed
- Updated font weights for Rubik font to the expected
400
and600
values and added the necessary Rubik 600 and Rubik 600 Italic font files (#2289) - Updated
Drawer
/HelpDrawer
styles to match approved designs for Medicare.gov (#2316)
🛠 Fixed
- Fixed text color for body-text classes on dark backgrounds (#2358)
- Fixed screen readers reading out the link delimiters in the Medicare.gov footer (#2352)
Documentation site
🚀 Added
- Added documentation for the label mask component/pattern (#2309)
- Created the framework to support multiple blog articles (#2323)
- Added a system color tokens page (#2326)
- Migrated more content from the DSM for medicare.gov consistent header (#2331)
- Added a ZIP codes pattern page (#2311)
- Added some notes about importing CSS to developer docs (#2347)
- Create new analytics documentation on our developer page and link component pages to that (#2356)
🛠 Fixed
- Fixed component prop tables failing to show props defined in external files (#2296)
- Removed contradicting alert guidance (#2300)
- Removed extra
h1
in doc-site pages (#2337) - Fixed theme-specific styles (#2339)
Sketch UI Toolkits
Built with Sketch version 95.1
💅 Changed for all UI Kits
- Realigned the Sketch Category layers across all Kits
- Styles
- Components
- Patterns
- Utilities
- Added thumbnails for easier wayfinding.
- Updated to Sketch 95.1
Design System Sketch UI Toolkit (Core) [3.0.1]
Healthcare.gov Design System Sketch UI Toolkit [3.0.1]
- Updated: Typography to use type styles (tokens)
- BUG fix: Applied the bold type style (token) to the table headers
Medicare.gov Design System Sketch UI Toolkit [3.0.1]
- Updated: Alert component to use type styles (tokens)