Skip to content

February 5th, 2020 (NDS Spark Package Release)
Compare
Choose a tag to compare
@afebbraro afebbraro released this 05 Feb 19:52
· 4609 commits to staging since this release
february-5-2020
ee5ea20
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.

We are releasing some minor feature additions to our packages and bug fixes. The main minor additions are two new colors of red, adding in TypeScript Interfaces for our Spark Angular components, and improving the accessibility of our Dropdown component.

Package Version Details

  • spark: 12.2.0 => 12.3.0
  • spark-angular: 9.3.0 => 9.4.0
  • spark-react: 1.3.0 => 1.4.1

https://www.npmjs.com/package/@sparkdesignsystem/spark/v/12.3.0
https://www.npmjs.com/package/@sparkdesignsystem/spark-react/v/1.4.1
https://www.npmjs.com/package/@sparkdesignsystem/spark-angular/v/9.4.0

New Features

Bugfixes

  • Object Prepend polyfill update to es5
  • remove unused var from sparkdesignsystem.com, $sprk-accordion-border-open
  • added edge fallback for huge input

Color Updates

Two new red variations were added to Spark. Deep red #76232F
and Mid red #9D2235.

Component Updates

  • Updated the Alert component in Angular to not rely on JavaScript from our Vanilla Spark package.
  • Updated the Masthead component in Angular to not rely on JavaScript from our Vanilla Spark package.
  • Updated the Tabs component in Angular to not rely on JavaScript from our Vanilla Spark package.
  • Added an Input to Spark-Angular's sprk-button (isSpinning) that will render a spinner inside the button when true.
  • Added new spacing sizes to the sprk-o-Box object.

Bug fix for Spark React, Spark Angular

Fixes #2699 #2131
Updated to use a fork of Tiny date picker, that allows Spark React and Spark Angular to
render in an SSR context.

Bug fix for SprkLink, SprkCardTeaser, SprkMasthead

Fixes #2238
Added an additional proptype option of PropTypes.elementType to SprkLinks (element), SprkCardTeaser (ctaLinkElement, mediaLinkElement) and SprkMasthead. This fixes a bug in tests in regards to a react component being supplied as the prop.

Bug fix for React SprkMasthead

Fixes #2665
Updates SprkMasthead to close the narrowNav menu when a navigating link is clicked.

Bug fix for SprkTextInput - Huge Variant

Fixes #2096
Updated the component to add the correct class when a defaultValue or value is passed into the component. The class enables the component to render correctly on page load in IE11 & Edge.

Bug fix for Dropdown

Fixes #2441
Adds a preventDefault() to the dropdown trigger click function to prevent any unwanted navigation functionality from occurring.

Add interfaces to spark-angular package

This adds structure for our angular component inputs that expect arrays and objects using TypeScript. Added missing analyticsString to bigNavLinks in sprk-masthead.component.ts. Added missing analyticsString to the dropdown choice items in the dropdown component.

Spark Angular Footer

Updated the footer API to have input analyticsString instead of analytics so I added in support for analyticsString. This brings footer in sync with the rest of the system that uses analyticsString. API now supports both methods for footer links right now to avoid breaking change.

Spark Angular Masthead

Added missing analyticsString to bigNavLinks in sprk-masthead.component.ts. Can now pass in an optional data-analytics string to the big navigation links in the masthead.

Spark Angular Dropdown

Added missing analyticsString to the dropdown choice items in the dropdown component. Can now pass in an optional data-analytics string to choice items in the dropdown component.

Dropdown (React, Angular, HTML)

We improved accessibility on Dropdowns by refactoring it according to W3C Examples.

Assets 2
Loading