core-2.4.1
@cmsgov/design-system
🚀 Added
- Add feature flags for setting default error placement in form controls (#942)
- Make more internal components and functions available
- Export
maskValue
function - Export internal form components (
FormControl
,InlineError
,TextInput
andSelect
) for building custom form components in advanced design system use cases. Exercise caution when using these components as they are still internal and subject to change
- Export
💅 Changed
- Update Tooltip component (#947)
- Update tooltip styling
- Replace
display: flex
withinline
so that tooltips can be used inline inside a sentence - Inherit font weight and size styles, so tooltips can easily be added inline inside a sentence
- Add
vertical-align: middle
to vertically center tooltip icons instead of using flex styles
- Replace
- Remove the
interactive
prop in favor of enabling it's functionality by default in order to satisfy new WCAG 2.2 requirement ensuring popovers are hoverable. - Add
onClose
andonOpen
props so users have access to those event handlers - Improve focus/blur/click/touch behaviors across tooltips and tooltip dialogs
- Update tooltip styling
- Improve stacked table usability for screen readers (#935)
🛠 Fixed
- Fix incorrect typescript definition files
- Remove unnecessary
aria-describedby
in top placed errors (#951) - Ensure button focus styles are applied in all variations (#946)
Before:
After (focus styles match the hover styles):
📦 Internal
@cmsgov/design-system-docs
💅 Changed
- Replace
@src
alias with@design-system
, which is to be used in the example files. This change was necessary to ensure example files are import from a child DS source (which could be using feature flags) instead of the core CMSDS.