@RCopeland RCopeland released this Jan 11, 2019

Spark Design System published releases to all packages on this date. Details can be read below.

Summary

Updates the design and structure of Masthead. Adds a mask for the Masthead narrow selector dropdown when it's open. Updates the Pagination link styles. Flattens out the Spark Extras. Updates Icons.

https://january-11-2019.sparkdesignsystem.com/

Version Details

View the Corresponding npm Package Versions

  • spark-core: v10.0.0
  • spark-card: v4.0.2
  • spark-highlight-board: v4.0.2
  • spark-dictionary: v3.1.9
  • spark-core-angular: v7.1.0
  • spark-extras-angular-award: v3.0.9
  • spark-extras-angular-card: v3.0.8
  • spark-extras-angular-dictionary: v3.0.8
  • spark-extras-angular-highlight-board: v3.0.8

Component Updates

Masthead - BREAKING CHANGE TO MASTHEAD HTML

You''ll need to copy and paste the new HTML structure from the documentation.

  • Add mask for selector on narrow screens.
  • Add masthead box shadow on scroll.
  • Bring unit test coverage to 100%.
  • Add icon transition to masthead accordion icons.

Selects

Update padding for selects to make them the same size as inputs, thank you @kkwiedacz

Icons

  • Icons have been scaled to have less surrounding whitespace
  • new filled icons
  • new small (16px) icons

New Vars

$sprk-masthead-shadow-scroll
$sprk-masthead-selector-dropdown-border-bottom-mask-open
$sprk-masthead-selector-dropdown-box-shadow-mask-open
$sprk-masthead-selector-border-color-mask-open
$sprk-masthead-selector-bg-color
$sprk-masthead-selector-dropdown-padding
$sprk-masthead-mask-color
$sprk-masthead-transition
$sprk-icon-filled-fill-color
$sprk-icon-filled-stroke-color
$sprk-modal-border-radius

Assets 2