Skip to content

January 4th, 2021
Compare
Choose a tag to compare
@afebbraro afebbraro released this 04 Jan 19:14
· 1587 commits to main since this release
jan-4-2021
1e9d8fa
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Summary

This release adds a new Autocomplete component to the Spark HTML package (not available for Angular or React yet) and adds the formatter and validator functions from HTML into the Spark React package as utilities. This release also adds a minified Spark CSS file to the Spark Styles package.

Package Versions

  • @sparkdesignsystem/spark-angular v12.0.2
  • @sparkdesignsystem/spark-react v4.1.0
  • @sparkdesignsystem/spark v15.1.0
  • @sparkdesignsystem/spark-styles v1.1.0

Documentation

  • The Design Token Table is now more searchable than ever with a filter.
    • Try searching for the keyword 'button' and you'll find all the relevant style tokens related to buttons!

Spark Styles

  • Added a minified Spark CSS file that is available for import in your build systems if you must use CSS over Sass. Note that this CSS will use all of the default Spark style settings and will not use our Sass Variable / Theming system.

HTML

  • adds a new Autocomplete component
    Several new utilities functions have been added to Spark utilities.
  • isDownPressed, isUpPressed, isLeftPressed, and isRightPressed - These utilities can be used in event handlers to determine if one of the arrow keys has been pressed.
  • generateAriaOwns - This utility function will ensure that the trigger and content elements are associated using aria-owns.
  • resetListItems - This utility function will loop through a collection and remove activeClass and set aria-selected="false" on each item in the collection.

React

  • Added Input Formatters and Validation to React Package
Assets 2
Loading