Skip to content

@RCopeland RCopeland released this Jan 11, 2019 · 7 commits to master since this release

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

@RVMendoza RVMendoza released this Jan 4, 2019 · 112 commits to master since this release

January 4th, 2019

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

Summary

This release added new styles for Masthead, Footer, Links, Alerts, and Accordions. This release also added a namespace to all Spark variables.

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

Version Details

View the Corresponding npm Package Versions

  • spark-core: v9.0.0
  • spark-card: v4.0.1
  • spark-highlight-board: v4.0.1
  • spark-description-table: v3.1.8
  • spark-core-angular: v7.0.0
  • spark-extras-angular-award: v3.0.8
  • spark-extras-angular-card: v3.0.7
  • spark-extras-angular-dictionary: v3.0.7
  • spark-extras-angular-highlight-board: v3.0.7

Component Updates

Links

  • BREAKING: .sprk-b-Link--standalone was removed (Angular as well)
  • A new link style .sprk-b-Link--simple exists. It's for link that don't need underline (except for hover)
  • Muted link styles no longer exist
  • Any link that contains an icon now needs an icon modifier .sprk-b-Link--has-icon

Footer

  • BREAKING: Layout pattern changes, you will have to reimplement (Angular as well)
  • Adds misc spacing to stack objects
  • Adds two new Grid spacing sizes of 3/10 and 7/10

Old:
footer-old
New:
screen shot 2019-01-07 at 8 44 25 am

Masthead

  • BREAKING: Layout changes, you will have to reimplement (Angular as well)
  • Updates structure, presentation, and interaction
  • Added .sprk-c-Masthead--scroll modifier that sets styles for the masthead when the user scrolls past it.

Default Old:
masthead-old
Default New:
masthead-new
Extended Old:
masthead-big-nav-old
Extended New:
masthead-big-nav-new

Input

  • Labels no longer animate
  • Inputs have borders

BREAKING CHANGE: Input Upgrade Guide

  • Remove the whole div that hassprk-b-InputContainer__input-borderfrom each implementation
  • Move the label above the input

Text Input Old:
screen shot 2019-01-07 at 8 55 14 am

Text Input New:
input-new

Alerts

  • Update design of alerts
  • Added an option that can't be closed

Old:
alert-old
New:
alert-new

Dividers

  • Updates color and thickness

Accordion

  • Heading is no longer bold when open
  • Thicker borders
  • Change SVGs used (will be a blank placeholder until SVGs are updated)

Dropdown

  • Adds a border radius
  • Border color changes
  • Box shadow changes

Variable Updates

  • BREAKING: Added a namespace to ALL Spark variables.
    • All variables now begin with sprk-

Removed Sass Variables

Masthead Variables

$sprk-narrow-nav-left-border
$sprk-narrow-nav-link-font-weight
$sprk-dropdown-header-padding

Input Variables

$sprk-input-gray-medium
$sprk-input-placeholder-color
$sprk-input-readonly-text-color
$sprk-text-input-border-width
$sprk-input-container-margin-bottom
$sprk-input-disabled-background-color
$sprk-input-disabled-border-color
$sprk-input-disabled-text-color
$sprk-helper-text-hidden
$sprk-input-readonly-border-color
$sprk-input-error-box-shadow
$sprk-input-box-shadow
$sprk-input-disabled-box-shadow
$sprk-date-picker-day-interact-color
$sprk-date-picker-font-family
$sprk-text-input-interact-color
$sprk-text-input-error-color
$sprk-input-max-width
$sprk-input-animation-speed
$sprk-select-arrow-offset-y
$sprk-select-arrow-offset-x
$sprk-label-offset-y
$sprk-label-shrink-scale

Link Variables

$sprk-link-muted-color
$sprk-link-muted-underline-width
$sprk-link-muted-hover-underline-color
$sprk-link-muted-hover-border-bottom

New Sass Variables

Typography Variables

$sprk-page-title-mark-color
$sprk-page-title-mark-width
$sprk-page-title-mark-height
$sprk-page-title-mark-height-wide-viewport
$sprk-page-title-mark-padding
$sprk-page-title-mark-padding-wide-viewport

Spacing Variables

$sprk-stack-spacing-misc-a
$sprk-stack-spacing-misc-b
$sprk-stack-spacing-misc-c
$sprk-stack-spacing-misc-d

Divider Variables

$sprk-divider-color

Link Variables

$sprk-link-font-weight
$sprk-link-text-decoration
$sprk-link-border-bottom-style
$sprk-link-border-bottom
$sprk-link-hover-border-bottom
$sprk-link-hover-color
$sprk-link-visited-border-bottom
$sprk-link-simple-color
$sprk-link-simple-underline-color
$sprk-link-simple-underline-width
$sprk-link-simple-font-weight
$sprk-link-simple-hover-color
$sprk-link-simple-hover-underline-width
$sprk-link-simple-hover-underline-color
$sprk-link-simple-border-bottom
$sprk-link-simple-visited-border-bottom
$sprk-link-simple-hover-border-bottom
$sprk-link-has-icon-color
$sprk-link-has-icon-font-weight
$sprk-link-has-icon-underline-width
$sprk-link-has-icon-underline-color
$sprk-link-has-icon-border-bottom
$sprk-link-has-icon-hover-border-bottom
$sprk-link-muted-underline-width
$sprk-link-muted-hover-underline-color
$sprk-link-muted-hover-border-bottom
$sprk-link-plain-border
$sprk-link-plain-visited-border
$sprk-link-disabled-underline-width
$sprk-link-disabled-border-bottom
$sprk-link-disabled-hover-border-bottom

Masthead Variables

$sprk-masthead-content-item-padding-top
$sprk-masthead-content-item-padding-bottom
$sprk-masthead-content-item-padding-right
$sprk-masthead-content-item-padding-left
$sprk-masthead-content-padding-wide
$sprk-masthead-content-item-padding-top-wide
$sprk-masthead-content-item-padding-bottom-wide
$sprk-masthead-content-item-padding-right-wide
$sprk-masthead-content-item-padding-left-wide
$sprk-masthead-border-bottom-wide
$sprk-masthead-site-links-border-right
$sprk-big-nav-link-color
$sprk-big-nav-link-font-weight
$sprk-big-nav-link-padding
$sprk-big-nav-item-line-height
$sprk-masthead-shadow
$sprk-masthead-shadow-wide
$sprk-masthead-selector-border
$sprk-masthead-selector-font-weight
$sprk-masthead-selector-border-radius
$sprk-masthead-selector-font-color
$sprk-masthead-selector-padding
$sprk-masthead-selector-min-width
$sprk-masthead-accordion-active-left-border
$sprk-masthead-accordion-active-heading-font-weight
$sprk-masthead-accordion-active-heading-color
$sprk-masthead-accordion-heading-font-weight
$sprk-masthead-accordion-details-font-weight
$sprk-masthead-accordion-details-font-color
$sprk-masthead-accordion-active-background-color
$sprk-masthead-accordion-active-font-color
$sprk-masthead-accordion-font-color
$sprk-masthead-accordion-item-open-line-background-color
$sprk-masthead-accordion-item-open-line-height
$sprk-masthead-accordion-item-padding

Dropdown Variables

$sprk-dropdown-font-weight
$sprk-dropdown-title-font-weight
$sprk-dropdown-header-color

Input Variables

$sprk-input-container-margin
$sprk-input-max-width
$sprk-text-input-font-family
$sprk-text-input-font-size
$sprk-text-input-font-weight
$sprk-text-input-height
$sprk-text-input-line-height
$sprk-text-input-outline
$sprk-text-input-color
$sprk-text-input-border-color
$sprk-text-input-border
$sprk-text-input-box-shadow
$sprk-text-input-focus-border-color
$sprk-text-input-error-border-color
$sprk-text-input-disabled-border-color
$sprk-text-input-disabled-background-color
$sprk-text-input-disabled-box-shadow
$sprk-text-input-disabled-color
$sprk-text-input-readonly-border-color
$sprk-text-input-readonly-color
$sprk-text-input-transition
$sprk-select-appearance
$sprk-select-background
$sprk-select-border
$sprk-select-focus-border-color
$sprk-select-error-border-color
$sprk-select-border-radius
$sprk-select-box-shadow
$sprk-select-color
$sprk-select-font-size
$sprk-select-font-family
$sprk-select-font-weight
$sprk-select-line-height
$sprk-select-outline
$sprk-select-padding
$sprk-select-arrow-offset-y
$sprk-select-arrow-offset-x
$sprk-select-arrow-stroke-width
$sprk-select-disabled-border-color
$sprk-select-disabled-background-color
$sprk-select-disabled-color
$sprk-textarea-min-height
$sprk-textarea-margin
$sprk-textarea-padding
$sprk-text-input-error-color
$sprk-input-error-text-color
$sprk-input-error-text-font-family
$sprk-input-error-text-font-weight
$sprk-input-error-text-font-size
$sprk-input-error-text-line-height
$sprk-input-error-text-margin
$sprk-error-container-margin
$sprk-error-icon-size
$sprk-helper-color
$sprk-helper-font-size
$sprk-helper-font-family
$sprk-helper-font-weight
$sprk-helper-line-height
$sprk-helper-margin
$sprk-placeholder-color
$sprk-placeholder-font-size
$sprk-placeholder-font-family
$sprk-placeholder-font-weight
$sprk-selection-container-margin
$sprk-selection-container-label-font-weight
$sprk-selection-container-input-height
$sprk-selection-container-input-width
$sprk-selection-container-input-margin
$sprk-date-picker-border-radius
$sprk-date-picker-font-size
$sprk-date-picker-font-weight
$sprk-date-picker-selected-day-font-weight
$sprk-date-picker-day-interact-color
$sprk-date-picker-background
$sprk-date-picker-padding
$sprk-date-picker-padding-wide
$sprk-date-picker-header-border
$sprk-date-picker-header-font-size
$sprk-date-picker-header-font-weight
$sprk-date-picker-header-padding
$sprk-date-picker-col-header-paddin
$sprk-date-picker-day-padding
$sprk-date-picker-day-margin
$sprk-date-picker-day-color
$sprk-date-picker-day-hover-color
$sprk-date-picker-day-edge-day-color
$sprk-date-picker-month-year-font-size
$sprk-date-picker-arrow-color
$sprk-date-picker-modal-margin
$sprk-date-picker-modal-margin-wide
$sprk-date-picker-modal-z-index
$sprk-date-picker-years-modal-max-height
$sprk-text-input-has-icon-padding
$sprk-input-icon-z-index
$sprk-input-text-icon-offset-x
$sprk-input-text-icon-font-size
$sprk-input-text-icon-font-weight
$sprk-text-input-has-text-icon-padding
$sprk-input-text-icon-z-index
$sprk-label-padding
$sprk-label-font-family
$sprk-label-font-size
$sprk-label-font-weight
$sprk-label-line-height
$sprk-label-margin
$sprk-visibility-control-margin
$sprk-visibility-control-label-font-size
$sprk-label-disabled-color

Assets 2

@afebbraro afebbraro released this Dec 21, 2018 · 307 commits to master since this release

December 21st, 2018

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

Summary

This release updated Buttons, Typography, Cards and added new misc Spacing sizes.

https://december-21-2018.sparkdesignsystem.com/

Version Details

View the Corresponding npm Package Versions

  • spark-core: v8.0.0
  • spark-card: v4.0.0
  • spark-highlight-board: v4.0.0
  • spark-description-table: v3.1.7
  • spark-core-angular: v6.0.3
  • spark-extras-angular-award: v3.0.7
  • spark-extras-angular-card: v3.0.6
  • spark-extras-angular-dictionary: v3.0.6
  • spark-extras-angular-highlight-board: v3.0.6

General

  • Adds new misc Spacing sizes.
  • Updates Typography.
  • Updates Buttons.
  • Updates Docs.
  • Updates Cards.

Breaking Changes Vanilla

  • Spark Core has new markup in the components for new typography changes and component updates.
  • Card has variables removed/updated.
  • Highlight board has updated type classes in HTML.
  • Removed TypeDisplayEight.

Breaking Changes Angular

  • NONE, only a patch update to account for new spark-core v8 dependency.

Removed Sass Vars

$card-border
$btn-tertiary-border-color (now $btn-tertiary-border)
$pag-breakpoint (was unused)
$card-max-width (now $sprk-card-max-width)
$card-shadow (now $sprk-card-shadow)

New Sass Vars

$sprk-card-max-width
$sprk-card-breakpoint
$sprk-card-shadow
$sprk-card-shadow-wide-viewport
$sprk-card-shadow-standout
$sprk-card-shadow-standout-wide-viewport
$sprk-card-border-radius
$sprk-card-content-padding
$sprk-card-header-bg-color
$sprk-card-header-text-color
$sprk-space-misc-a
$sprk-space-misc-b
$sprk-space-misc-c
$sprk-space-misc-d
$sprk-alert-dismiss-padding
$sprk-alert-icon-margin
$sprk-alert-font-size
$sprk-alert-line-height
$sprk-alert-font-weight
$sprk-accordion-summary-padding
$sprk-accordion-content-padding
$sprk-date-picker-font-family
$sprk-masthead-link-font-weight
$sprk-masthead-link-visited-color
$sprk-masthead-link-hover-color
$sprk-measure
$sprk-narrow-measure
$sprk-using-webfonts
$sprk-font-display
$sprk-webfonts
$sprk-page-title-mark-width
$sprk-page-title-mark-height
$sprk-page-title-mark-height-wide-viewport
$sprk-page-title-mark-padding
$sprk-page-title-mark-padding-wide-viewport
...Lots of Type var changes....See documentation
$btn-secondary-letter-spacing
$btn-letter-spacing
$btn-disabled-shadow
$btn-secondary-disabled-background-color
$btn-secondary-disabled-text-color
$btn-secondary-disabled-border-color
$btn-secondary-disabled-shadow
$btn-tertiary-disabled-shadow
$btn-tertiary-disabled-border
$btn-tertiary-text-color
$btn-tertiary-underline-width
$btn-tertiary-underline-padding-top
$btn-tertiary-underline-color
$sprk-date-picker-font-family
$sprk-table-header-font-weight
$sprk-tab-navigation-btn-font-size
$sprk-tab-navigation-btn-font-weight
$sprk-dictionary-label-font-size
$sprk-dictionary-label-font-weight
$sprk-dictionary-label-line-height

Component Updates

Accordions

  • Update spacing in accordions.

Alerts

  • Add new type class to alert content (.sprk-c-Alert__text).
  • New spacing update.

Buttons

  • Updates tertiary button underline width to 2px.
  • Updating all styles for buttons. We are moving away from red as our primary color.
  • Add Disabled Secondary and Disabled Tertiary styles.

Card

  • Add new Highlighted Header variant.
  • Add new Standout variant.
  • Update Card styles.
  • Add sprk-c-Card__media class to media.

Typography

  • Add vars so the Page Title style line color can be changed.
  • Removes the concept of body / heading / alternate fonts and the associated vars.
  • Decouples from scalescss-base-typography.
  • Removes font-face observer and associated js / tests.
  • Updates type settings to reflect updated design.
  • Adds the ability to specify mobile values and breakpoints for TypeDisplayOne, TypeDisplayTwo and - - -TypeDisplayThree.
  • Renames font urls and family from 'FallSans' to 'RocketSans'.
  • Updates type settings in various components:
    • dictionary
    • dropdown
    • alert
    • accordion
    • highlight-board
    • modals
    • tables
    • tabbed nav

Color

  • Color values have been modified.

Utilities

  • Add new sprk-u-Measure, sprk-u-Measure--narrow (added because of the drop of Scales Type)
  • Add new Misc spacing utils, EX. sprk-u-PaddingTop--a (see documentation for all that are available)

Modals

  • Fixed modal tests bug.

Masthead

  • Fixes masthead color bugs.
  • Adds vars for masthead links.

Screenshots

Old vs. New Buttons

screen shot 2018-12-21 at 2 36 18 pm

Old vs. New Cards

screen shot 2018-12-21 at 2 50 21 pm

Old vs. New Display Headings

screen shot 2018-12-21 at 2 52 50 pm

Assets 2

@RCopeland RCopeland released this Dec 19, 2018 · 495 commits to master since this release

December 19th, 2018

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

Summary

This release added the component variable and class modifier tables to Spark Documentation and added Spark polyfills JS.

https://december-19-2018.sparkdesignsystem.com/

Version Details

View the Corresponding npm Package Versions

  • spark-core: v7.0.0
  • spark-card: v3.1.5
  • spark-highlight-board: v3.1.5
  • spark-description-table: v3.1.6
  • spark-core-angular: v6.0.2
  • spark-extras-angular-award: v3.0.6
  • spark-extras-angular-card: v3.0.5
  • spark-extras-angular-dictionary: v3.0.5
  • spark-extras-angular-highlight-board: v3.0.5

General

  • Added documentation to each component page, outlining available variables
  • Updated certain variable names and created some new variables
  • Added missing modules to spark-core-exports.js
  • Added new file spark-core-polyfill.js, contains polyfills needed for spark.
  • Fixed code coverage / unit tests for masthead

Variable Name Changes

$alert-bg-color (previously $alert-bg)

New Vars

$tab-navigation-btn-color
$tab-navigation-btn-bg-color
$tab-navigation-btn-border-top
$tab-navigation-btn-hover-border-top
$tab-navigation-btn-active-color
$tab-navigation-btn-active-border-top
$tab-navigation-btn-active-bg-color
$list-indented-margin-left
$table-highlight-color 
$table-highlight-text-color

Component Updates

Typography

  • New Page Title heading variant.

Inputs

  • fixed bug around binding required to inputs inside sprk-b-InputContainer
  • added new spark validation for a field that is only required (as in any value passes except blank)

Color

  • Color values have been modified

Utilities

  • Removed sprk-u-Color--deep-red
  • Removed sprk-u-Color--red-mid
  • Removed sprk-u-BackgroundColor--deep-red
  • Removed sprk-u-BackgroundColor--red-mid
Assets 2

@RCopeland RCopeland released this Dec 5, 2018 · 976 commits to staging since this release

December 4th, 2018

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

Summary

This release fixed a couple of minor bugs, added an exports file, the new Dropdown component, and the revised Masthead component.

Version Details

View the Corresponding npm Package Versions

  • spark-core: v6.0.1
  • spark-card: v3.1.4
  • spark-highlight-board: v3.1.4
  • spark-description-table: v3.1.5
  • spark-core-angular: v6.0.1
  • spark-extras-angular-award: v3.0.5
  • spark-extras-angular-card: v3.0.4
  • spark-extras-angular-dictionary: v3.0.4
  • spark-extras-angular-highlight-board: v3.0.4

Bug fixes

  • Fixed gray-tint-75 value bug in documentation site
  • Fixed bug with dom-slider package by upgrading the package's version

New Additions

  • Added Spark Core JS exports
  • Updated Release Notes page to include links to the release notes
  • Added new button modifier that reduces the button padding
  • Added new Masthead component to Spark Core and Spark Core Angular
  • Added a new height utility class to make something 100% height
  • Added new dropdown component to Spark Core and Spark Core Angular
  • Renamed hamburger class name to menu

Removals

  • Removed Secondary and Wide Navigation components (now apart of masthead)
  • Removed the Secondary nav import in angular footer since this component was removed

Breaking Changes

Spark Core, and Spark Core Angular both had breaking changes. The secondary and wide navigations in Vanilla and Angular have been deprecated. The masthead is now available and applications using the old masthead will need to replace it with the new one.

Assets 2

@afebbraro afebbraro released this Nov 19, 2018 · 668 commits to master since this release

November 19, 2019

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

Summary

This release fixed several bugs, added the option to open links in a new tab in Angular, added color utilities, and several other improvements.

Version Details

View the Corresponding npm Package Versions

  • spark-core: v5.0.0
  • spark-card: v3.1.2
  • spark-highlight-board: v3.1.2
  • spark-description-table: v3.1.3
  • spark-core-angular: v5.0.0
  • spark-extras-angular-award: v3.0.3
  • spark-extras-angular-card: v3.0.2
  • spark-extras-angular-dictionary: v3.0.2
  • spark-extras-angular-highlight-board: v3.0.2

Bug fixes

  • Fix use of aria-controls in narrow navigation.
  • Make Angular toggle use <ng-content> so users can use any type of HTML elements in toggles instead of only paragraph text. This fixes a bug where you could only have paragraph text in Angular toggles.
  • Add icon current color modifier class to inputs with icons to make icons the same color as the text. The class is also now available to use for icons (sprk-c-Icon--current-color).
  • Input docs fix for additionalClasses that was causing errors in Angular builds (now uses class="").
  • Remove error class from disabled input partial so the underline is gray now in documentation site (not a bug in Spark, only in Spark doc site).
  • Add fix for shrinking icon in input errors with long messages.
  • Fix issue with multiline links where the underline wasn't underling each line of text.

New Additions

  • Add a new "icon with link" variant to Spark Core links.
  • Add plain link type option for @Input on Angular link component.
  • Add target @input to Angular links so target attribute can be set (ex. target="_blank").
  • Add new color utilities for CSS color and background-color properties.

Style Updates

  • Add a new gray background to the footer.
  • Update secondary button hover styles and card border styles (scss changes only).

Improvements

  • Improve divider documentation.
  • Add unit tests for data automation Ids.
  • Add unit test for Promo.
  • Remove additionalClasses from Angular buttons, now uses class="".

Breaking Changes

Spark Core, and Spark Core Angular both had breaking changes. Please update your footer, Angular toggles, and Inputs and check out the Spark Docs components to see the new changes.

Assets 2

@yodasw16 yodasw16 released this Nov 29, 2018 · 1259 commits to staging since this release

November 12, 2019

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

Summary

This release includes a complete overhaul of the Footer component and a few other small changes.

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

Version Details

View the Corresponding npm Package Versions

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

New features

  • Added an "xxs" breakpoint to the Stack Object so items can be side-by-side at extra small screen sizes.
  • Added the option in Angular to adjust the title font size in the Toggle component.

Breaking Changes

  • Built a new version of the Footer component from the ground up.
  • Removed old Footer variations.
Assets 2

@yodasw16 yodasw16 released this Nov 29, 2018 · 1285 commits to staging since this release

November 8, 2019

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

View the Corresponding npm Package Versions

  • 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)
Assets 2

@yodasw16 yodasw16 released this Nov 28, 2018 · 1357 commits to staging since this release

November 2, 2019

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

View the Corresponding npm Package Versions

  • 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 sparkdesignsystem@quickenloans.com.

Assets 2

@yodasw16 yodasw16 released this Nov 19, 2018 · 1860 commits to staging since this release

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

View the Corresponding npm Package Versions

  • 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

Assets 2
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.