v1.2.0

Minor Changes

• 35c28e7: Added <rh-tile>.

  Tile creates a component that can be used in place of a link, checkbox, or radio button selection.

  <rh-tile-group radio>
    <rh-tile checked>
      <div slot="title">Title</div>
      <h2 slot="headline"><a href="#top">Link</a></h2>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      <div slot="footer">Suspendisse eu turpis elementum</div>
    </rh-tile>
  
    <rh-tile>
      <div slot="title">Title</div>
      <h2 slot="headline"><a href="#top">Link</a></h2>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      <div slot="footer">Suspendisse eu turpis elementum</div>
    </rh-tile>
  
    <rh-tile>
      <div slot="title">Title</div>
      <h2 slot="headline"><a href="#top">Link</a></h2>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      <div slot="footer">Suspendisse eu turpis elementum</div>
    </rh-tile>
  </rh-tile-group>

• 9d3c7b0: ✨ Added <rh-table>.

  A table is a container for displaying information. It allows a user to scan, examine, and compare large amounts of data.

  <rh-table>
    <table>
      <caption>
        Concerts
      </caption>
      <colgroup>
        <col />
        <col />
        <col />
      </colgroup>
      <thead>
        <tr>
          <th scope="col" data-label="Date">Date</th>
          <th scope="col" data-label="Event">
            Event<rh-sort-button></rh-sort-button>
          </th>
          <th scope="col" data-label="Venue">
            Venue<rh-sort-button></rh-sort-button>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td data-label="Date">12 February</td>
          <td data-label="Event">Waltz with Strauss</td>
          <td data-label="Venue">Main Hall</td>
        </tr>
        <tr>
          <td data-label="Date">24 March</td>
          <td data-label="Event">The Obelisks</td>
          <td data-label="Venue">West Wing</td>
        </tr>
        <tr>
          <td data-label="Date">14 April</td>
          <td data-label="Event">The What</td>
          <td data-label="Venue">Main Hall</td>
        </tr>
      </tbody>
    </table>
    <small slot="summary">Dates and venues subject to change.</small>
  </rh-table>

• 39e76fc: rh-card: header slot now displays items vertically instead of stacked, allowing for more than one item to display in the header.

  Example:

  <rh-card>
    <img slot="header" src="kitten-400x250.jpeg"></img>
    <h2 slot="header">Headline, sm</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Nullam eleifend elit sed est egestas, a sollicitudin mauris
       tincidunt. Pellentesque vel dapibus risus. Nullam aliquam
       felis orci, eget cursus mi lacinia quis. Vivamus at felis sem.</p>
    <rh-cta priority="primary" slot="footer">
      <a href="#">Call to action</a>
    </rh-cta>
  </rh-card>

• c9780fc: ✨ Added <rh-timestamp>.

  Provides consistent formats for displaying date and time values.

  <rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400"
    >Tue Aug 09 2006 14:57:00 GMT-0400</rh-timestamp
  >

Patch Changes

• f4fcb1f: <rh-navigation-secondary>: improved keyboard navigation

• 681519b: <rh-avatar>:
  <rh-code-block>:
  <rh-navigation-secondary>: Updated custom elements manifest summaries

• ed6ff92: <rh-navigation-secondary>: corrected and updated support for current page indicator

• a6ca398: <rh-cta>: brick variants are now full width.

  <rh-cta variant="brick"> should only be used within grids. Check your layouts to make sure they adhere to the guidelines.

• 0c2d42b: <rh-tabs>: corrects the custom element manifest's event name for the expand event

• 7e2c9bb: <rh-cta>: adds color-palette attribute back with deprecation notice