Rivet 2.6.0 release

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:

• Web Community of Practice Slack
• UITS Slack

Get updates about Rivet #

To receive updates about Rivet’s development, join the Rivet mailing list.