Skip to content

January 11th, 2019
Compare
Choose a tag to compare
@RCopeland RCopeland released this 11 Jan 21:17
january-11-2019
0f4a3bd
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.

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

  • 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
Loading