Rivet 1.1.0 release
This release also adds new API methods for several components:
Finally, this release creates some new custom DOM events to help make it easier to handle certain component interactions:
New type scale aliases
This release adds new type scale utility classes that follow the size naming conventions used by the spacing utility classes. These new aliases allow you to adjust the size of your text without having to remember specific font sizes.
New margin and padding utility classes
This release adds new vertical and horizontal spacing utility classes:
.rvt-m-tb-: Top and bottom margin (ex.
.rvt-m-lr-: Left and right margin
.rvt-p-tb-: Top and bottom padding
.rvt-p-lr-: Left and right padding
New table variants
This release adds two new variants of the table component:
- Compact: The
.rvt-table-compactclass decreases the amount of padding applied to each table cell. This variant can be useful in situations where you need to conserve space when displaying large amounts of data.
- Cells: The
.rvt-table-cellsclass adds borders to all table cells, which can help make your table’s content easier to scan.
More consistent color names
In previous versions of Rivet the CSS class names we used to apply color to alerts and validation was inconsistent across components. In this release we’ve tried to standardize the way we refer to color in our CSS so that developers can consistently reference color names.
This mainly affects the CSS class names for alerts, form validation, and buttons, which all use the same names to refer to their respective color variants. For example, the following all produce the danger/error (orange) version of these components:
.rvt-badge--danger .rvt-button--danger .rvt-alert--danger .rvt-validation-danger
The old CSS class names for alerts, and validation will still work as expected, but will be deprecated in future versions of Rivet and should be updated when possible. See this thread on Github for more details.
Complete list of updates
For a complete breakdown of the 1.1.0 updates, see the changelog on the Rivet home page.