November 8, 2018

November 8, 2018

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

Summary

This releases added automation IDs to all components for testing purposes, fixes a z-index bug in the Date Picker Input, changes the responsibility of importing 3rd party Angular libraries to the app level, and a few other improvements.

https://november-8-2018.sparkdesignsystem.com/

Version Details

• spark-core: v3.1.0
• spark-card: v3.1.0
• spark-highlight-board: v3.1.0
• spark-description-table: v3.1.0
• spark-core-angular: v3.0.0
• spark-extras-angular-award: v3.0.0
• spark-extras-angular-card: v3.0.0
• spark-extras-angular-dictionary: v3.0.0
• spark-extras-angular-highlight-board: v3.0.0

Bug Fixes

• Fixed a bug with date picker z-index

New features

• Added data attributes to all components for automated testing purposes.

Improvements

• Added the class “.sprk-c-Icon--current-color” to allow icons to match the color of their parent.
• Made the cancel link in modals a button and updated the icons (Breaking Change)
• Removed the import of browseranimationmodule from Angular Award and Accordion components and updated docs so teams know to import it at the app level (Breaking Change)

November 2, 2018

November 2, 2018

Spark Design System published releases to all packages on this date.

Summary

This was a huge release that redesigned every component in Spark.

https://november-2-2018.sparkdesignsystem.com/

Version Details

• spark-core: v3.0.0
• spark-card: v3.0.0
• spark-highlight-board: v3.0.0
• spark-description-table: v3.0.0
• spark-core-angular: v2.0.0
• spark-extras-angular-award: v2.0.0
• spark-extras-angular-card: v2.0.0
• spark-extras-angular-dictionary: v2.0.0
• spark-extras-angular-highlight-board: v2.0.0

IMPORTANT NOTICE

This was a huge release that redesigned every component in Spark. Every component's style changed and nearly every component's markup and functionality changed. Any Spark components that were implemented before this release will need to be tested. This is not a passive update. Nearly all components require changes to the markup in your templates.

Since this is a complete redesign, we are not listing out every change that was made. If you need assistance upgrading, please contact [email protected].

Fall 2018 Snapshot

Fall 2018 Snapshot

Summary

This release is the state of the Spark Design System docs right before spark-core moving to v3.0.0, which was a total overhaul.

All components change visually after this release and most components have markup changes.

https://fall2018.sparkdesignsystem.com/

Version Details

• spark-core: v2.1.0
• spark-card: v2.1.0
• spark-highlight-board: v2.1.0
• spark-description-table: v2.1.0
• spark-core-angular: v1.0.0
• spark-extras-angular-award: v1.0.0
• spark-extras-angular-card: v1.0.0
• spark-extras-angular-dictionary: v1.0.0
• spark-extras-angular-highlight-board: v1.0.0

2.1.0

🎉 Fall 2018 - The Angular Release 🎉

Angular

Added Angular implementations for all of the Spark components. These are published as follows:

• spark-core-angular
• spark-extras-angular-award
• spark-extras-angular-card
• spark-extras-angular-dictionary
• spark-extras-angular-highlight-board

This also includes angular code and customization documentation, unit tests, and a test application.

Spark Core

Spark-Core on npm

Improvements

• Added ability for input containers to have icons
• Updated the line-height on select labels
• Added a class to the Stack Object to allow you to center a specific stack item.
• Added examples of the award component in the footer test page.
• Added a variable for modifying the padding on a fieldset.

Bug Fixes

• Fixed a bug in accordions where arrows weren't lined up with the title.
• Fixed a mistake in the SSN regex that allowed spaces
• Added a visited state to links with the button class to prevent app specific a styles from bleeding through.

Spark Docs

Improvements

• Added a "Code Example" toggle to the header allowing users to see html, angular, or no code.
• Added heading variables to improve dev experience.
• Added link to award component on the main page.

Bug Fixes

• Fixed examples of spacing for Inset Short that were showing tall spacing. 🎉 Thanks to @briankabiro for contributing this fix as part of Hacktoberfest! 🎉

2.0.1

Spark Core

Bug Fixes

• Inputs: Removed direct element styling on <label>
• Masthead: Added an event listener to hide the mobile navigation on orientationchange if it is open

Spark Docs

Bug Fixes

• Fixed reference in color documentation from "purple" to "purple-medium"

Props!

🎉 Congrats to @RVMendoza for getting his first PRs into production (label bug and color docs) 🎉

2.0.0

Spark-Core

Spark-Core on npm

Breaking Changes

• Moved Spark Tables from Components to Base
  • .sprk-c-TableContainer becomes .sprk-b-TableContainer
  • .sprk-c-Table__head becomes .sprk-b-Table__head
  • .sprk-c-Table__row-heading becomes .sprk-b-Table__row-heading
  • .sprk-c-Table__grouped-column becomes .sprk-b-Table__grouped-column
  • .sprk-c-Table--row-comparison becomes .sprk-b-Table--row-comparison
  • .sprk-c-Table__empty-heading becomes .sprk-b-Table__empty-heading
  • .sprk-c-Table__grouped-columns becomes .sprk-b-Table__grouped-columns

Bug Fixes

• Fixed a flexbox bug with the horizontal centering of Stack object children in IE11.
• Fixed a bug in Accordions where visited links were white on a white background.
• Fixed a bug where the menu icon was black when it needed to be blue.
• Fixed a bug with the menu icon animation in IE11.
• Fixed an issue that caused line-height collision to not work.

Spark Docs

Bug Fixes

• Fixed broken "Typography" link on the typography page in the docs site.
• Fixed a bug in the docs site where the masthead was showing up on top of elements that should be covering it. 🎉 Congrats and thank you to @bobwise for his first PR 🎉

Improvements

• Improved documentation by mentioning the need for the data-sprk-main attribute.

1.0.0

🎉 Spark Design System v1 🎉

The first official version of the Spark Design System includes two Spark packages. The Spark-Core package includes components that are the basic building blocks of an application. Spark-Extras are components that may not be needed by all applications, but are consistent with the style of Spark-Core.

Documentation for Spark can be found at sparkdesignsystem.com.

Spark-Core

Spark-Core on npm

The following components are available in Spark-Core:

• Accordions
• Alerts
• Buttons
• Dividers
• Footer
• Icons
• Inputs
• Links
• Lists
• Masthead
• Modals
• Navigation
• Pagination
• Promo
• Tables
• Tabbed Navigation
• Toggle

Spark-Extra

Spark-Extras on npm

The following components are available in Spark-Extras:

• Card
• Dictionary
• Highlight Board