0.3.1 Changelog

Breaking Changes

0 Changes


7 Bug Fixes


Jul 27, 2016

Sketch template

Light Theme


  • Static progress bar

    Static progress bars are progress bars that do not animate when they are drawn in the DOM. This allows them to be used inside of Kendo UI data grids and other components that redraw themselves at set intervals.

    Because IE/Edge offered no way to override the default animation of HTML5 progress elements, a new component had to be created. This component consists of a .progress-static container with a .progress-meter element inside of it.

    The .progress-meter component has to use a data-value attribute instead of a value attribute. Other than that it works exactly the same as the existing progress bar component.

    Existing progress bar HTML...

    <div class="progress-static">
        <div class="progress-meter" data-value="16"></div>

    Static progress bar HTML...

    <div class="progress demo">
        <progress max="100" value="16" data-displayval="16%"></progress>
  • Inline progress bars (Progress Blocks and Groups)
    • A .progress-block component was added to the progress-bar which allows the use of labels and spans to share horizontal space with the progress bar.
    • A .progress-group component was added to the progress-bar to enable content above and below a progress bar as well as allowing for stacked progress bars.
    • .progress-block and .progress-group can be combined and both work inside of cards.

Bug Fixes

  • Links in header nav are getting underlines on them
  • Clarity header logo jumps up when there is no title next to it
  • Clarity website 404s no longer directing to the error page
  • Re-add support for css animation
  • Implement the new changes to tabs based on the new design spec
  • Fix Checkbox jitter issue in Safari
  • Fix margins of components used in a grid

Other Changes

  • Clean up tests to not use the deprecated jasmine functions inside @angular/core/testing
  • Precompile components for router
  • Add note to login doc about background color/image
  • Add content to the web site to support the new table style
  • Create documentation for lists
  • Improve the documentation of input fields to include documenting input validation
  • Add code coverage (Istanbul) to seed