April 29, 2019

2019 Spring Release 🌺

Spark Design System published new releases. Details can be read below.

Summary

This release adds React versions of Spark components and supplemental documentation. In addition, a new Stepper component has been added. Several bugs were fixed and the Getting Started documentation pages were updated.

https://april-29-2019.sparkdesignsystem.com/

Version Details

• spark-react: v1.0.0 - ⚡️first release
• spark-core: v10.1.0 - Minor bump
• spark-card: v4.0.3 - patch
• spark-highlight-board: v4.0.4 - patch
• spark-dictionary: v1.0.2 - patch
• spark-core-angular: v8.0.6 - patch
• spark-extras-angular-award: v3.0.12 - patch
• spark-extras-angular-card: v3.0.11 - patch
• spark-extras-angular-dictionary: v3.0.11 - patch
• spark-extras-angular-highlight-board: v4.0.0 - breaking change, full version bump❗️

Component Updates

Stepper

• This release adds a new Stepper component to Spark. The React and Angular versions are coming soon in a future release.

Angular HighlightBoard - BREAKING CHANGE ❗️

• Removed the option for fullWidth from the Angular HighlightBoard component. If you were using this to have the Highlight Board take up 100% width of the viewport regardless of it's container, add the class sprk-u-FullWidth to the highlight board.

Checkboxes

• Fixes a bug with long checkbox labels in Safari causing checkboxes to shrink.

Angular Link

• Fixes a bug with the sprk-link component when it was set to be a jump link to an element that doesn't exist.

Tabs

• Fixes a bug in the Tabs component where role="tablist" was on the main tabs component element when it needed to be on the element that wraps the tab buttons.
• Added the ability to navigate with keyboard in Tabs using the up and down arrow keys in addition to the current keyboard navigation.

Masthead

• Fixes a bug with scrolling in the narrow navigation in ff/edge/ie11 when the nav had a lot of items.

Stack

• Adds a new feature to the Stack component to allow you to reverse the direction of the items in the row. It's an additional modifier CSS class that can be added to the parent Stack element. .sprk-o-Stack--split-reverse@<breakpoint>

Cards

• Adds a new feature to the Card component to make the card take up the full width of it's container. Add a new modifier of sprk-c-Card--full to the card element.

Documentation

• The designers page was removed.❗️
• The developers page was broken up to be three separate pages of HTML, React, and Angular.
• Fixes a bug in the docs where the Angular code example code caused the Angular Select Boxes to not render with the chevron icon by default.
• Fixes a bug in modal documentation where the Angular modalType input was incorrectly displayed as modaltype.
• Improves the documentation for modals.
• Fixes a bug in the documentation with Angular Inputs where the Date Picker Input Calendar does not appear on click.

April 5, 2019

April 5, 2019

Spark Design System published a patch release on this date. Details can be read below.

Summary

This patch release fixes an issue with client applications security monitoring reporting errors with a Spark dependency. You can see the version details below, but take note that we patched v10 and v9 or spark-core.

Version Details

• spark-core: v10.0.1
• spark-core: v9.0.2
• spark-highlight-board: v4.0.3

March 21, 2019

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

Summary

This is a patch release to fix issues #1177 and #1178 concerning link behavior, especially within the Masthead component.

This release only affects the Angular implementation of Spark

https://march-21-2019.sparkdesignsystem.com/

Version Details

• spark-core-angular: v8.0.1
• spark-extras-angular-award: v3.0.11
• spark-extras-angular-card: v3.0.10
• spark-extras-angular-dictionary: v3.0.10
• spark-extras-angular-highlight-board: v3.0.10

Component Updates

Link

• The sprk-link component has been upgraded to inspect the incoming href property and automatically forward inbound links to the routerLink directive while sending outbound links via the standard anchor href

• All components with child links have been normalized to use the sprk-link component with one-off <a> tags removed from component templates

• Components that previously only allowed inbound links and now intelligently select inbound vs. outbound:

  • Dropdown Items
  • Highlight Board ctaRefs
  • Masthead narrowNavLinks and bigNavLinks
  • Promo cta, buttonHref, ctaLinkHref, and imgHref
  • Award imgOneHref and imgTwoHref
  • Card imgHref, iconHref and ctaHref

• Components that previously only allowed outbound links and now intelligently select inbound vs. outbound:

  • Footer (all link types)
  • Link href

Masthead

• The Masthead expanded menu has been upgraded to automatically hide itself after following an inbound while on narrow (mobile) screens by hooking into the router's NavigationEnd event

January 11th, 2019

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

January 4th, 2019

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

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

New:

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:

Default New:

Extended Old:

Extended 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:

Text Input New:

Alerts

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

Old:

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
...

December 21st, 2018

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

• 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

Old vs. New Cards

Old vs. New Display Headings

December 19th, 2018

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

• 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

December 4th, 2018

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

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

November 19, 2018

November 19, 2018

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

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

November 12, 2018

November 12, 2018

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

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