Changelog

• Removed aria-haspopup attribute from sidenav and dropdown

• Updated dialog to ignore hidden elements when determining focusable children
• Updated dropdown to use focus-visible instead of focus
• Removed right border from previous series nav button when it's the only child
• Show <br> and <img> in prose. Fixes #753
• Preserve top/bottom whitespace when adjusting gutters. Fixes #750

• Updated references to italic fonts
• Fixed bug where file input strips spaces from names of uploaded files
• Fixed bug where JS components erroneously emitted events on page initialization
• Integrate CSS custom properties into core
• Removed right margin from button-like component text

• Adjusted input line-height to account for ascenders and descenders
• Added utility classes to remove horizontal and vertical spacing
• Button style enhancements
• Add gap utility
• Switch: Adjust height, add medium variant
• Fix badge style
• Corrected subscript and superscript font size
• Added 2px space before last-child dropdown in primary segmented button
• Added data-rvt-dialog-mount attribute

• Corrected size of small avatar variant
• Updated disclosure component to open/close only when toggle is clicked

• Updated aria-current selectors in Sass files to be more specific
• Removed italic font style from quote text
• Changed hero eyebrow to normal sentence-case text

• Updated dropdown component to auto-assign IDs and ARIA attributes
• Updated sidenav component to auto-assign toggle and menu IDs
• Updated accordion component to auto-assign trigger and panel IDs
• Updated dropdown arrow key handlers to prevent unintentional page scrolling
• Updated accordion arrow key handlers to prevent unintentional page scrolling
• Removed gray background decoration from billboard image

• Added horizontal card variant
• Set colors of rvt-sr-only elements to prevent a11y tool false positives
• Updated component icon data URIs
• Updated accordion component to add type="button" to trigger elements
• Updated tabs component to add type="button" to tab elements
• Updated Tabs component to auto-assign attribute values if none are provided
• Updated switch component to set aria-hidden="true" for on/off text labels
• Added missing !important declaration to width utilities

• Fixed bug causing dropdown component to open if link within dropdown element is clicked
• Added switch component
• Refactored build process and development environment
• Reduced width of current nav item red border to more closely match width of link text
• Fixed bug causing data-rvt-accordion-open-all to throw error
• Fixed bug causing visibility utilities to apply incorrect display property to table cells
• Added new border radius tokens and utility classes

• Corrected inline code styles to match rivet.iu.edu styles
• Removed unused button-specific CSS
• Updated components to refresh internal lists of child elements on DOM change
• Added border color utility classes

• Added .rvt-font-mono utility class
• Fixed bug where cards displayed incorrectly inside of some grid items
• Added year to calendar tile
• Fixed bug that caused dialog to close in response to a click event that removed its target element
• Fixed hover styles for primary navigation submenu items with the aria-current attribute

• Removed colon from CustomEvent names
• Made Dialog style updates
• Added support to dialog component for multiple trigger buttons
• Added position attributes to dialog
• Implemented data-rvt-dialog-disable-page-interaction attribute
• Implemented data-rvt-dialog-darken-page attribute
• Implemented non-modal dialog as default behavior
• Renamed Modal component to Dialog
• Added event.preventDefault() to tab key handlers
• Added missing event.preventDefault() call to dropdown down key handler
• Updated dropdown to focus on first item on open
• Implemented data-rvt-disclosure-open-on-init attribute
• Added optional data-rvt-close-click-outside attribute to disclosure
• Restructured header disclosure markup
• Added line-height tokens and utility classes
• Made visual design updates to prose utility class
• Fixed input group border radius
• Updated current state visual design in navigation components
• Update description list

• Added responsive table variant
• Updated component focus states
• Made accessibility improvements to pagination component
• Made design updates to hero component
• Added new CTA button variant

• Reduced font size of small button variant
• Set default image style to max-width: 100%
• Updated secondary button styles to increase contrast between text and border
• Updated secondary badge styles to match new secondary button styles
• Updated accordion styles to match similar styles used by link hub
• Updated stat description font weight to medium

• Added Benton Sans Medium font-weight
• Added new Link hub component
• Updated Sass to use math.div()
• Added new width utilities
• Refactored component JavaScript

• Added base purple value
• Fixes error thrown when no tab is initialized via attribute
• Updated tabs visual design
• Added back !important declarations to color utilities
• Changed base footer light variant link outline color to blue

• Updated colors to align with new IU brand palette
• Added new sans and serif design tokens for fonts
• Created shadow utility classes and updated standard shadow variant
• Added default styles for Disclosure component
• Removed deprecated box component Sass files
• Updated button focus outline colors to match their background colors
• Removed up and down arrow key handlers from tabs component
• Set card title link element to display block

• Added new application layouts
• Made background color on all input elements white by default
• Updated list utility classes to use more consistent naming conventions
• Updated radio markup and styles
• Updated check box markup and styles
• Updated component custom events API
• Added new empty state component
• Updated default background color to be white for form inputs - This matches new behavior of checkboxes and radio inputs
• Added new rvt-list-reset utility to remove all default ol and ul styles when you need to customize lists with additional utility classes
• Added rvt-border-*-none utilities
• Added rvt-border-radius-circle utility
• Added new rvt-link-plain utility

Component deprecation

This release removes the following deprecated components as announced in the v2.0.0-alpa.6 release:

• Action (early alpha)
• Box (Rivet 1.x)
• Essay (early alpha)

• Remove deprecated Feature and Media Object components
• Added new Profile page Layout
• Made visual design updates to pagination component
• Fixed Details Layout issue where non-breaking content cause main content area to overflow
• Added List Layout variations
• Standardized box-shadows in design tokens

Component Deprecations

In the next alpha release we will be removing the Action, Box, and Essay components. They have been deprecated and will be replace by other components in Rivet 2.

New components

• Billboard
• Call-to-action (CTA)
• Card
• Hero area
• Quote

Additional updates

• Updated accordion and tabs APIs to accept panel ID instead of element
• Renamed and refactored "Menu" component to be called "Subnav"
• Fixed issue where Sidenav current indicator was causing links to shift on nested lists of links
• Fixed Sass paths to make npm package usable via build tools
• Deprecated early alpha "Feature" component. It is replaced by the new Card component in 2.0.0-alpha.5
• Deprecated Media Object component which can be created using Rivet's Flex utilities

• Refactored Sidenav styles to match iu.edu and uits.iu.edu implementations
• Rewrote component JS to use wicked-elements
• Added footer system
• Added new header system

• Switched throw new TypeError for console.warn
• Added script for manually outputting a changelog to terminal

• Updated src/index.js to named exports
• Created avatar component
• Created essay component
• Created quote component
• Added vertical and horizontal variants to feature component
• Added docs for avatar component
• Added avatar variants to quote component
• Added docs for the quote component
• Updated accordion styles and markup
• Created basic documentation for the action component
• Created documentation for the grid component
• Created opt-in classes for HTML elements
• Created JSON design token output
• Created calendar tile component

• Added CSS namespacing for wysiwyg sections
• Refactored modal js
• Refactored dropdown js
• Refactored tabs js
• Added customEvents to dropdown component
• Added fix for text wrapping in sidenav
• Added first draft of documentation for sidenav
• Added CSS to display buttons if JS loads
• Refactored accordion js
• Added logic for sidenav folds expanded in markup
• Changes sidenav text-indent to padding-left
• Added opt-in form element styling
• Fixed .eslintignore syntax
• Removed normalize.css
• Refactored grid
• Fixed broken dropdowns and icon text in header examples
• Refactored components to modular Sass
• Created design tokens