Blog
Rivet 2.6.0 release
Rivet 2.6.0 is now available. This release introduces gap utilities, adds a mounting attribute to the dialog component, and fixes various style bugs.
Scott Anthony Murray
Jan 23, 2024
Rivet version 2.6.0
is now available. This release introduces gap utilities, adds a mounting attribute to the dialog component, and fixes various style bugs.
Gap utilities #
This release adds a new set of gap utilities for use with flexbox and CSS grid elements.
You can add gap utility classes to a parent element to set the spacing between rows and columns of child elements.
Dialog mounting attribute #
This release adds the data-rvt-dialog-mount
attribute for use with the dialog component.
For accessibility reasons, Rivet JavaScript moves all dialogs to the first child position of the body
element.
However, if an element is present in the DOM with the data-rvt-dialog-mount
attribute, dialogs will be moved to the first child position of that element instead.
This new attribute can be helpful for web applications using frontend frameworks that render page content into a single top-level container element.
Style bug fixes #
This release fixes several bugs related to component styles, including:
- Corrected subscript and superscript font sizes
- Corrected select input line height to prevent ascenders and descenders in text from being cut off
- Implemented missing spacing utility classes:
.rvt-m-tb-none
,.rvt-m-lr-none
,.rvt-p-tb-none
, and.rvt-p-lr-none
Complete list of updates #
For a complete list of updates made in version 2.6.0
, see the Rivet changelog.
Leaving feedback #
To leave feedback on Rivet, post a comment to our GitHub Discussions board, file a bug report, or send a message to rivet@iu.edu.
You can also communicate with the Rivet team and other users of the design system on Slack:
Get updates about Rivet #
To receive updates about Rivet’s development, join the Rivet mailing list.