Skip to content

January 11th, 2019

Compare
Choose a tag to compare
@RCopeland RCopeland released this 11 Jan 21:17
0f4a3bd

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