v2.2.0

🚀 Features

• We have our first pass at the grid system, powered by Tailwind's CSS grid utilities (#52)
• Icons are now part of the system! We publish SVG files for each one, and JavaScript bundles that make it easy to embed them in HTML (#22)
• We now offer a details-reset class and open: utility variants (e.g. hidden open:block to show when the <details> element is open) to support great-looking disclosure components. There's a new docs page for the "Details" component, too (part of #54)
• Our CSS now also includes width (w-) and max-width (max-w-) utilities for 4 discretely sized content widths: sm, md, lg and xl (part of #52)
• In addition to grid plugins, our Tailwind theme now also includes gap, opacity, pointerEvents, visibility, and zIndex to support the documentation site (part of #52)
• We now have a md breakpoint for responsive utilities that applies to screens 420px an wider (part of #49)
• Our spacing scale now includes both 96 and 100 values. 100 will be deprecate in the 3.0.0 release

🐛 Bug fixes

• The title-sm and title-xs classes now work on both small and large screens (part of #49)
• The slate-1 color value (previously #CEDAE4) now matches the #EFF3F4 in Figma
• <kbd> components no longer overlap, and have better documentation (#48)

📖 Documentation

• Most of the web site has been updated to match new designs in #52
• Source links in the footer of each docs page have been fixed
• HTML code examples have been redesigned with CodePen links and nicer clipboard copy buttons (#50)