June 2025 - Monthly Update
Here’s what’s new and improved in the Vivid Design System for June 2025.
10/06/2025: Watch the recording
- [Data Grid]: Spacing between the text and sort filter.
- [Typography tokens]: Question on the typography tokens for heading. There is a desire to use heading level size as the size for the H3.
24/06/2025: Watch the recording
- [Data Grid]: Support for filters
- [Tags]: Light appearance & selected state
- [Searchable Select]: Select all options support
We have added the label attribute to provide a description for informative icons. This replaces the previous recommendation to use aria-label as that is not read out by all screen readers.
We have added slots for the heading and meta areas of Accordion Item to allow formatting of text and great flexibility than the text-only attribute equivilents.
We have added the size attribute to the Badge component which allow you to set it to be expanded which can be used when align with super-condensed buttons.
The Card component can now be made clickable, either as a link or a button.
The Avatar component can now be made clickable, either as a link or a button.
You can now set the scrollable-body attribute to make only the content area between the header and footer scrollable (instead of a whole dialog).
Use the inset CSS variables to allow control of the placement of a nono-modal dialog.
We brought Radio Group inline with our other form elements by adding helper-text and error-text attributes and slot (in the case of helper-text).
You now have more control of the focus state of Dial Pad as we have add a focus method and autofocus attribute.