Changelog
Found a bug? Please submit a request through JIRA.
2.13.41
- Fixed EDL-339: Programatically setting values for Payments Component formats value incorrectly
- Fixed EDL-335: Card Number
cardTypes
with three or more patterns cause errors in the component
2.13.40
- Fixed EDL-333: Clear button overlaps text entered into the field on narrow fields or when text is long
- Fixed EDL-334: Remove outline on Toolbar wrapper that is momentarily visible in the Spark-React component
2.13.39
- Fixed EDL-237: PopOver does not move within Modal
- Fixed EDL-316:
padding-bottom
on thebody
element remains after a Bottom Fixed Panel is hidden - Updated RELEASE-CHECKLIST.MD,
.npmrc
andpackage.json
to remove references to the old Nexus registry
2.13.38
Fixed EDL-314: Popover is closed when mouseDown
and mouseUp
targets do not match and mouseUp
occurs outside the component
2.13.37
- Fixed EDL-320: CVV Input does not support regex validation
2.13.36
- Fixed EDL-315: Removed unnecessary
title
attributes from Calendar Toggle button
2.13.35
- Fixed EDL-300: Select Input font-size at
xl
screen size does not match other text-based inputs - Added new icon: dollar-symbol-circle
2.13.34
- Fixed EDL-303: Allow Step Indicator to cycle through Dropdown option on Tab keypress
- Updated release tasks and checklist to remove unnecessary steps
- Fixed Password Toggle icon size in Sign In with Progress Bar example
2.13.33
- Updated social-instagram icon
2.13.32
- Fixed EDL-297: Added missing Clear button markup to Auto Suggest examples
- Fixed the disabled color of the Auto Suggest Clear button
- Fixed EDL-302: Auto Suggest down arrow should cycle to the top when at the end of listbox
- Updated Auto Suggest
_onKeyup
method to triggeronChange
callback if necessary Fixed EDL-308: Duplicate Event Handlers in Card Set (Card Number + Expiration Date) components after callingupdate()
- Fixed EDL-310: Calendar Toggle button is misaligned when field has a status (e.g error) message
- Added new icon: Car Ferry Fixed EDL-307: Unable to disable Credit Card Types in Card Set component
2.13.31
- Fixed scenario in Date Inputs where removing the contents of the first field while keeping the rest causes removal of the
active
class - Added new icon: Pushpin
- Fixed issue in Range Slider where a window keyboard listener was never being removed leading to console errors
2.13.30
- Added new icons:
- Diagram Category
- Diagram Flow
- Diagram Tree Reverse
- Diagram Tree
- Folder Open
- Sparkle
- Sweep
2.13.29
- Added new icons:
- Document Search
- Link/Unlink
2.13.28
- Fixed EDL-267: Calendar display does not adapt correctly on smaller screens
- Fixed EDL-286: Table bottom border disappears when last row is active
- Fixed EDL-278: Selecting Table rows results invisible borders in Firefox and Chrome
2.13.27
- Added new icon: Covid
2.13.26
- Fix EDL-258: Slider Handle does not retain
focus
state when mouse is used to move handle - Fixed EDL-263: Single carousel item is not centered in container in IE11
- Fixed EDL-264 and EDL-265:
- Floating numbers not always displayed appropriately when interacting with input field directly or with Increment/Decrement buttons
- Updated and added unit tests for Number Selector component
- Fixed EDL-272: Avatar overlay shifts when hovered in IE11
- Fixed EDL-275: Spinner does not show in View More Button
- Fixed EDL-276: Dropdown Step Indicator options cannot be tabbed into in Firefox
- Fixed EDL-277: Fixed Panel
z-index
higher than hamburger menu underlay - Fixed EDL-279: Focusing on steps via keyboard tab key does not reveal tooltips in Condensed Step Indicator
- Updated Condensed Step Indicator tooltip
:hover
z-index
to supersede the:focus
z-index
- Fixed EDL-280: Dropdown Step Indicator header should regain focus after a selection is made
- Updated
role
and addedaria-modal
attributes in thePopover
andCalendarPopover
components
2.13.25
- Fixed EDL-268: Clear button does not show consistently when choosing options via mouse or keyboard arrows in Auto Suggest Show All Terms variation
2.13.24
- Removed unused pseudo-class styles for the Pagination component ellipsis
- Fixed Payments Card Number Input in IE11 where field appears broken or does not show at all
- Fixed Unified Payments’ Expiration and CVV field widths that should follow a 60:40 ratio
- Fixed Scroll-to-Top positioning bug in IE11 caused by unrecognized
main
element
2.13.23
- Fixed EDL-245: Date Range does not clear properly when values are changed
- Fixed EDL-248: Tables with additional checkboxes do not work correctly
- Fixed EDL-253: Keyboard does not show on iOS devices when interacting with the Spreadsheet Table
- Fixed EDL-256: Modal
.spark-modal__dismiss
class does not dismiss the Modal as expected - Fixed EDL-257: Number Selector value rounding is inconsistent
- Fixed EDL-249:
onChange
callback is not fired when interacting with Toggle Switches via mouse - Removed
.focus
class styling from the.spark-auto-suggest
element as it is never applied - Fixed faulty Auto Suggest - Auxiliary Information example caused by double quotes
- Updated the Disabled Auto Suggest example to include a
disabled
attribute on the Clear button - Added visual regression tests for the Panel Menu
- Fixed back icon alignment issue in four level Panel Menu
2.13.22
- Adjusted CSS
rotate
transforms in the following components to resolve a Firefox rendering bug:- Accordion
- Expand-Collapse
- Panel Menu
- Summary Bar
- Removed antialiasing in the
_icon.scss
placeholder that affects the Chevron icon in the following components:- Expand-Collapse
- Panel Menu
- Summary Bar
- Removed
align-items
declaration with incorrect value in Messages component
2.13.21
- Removed errant CSS class in Image Panel example
- Added missing
spark-panel
classes to Modal with Expand-Collapse example - Added missing
ARIA
attributes to Modal with Expand-Collapse example - Removed unused
spark-serif
class - Added new icons:
- Text Large
- Text Small
2.13.20
- Added new icon: Spray Bottle
2.13.19
- Fixed EDL-251: Select Input arrow size is incorrect, and position varies between empty and filled states
- Added
href
attributes to the Footer social media links in order to be able to tab to them using the keyboard
2.13.18
- Fixed IE bug (10, 11, Edge) where
input
event is not fired by replacing it withchange
event that works across all Spark-supported browsers - Updated unit tests for the Select Input component
2.13.17
- Fixed EDL-235: Added styles to Text Input and Auto Suggest for disabled inputs with values and border hover states
2.13.16
- Fixed EDL-242: Badges with Popovers do not show the Popover when the Enter key is pressed while focused on the Badge
- Fixed EDL-244: Toolbar touch event is causing memory leaks
- Moved image assets to S3 and updated image URLs for components with images in their examples
- Fixed Roboto Mono font names to resolve issue with displaying different weights
- Updated Roboto Condensed to v2.138 to fix Chrome font weight rendering bug
- Added new icons:
- Lightning Bolt
- Credit Card Hand
- Removed broken
text-shadow
styling on Text Input Character Count label - Added
opacity
transition to Text Input Character Count
2.13.15
- Added new icons:
- Box-package
- Circles-connected
- Congruent-cubes
- Monitor-binary
- Toy-building-block
2.13.14
- Fixed EDL-117: Header overflow items change positions when selected
- Fixed EDL-239: Tabs with Icons lose left-padding when in RTL mode
- Added new icons:
- Document Cog
- Bookmark Star
- Education Cap
- Flickr
- Rate Loading
- Message Chat
- Boarding Pass
- Updated the Instagram icon to reflect changes to the brand icon
2.13.13
- Fixed EDL-221: Page content is reachable via Tab key when Header Hamburger menu is open on smaller screens
- Fixed EDL-226: Unable to click on either date or year using a Date Input with Typeahead while using Safari Browsers
- Fixed EDL-235: Added styles to Text Input and Auto Suggest for disabled inputs with values and border hover states
- Cleaned up references to visual regression testing in README files
- Removed old Nexus registries from
.npmrc
file - Updated visual regression tests so they no longer give false positives
2.13.12
- Fixed EDL-232: Calling
update
on Step Indicator returns incorrect step count
2.13.11
- Fixed EDL-230: Date Select placeholder text overlaps option in Windows when using arrow keys (Chrome) or mouse (Edge) to make selection
- Updated backstop html reports to show only error reports if there are any
2.13.10
- Added
aria-label
attributes to the Tab component’s scroll buttons
2.13.9
- Fixed EDL-229: Missing focus state for active Tabs
2.13.8
- Fixed EDL-211: Tooltip flickers if mouse is moved to the top of the icon button for Tooltips placed at the top
- Fixed EDL-223: Extra border around unified payments warning message
- Fixed EDL-228: Messaging Mixin API missing
setInfo()
&clearInfo()
methods
2.13.7
- Fixed EDL-219: Toolbar will not close in iOS Chrome
- Fixed EDL-214: Popover does not close when clicking outside on an iPad
2.13.6
- Added README.txt to the changelog folder so git will track the folder
- Fixed gulp script that was appending multiple change log items to the same line
- Fixed EDL-209: Typeahead calendar wouldn’t allow you to enter 02-29-2020
2.13.5
- Fixed EDL-205: Modal is closed due to mouseUp event outside modal after upgrading Chrome version
- Fixed EDL-213: Status message color changes on hover
2.13.4
- Added gulp script to concatenate change logs for release
- Fixed EDL-217: Hidden elements in Header placeholder menu can be reached by tabbing
- Updated EDL package release documentation
- Fixed EDL-215: Chrome Mobile closes toolbar panel when keyboard opens.
2.13.3
- Fixed EDL-208: Filter expand/collapse panels cannot collapse at XS size
- Fixed errant SCSS in Payments component
- Updated Payments CVV instantiation script for consistency with other examples
- Fixed EDL-206: Linear-gradients on Table Drawers display incorrectly
- Fixed EDL-216: Bottom corners of Select Input status messages aren’t rounded
- Updated: Autoprefixer now uses .browserslistrc as passing browser list as options was being deprecated
- Added NPM postversion script to automatically add banner to CHANGELOG.md
2.13.2
- Fixed EDL-197: Added error messaging to the auto-suggest component
- Fixed EDL-203: Select options change color with state on Window
- Fixed EDL-199: Added
onClick
callback configuration param to Toolbar component - Fixed EDL-204: Accordion scss code breaking builds
2.13.1
- Added Hotel amenity icons:
- Hotel A/C
- Hotel Bathtub
- Hotel Couch
- Hotel Fireplace
- Hotel Iron
- Hotel Kitchen
- Hotel Laundry
- Hotel Microwave
- Hotel Refrigerator
2.13.0
- Updated Footer component examples with
aria
andhref
attributes - Added Accordion component and examples
2.12.3
- Fixed EDL-200: Expand/Collapse components nested within another Expand/Collapse component do not toggle correctly
2.12.2
- Added new and updated icons:
- Gift Card
- Piggy Bank
- Users Global
- Added RTL support for the following components, including adding HTML examples:
- Checkboxes
- Multi-Select
- Radio Buttons
- Select Input
2.12.1
- Added new icons: Airplane Swap and Arrow Right Angle
- Moved passive events helper from
polyfill
toutil
directory - Added unit test for passive events helper
- Adjusted passive events checker in Tabs component
- Added passive events support to Carousel component’s
touchstart
andtouchmove
events - Fixed EDL-159: Fixed Panel doesn’t re-engage
2.12.0
- Decreased the number of
!important
statements across Payments styles - Removed unnecessary
spark-input__addon
class from Card Number Input example - Added
disableCardDefaults
configuration option to Payments Card Number Inputs, allowing devs to disable recognition of default card types not applicable to their application - Updated Payments input types from
phone
totel
to properly raise numeric keyboards on touch devices - Added right-to-left support for the Tabs component
- Added a polyfill for passive events
- Added new Link component variation:
- Added new HTML example and updated existing example to reflect links with underline, and those without
- Added new Backstop regression tests for Links with underlines
- Fixed Autoprefixer’s console warnings on transition-property and transition-*
2.11.1
- Fixed Text Input with Icon example:
- Added missing class to the HTML example
- Resolved issue with display of long labels that overlaps the icon
- Added new and updated icons:
- Suitcase
- Service Bell
- Key
- Hotel Key Card
- Car Rental
- Updated SCSS
$body__font-family
&$heading__font-family
typography variables to include!default
- Fixed Toggles to match heights between enabled & disabled states
2.11.0
- Added New Payments components and examples
- Card Number Input
- Card Expiration Input
- Card Security Code Input
- Card Set
- Unified Credit Card Input
- Added a new icon: Education
- Fixed EDL-185: Navigating between the Header’s sub-menu items does not toggle top level states correctly
- Fixed EDL-189: Corner pocket is not visible on the Header - No Logo variation on IE11 at smaller screen sizes
2.10.8
- Updated visual regression tests for KPI and nested expand / collapse
- Fixed scenario where TypeAhead component would inject
undefined
as text into the placeholder - Removed duplicate visual regression test for the Typeahead component
- Fixed EDL-183: menu reflow after update method called.
- Fixed EDL-181: Icons in Header secondary menu are incorrectly sized
2.10.7
- Fixed IE number selector isInteger issue
- Added isInteger javascript helper class
- Fixed EDL-184: mobile menu doesn’t close after update method call
- Fixed EDL-187: Carousel controls are not aligned correctly
- Updated Media playback and Chevron icons to resolve alignment issue
- Fixed EDL-161: Allow floats as values for the Slider and Range Slider components
- Added a Modulo Math helper class
- Fixed the Condensed Step Indicator’s check icon size and style
- Added
onBeforeOpen
,onAfterOpen
,onBeforeClose
,onAfterClose
callbacks to the Modal component - Added unit test to Modal component to test callbacks
- Fixed EDL-177: Typeahead displays odd line when focused and a message (error, warning, success) is shown
- Added a new icon: store
2.10.6
- Fixed EDL-176: Carets on nested Expand/Collapse components do not toggle properly
- Fixed EDL-157: Select border color is incorrect on hover when a message (error, success, warning) is visible
- Fixed Typeahead bug in IE where an infinite loop was caused on blur of an empty field
- Added a new icon: cog-check
- Fixed EDL-175: Auto Suggest displays suggestions on load when an initial value is set on the field
2.10.5
- Updated Text Button and Messaging (Warning and Success) colors to pass Accessibility contrast tests
- Updated the Integrated Slider handle styling to reflect Color updates
- Updated
hover
,focus
andactive
states for the selected day within a Calendar - Fix Pagination component
hover
state - Added BackstopJS visual regression tests for the following components:
- Pagination
- Updated Header examples to remove unneeded Expand/Collapse scripts
- Fixed display/alignment of Checkboxes within the Table component
- Fix the focus state for small Checkboxes and Radio Buttons
2.10.4
- Updated
misMatchThreshold
for existing regression tests - Added
partial
andscrollTo
properties to browserHelper for BackstopJS tests - Added
mouseHelper
to show mouse position in visual regression screen shots for debugging BackstopJS tests - Added
selectSelector
andselectValues
to browserHelper for BackstopJS tests - Added BackstopJS visual regression tests for the following components:
- Auto Suggest
- Date Input
- Header
- KPI
- Modals
- Number Selector
- Panels (including Fixed Panel)
- Popovers
- Progress Indicators
- Select Lists
- Sliders
- Step Indicator
- Tabs
- Tables
- Text Input
- Toast Notifications
- Toggles & Switches
- Toolbars
- Transaction Summary Bar
- Added a new icon: Duplicate
- Refreshed existing icons:
- alert-triangle
- check
- check-circle
- info-circle
- Updated Release Checklist with steps to completed as part of releasing Spark
2.10.3
- Fixed Header Sign-In link font-weight
- Updated primary EDL template to take a template class variable
- Added BackstopJS visual regression tests for the following components:
- Avatars
- Buttons
- Badges
- Carousels
- Checkboxes
- Expand/Collapse
- Filters
- Footer
- Links
- Messages
- Radio Buttons
- Tooltips
- Fixed Avatar hover border color
- Updated focus states for the following components:
- Avatars
- Badges
- Calendar Popover (Navigation arrows)
- Date Input (Calendar Icon)
- Scroll to Top
- Step Indicator
2.10.2
- Updated the EDL dev template with a regression testing attribute for usage as a selector
- Removed deprecated class from EDL dev template and replaced with newer version
- Added the following new icons to the Spark font
- users-swap
- sign-in-clock
- hotel-check
- document-share
2.10.1
- Added visual regression tool; view the readme located in
html/visual-tests
for more information
2.10.0
- Added new Transaction Summary Bar component and examples
- Fixed Image Card color and shadow that overlaps the text and button
- Added ability to re-parse focusable elements in the Popover and Modal components for tabbing
- Fixed Spark CLI Tool
- Added new KPI Bar component and examples
- Fixed outerWidth helper class
- Added neutral light badge state
2.9.4
- Added ARIA attributes to HTML examples
- Updated npm packages
- Fixed EDL-151: Nested Expand / Collapse
- Fixed EDL-149: Fixed Panel not unlocking on resize
- Fixed broken image URLs and added the missing images
2.9.3
- Fixed Typeahead formatting when autofill is used to set a value
- Fixed bug in IE where
null
shows up in AutoSuggest terms list
2.9.2
- Updated changelog
2.9.1
- Fixed errant npm publish
2.9.0
- Added Email Alert and Fax icons
- Added Fixed Panel variation of Panel component
2.8.2
- Fixed the selected state color for the Step Indicator component
- Fixed bug with copy + paste into a Typeahead component
- Added new Archive icon
- Fixed Changelog
2.8.1
- Fixed Changelog
- Fix Number Selector text color
2.8.0
- Fix button sizes for sm and md variations
- Added Date Selection accessibility enhancements
- Update Footer icon colors to meet contrast ratios
- Added callback for selection of a suggestion via mouse click for Auto Suggest
- Added deprecation notice and change defaults to null for Auto Suggest
- Added storage of a selected item’s array index in the Auto Suggest component
- Fixed the border color for <td>s used in the Table header
2.7.0
- Added Table Drawer variation of Table component
- Updated eslint rules
2.6.3
- Rebuild icon fonts
2.6.2
- Fixed icon classes
- Fixed Toast bug where a double click would cause incorrect positioning of Toast Notification
- Fixed Table horizontal scroll bug
- Update release documentation
- Fix Select Input line-height to prevent descender cut-off
- Fixed zoom bug on Header logo element
- Fixed Safari bug found on Tables with Edit Row functionality
- Update Focus and Hover states for some components e.g. Buttons, Sliders, Toggles and Links
2.6.1
- Added fix for a box-shadow bug on the Number Selector component
- Added fix for disabled button border styling
- Added fix for attaching caret to DOM on Tooltip component
- Added new icons for video playback, pacifier, employer badge, electrical plug and bassinet
2.6.0
- Added new Auto Suggest component
- Fixed bug on buttons that results in a space between borders when zoomed in
- Added new weather icon
- Added accessibility updates and recommendations to the Table component
2.5.0
- Added new icons
- Fixed bug related to tabbing in Table component (EDL-109)
- Added Condensed Toggle component
- Added Toast Notifications component and examples
2.4.6
- Update Release documentation
- Added new restroom icon
- Dev change: adjusted gulp server settings for testing adding live reload and host settings.
- Fixed Sass deprecation call method warnings
2.4.5
- Add styling for Skip Navigation link
- Add check to determine if element exists prior to calling setTimeout on Header, Carousel and Toolbar
2.4.4
- Fix Number Selector bug in IE11 where disabled buttons are clickable
- Addition of new icons
- Fix Filter View More/Less buttons when fewer modules are available
- Accessibility enhancements to Popover including keyboard accessibility
- Fix Slider bug when browser is resized
2.4.3
- Added error state animation for Date Input component
- Updated Dropdown Step Indicator with accessibility enhancements and allowing customization of label
- Added accessibility fixes to Step Indicator component
2.4.2
- Added Aria roles and attributes to panel menus and added js-driven toggling of states
- Fixed position of pagination dropdown caret
- Fixed calendar icon size
- Fixed position of View Less caret in Filter component
- Fixed aria-role in Toolbar component
2.4.1
- Fixed Date Input component end-of-month bug when using DD-MM-YYYY format
- Fixed Select Input component line-height when at XL screen size
- Enhanced Switch component to allow callback when toggled via Spacebar key
2.4.0
- Fixed changelog
- Merged visual regression tests from existing components
- Fixed documentation in Text Input component
- Added deprecation notices in Header component CSS
- Removed dimming effect on some parts of the Header component
- Removed unnecessary Logout button from Header component examples
- Added Avatar component as well as regression tests
- Added Badge component variations as well as regression tests
2.3.7
- Update Date Input component and examples with Accessibility enhancements
- Update Icon Button and Tooltip examples with Accessibility fixes
- Add unit test fix for Select ARIA labels, and cleanup typeahead script
- Adjust tooltip text formatting on Tooltip and Step Indicator components
- Add fix to display Tooltip on focus
2.3.6
- Fix line-height issue on Spark Text Input when it is inside a Toolbar
- Update Tabs component with accessibility enhancements
- Add checker to Calendar Popover component’s
remove()
function to prevent removal if popover doesn’t exist - Fix IE onInput bug in Typeahead component that causes browser to crash
- Fix Typeahead input styling when a user focuses and blurs without entering content
- Fix handling of floating point numbers in Number Selector component, and add additional unit tests
2.3.5
- Fix radio button checked state in Windows High Contrast Mode
- Update Scroll to top component with accessibility enhancements
- Update Expand/Collapse and Panel components with accessibility enhancements
- Update pagination examples with ARIA attributes for improved accessibility
- Adjust panel heading padding to correct panel header height
- Add fix for numeric numpad keys being ignored on IE
2.3.4
- Fix bug where file upload inputs were being ignored when inside a table
- Update table sort hover styling
- Add new icons to library
- Update typography (modular scale, fonts, line-heights) with new brand standards
- Remove strikethrough styling for disabled links
- Add fix for
activeElement
error thrown in typeahead unit tests - Add accessibility enhancements to the modal component
2.3.3
- Add accessible text for logo images on the Sign In and Splash Screen examples
- Fix
border-color
on secondary buttons at sm and xs sizes - Fix
border-radius
when number selector has a state/message - Update CSS for radio button, checkbox and text-input disabled states
- Fix CSS when Spark text inputs are used inside a table container e.g. inside a panel that lives in a table
- Fix bug where presence of other checkboxes in table e.g. ToggleSwitch conflicts with row selection checkbox
2.3.2
- Added new icons
2.3.1
- Moved node-sass to devDependencies
- Update page template headers with accessibility fixes
- Fix Range Slider to prevent
min="0"
being set to null in input field - Accessibility fixes for Header component, including keyboard navigation, focus states, accessible text and attributes
- Fix calendar hover state
- Update color variables for messages, menus and tables
2.3.0
- Add initial Badges component used in Code Pending pages
- Fixed Secondary button focus background color
- Added new icons for tags and weather
- Removed FilterModule from the Spark namespace
- Added DateHelper to Spark namespace to help with dynamic date creation for the CalendarPopover
- Added new quickJumpRange parameter to CalendarPopover
- Fix changelog
2.2.0
- Add new Filter component with associated templates and tests
- Fix toolbar title and JS console errors
- Fix text input and textarea initialization when there is default text
- Fixed date calculation for end of month calculations when navigating previous months
2.1.8
- Added new icons
2.1.7
- Added new icons
- Fix invisible text input border on IE
- Fix navigation via calendar disabled days
- Fix flickering bug on Table component
- Add
:focus
state to footer links
2.1.6
- Updated Select Dropdown Date Selector example’s
min
andmax
dates - Added new Airplanes icon
- Fixed Select Dropdown Date Selector min and max settings
2.1.5
- Fix disabled number selector input color
- Add small radio button variation
- Add new line and fill icons
- Fix active state of Icon Button with fill icon and add tooltips to the buttons
2.1.4
- Fix alignment of Progress Indicator list
- Fix disabled text input label
- Adjust input field label green color hex for accessibility
- Fix calendar issue revolving around end of month calculations and navigating to previous and next months
- Correct Toggles component’s
border-radius
- Add disabled number selector variation
2.1.3
- Add 8 new icons to icon font
- Fix calendar styling for selected current day and alignment of days of week
2.1.2
- Re-adjust padding around step indicator in form templates
- Fix position of checkbox in small variant
2.1.1
- Replace carousel images for the light theme hero carousel example
- Adjust padding around step indicator in form templates
- Center Step Indicator label and sub-label for long labels
- Fix horizontal scroll caused by modal close button especially on smaller screens
- Fix Step Indicator dropdown position in Chrome
- Add 5 new icons to icon font
- Fix select height across browsers
- Fix IE11 JS error in typeahead
- Fix wrong highlight of
today
at end or each month - Fix multi-select error example top margin
- Fix IE text-input border missing
2.1.0
- Added form page templates
- Fix spacing in/around checkboxes and radio buttons caused by
display: inline-block
- Add a visual regression test suite
- Add support for dynamic form element error state example
- Fix extra modal scroll when transition
- Add large font variation for condensed table
- Fix JQuery library file not work
- Fix checkbox in condensed table not centered
- Add top-bottom margin in condensed table
- Fix header link font-size from 16px to 13px
2.0.9
- Adjust popover example positions
- Fix hover color for secondary slider
- Fix multi-select checkbox layout
- Adjust text input example copy
- Fix slider incorrect hover & focus state
2.0.8
- Fix bug to include CSS in out put component examples for website.
2.0.7
- Fix bug with placeholder mixin that prevents the autoprefixer from running on the docs site
2.0.6
- Fix popover and calendar positioning bugs introduced in v2.0.0
- Fix bug with typeahead placeholder styling
- Fix bug with Firefox highlighting required fields in red
2.0.5
- Added ability to have full-width buttons
- Fixed button jumpiness when :focus state is active
- Update changelog for v2.0.0 to be more accurate
- Fix button focus state padding
- Fix spacing in/around checkboxes and radio buttons caused by
display: inline-block
2.0.4
- Fixed ignored
js/dist
files which was breaking imports
2.0.3
- Removed
.npmrc
registry file
2.0.2
- Fixed broken step indicator condensed tooltip.
2.0.1
- Removed
publishConfig
frompackage.json
as it is no longer needed
2.0.0
- Moved JS components to ES6 with Babel.
- ES6 files live in the
js/src
directory - Compiled ES5 JS lives in the
js/dist
directory import Spark from 'sabre-spark';
no longer works- Use
import { TextInput } from 'sabre-spark';
orimport { * as Spark } from
sabre-spark;
instead
- Use
- ES6 files live in the
- Changed build process to use Gulp.
- Componentized JS and reduce (greatly) what the “Base” component does.
- Switched to Nunjucks for HTML templating to allow for future use of templates inside of components.
- Moved examples to
html
directory
- Moved examples to
- Renamed SCSS components and common file to be exported by SCSS.
- Updated and renamed component export tool.
- Moved from jslint to eshint.
- Changed how fonts are loaded so that only those that are used in CSS defs are included.
- Removed the following deprecated components and features:
.spark-caption
.spark-modal__nav
.spark-btn--alt
.spark-link--secondary
.spark-header__login
.spark-number-picker
(renamed to.spark-number-selector
)$prefix
SASS variable_roboto-condensed.scss
,_roboto-mono.scss
,_roboto-slab.scss
and_roboto.scss
font files.spark-center-text
(duplicate of.spark-text-center
).spark-remove-padding-*
.spark-spacer
helpers/_hidden.scss
(content moved to_display.scss
)
- Update grid system to use latest Bootstrap v4-alpha3 grid.
- Removed
.col-*-push
,.col-*-offset
and.col-*-pull
in favor of.push-*
,.offset-*
and.pull-*
. - Removed
.col-*-top/bottom/left/right
for.flex-*-top/bottom/left/right
. - Removed
.col-*-first/last/justify/etc.
for.flex-*-first/last/justify/etc.
.
- Removed
- Renamed
.spark-select--multiple
to.spark-multi-select
. - Merged
.spark-multiselect
with.spark-multi-select
so they are mostly the same. - Added
MultiSelectInput
JS component - Added
enable
,disable
,getValue
,setValue
andclearValue
methods to all form fields. - Added
onChange
callback to all form fields. Additional focus and blur callbacks to appropriate form fields. - Changed argument order for the DateInput
onChange
event to bring parity to all form input callbacks. - Added
spark.jquery.js
.- Removed jQuery plugins from the normal
spark.js
file and moved them here
- Removed jQuery plugins from the normal
- Added
update
method to each component so its values can be reparsed and its backing element changed. - Added messaging styles and JS methods to all form inputs.
- Add a disabled state to the toolbar
- Updated Spark Font Icon to v0.4.0
- Deprecated the following:
.spark-margin-*
and.spark-padding-*
.spark-remove-padding
- Added breakpoint-specific margin and padding classes.
- Add more robust positioning logic to the Popover.
- It now tries harder to keep a Popover visible.
- Add Tooltip JS component to do dynamic tooltip positioning just like the Popover.
- Adds fade animation to tooltips.
- Add an additional left-align style for step indicator
- Fixed extra spacing issue underneath toggles caused by inline-block
- Integrated
sabre-spark-extras
into the repo. Icon fonts now live in theicons
directory.
1.9.5
- Add disabled state and method for number selector
- Fixed bug with mobile header not initializing
1.9.4
- Add option to the date-input to allow for the date to display as text when the input loses focus
- Enhancement: Will focus on first input when expand
- Enhancement: add onChange callback for slider and range slider
- Enhancement: Add onFocus and onBlur callback for input
- Fixed Calendar styling in IE10
- Fixed issue where switching tabs caused the page to jump around
- Fixed email example to use messaging.
- Fixed calendar dismatch of timezone change
- Add label for number selector
1.9.3
- Fixed step indicator break the default event
- Fix broken Calendar examples
1.9.2
- Fixed Header initialization process to not break when resources are hung up
- Fixed checkbox input styling so that the input itself will receive click events.
- Added
change
events to table checkboxes when their state is affected by JS.
1.9.1
- Updated quality of all examples images to reduce library file size
1.9.0
- Add Carousel
- Updated Calendar, Date Input, Date Select, Date Typeahead, Header, Popover and Typeahead to take config parameters multiple ways
- Added a set of helper methods for parsing config values from attributes
1.9.3
- Fix broken Calendar examples
- Add option to the date-input to allow for the date to display as text when the input loses focus
1.9.2
- Fixed Header initialization process to not break when resources are hung up
- Fixed checkbox input styling so that the input itself will receive click events.
- Added
change
events to table checkboxes when their state is affected by JS.
1.9.1
- Updated quality of all examples images to reduce library file size
1.9.0
- Add Carousel
1.8.2
- Fixed text input messaging with no value
- Fixed text Input validation - don’t clear on blur
- Rework text-input validation
- Fixed Calendar Popover not calling the onChange callback.
- Fixed typeahead so it hides itself if there are only placeholder characters when the input loses focus.
- Fixed modal not being centered by default.
- Fixed bug with button type sizing at the XL breakpoint.
- Remove a bunch of unnecessary stopPropagation calls.
- Fixed broken Sign In page example.
1.8.1
- Fixed Edge-case issues on step-indicator
1.8.0
- Added Step Indicator
1.7.4
- Fixed green shadow incorrectly displayed on
spark-btn--negative
- Fixed font-size of
number-selector
- Fixed colors of label of
spark-checkbox
- Fixed problem with
calendar-popover
input jumping around during focus due to flexbox. - Fixed color of today’s date in
calendar-popover
- Fixed margin of
spark-slider--input
- Added labels to
Slider
inputs
1.7.3
- Fixed
calendar-popover
import typo
1.7.2
- Updated import statement for spark icons from
sabre-spark-extras
, compatible with npm3
1.7.1
- Updated Spark Font Icon to v0.3.0
- Fixed onChange function not being called for calendar
1.7.0
- Added
View More
button via.spark-btn--view-more
1.6.3
- Fix AMD loading bug with date-select
1.6.2
- Fixed bug with modal scrolling
- Add variables to path to images and icon fonts
- Fix Scroll To Top bug where its cached position is incorrect after changes to the content
1.6.1
- Fixed
ToggleSwitch
import typo
1.6.0
- Add Pagination
- Add Scroll To Top
- Fix display bug in Progress banner
- Add new
spark.visible-children
event, used to inform components to recalculate their Styles spark.visible-children
supported in Expand/Collapse, Popovers, Tabs, Toolbar, Date-Input, and Range-Slider.- Examples updated for new ui component pages
- Fix eventing bug in Tabs
- Remove extra margin-bottom from
spark-select-group
1.5.2
- Updated font weight of sign-in link in header
- Added ToggleSwitch object for
spark-toggle-switch
to enable keyboard control with arrow keys - Add class to body when fixed header has condensed.
1.5.1
- Table, tabs and toolbar bugfixes
- Update icon set
- Fix bug w/ table messaging not working in IE
1.5.0
- Added advanced table functionality like editable fields, resizable columns, messaging and disabled states, and expandable rows.
- Added nested menu lists with
spark-menu__list-next
- Added “in-page” menu treatment with
spark-menu__list-link--in-page
- Add advanced table functionality like editable fields, resizable columns, messaging and disabled states, and expandable rows.
- Fix text color in warning messages for inputs.
- Add hover state for text inputs.
- Change icon button treatment.
- Updated
RELEASE-CHECKLIST.md
- Allow accordion expand/collapse panels to be focused and opened/closed with a keyboard
- Adjust table navigation styling to work properly with Toolbar
- Added Toolbar with icon mode and resizing functionality
1.4.2
- Fix bug with calendar showing “today” in the following month as well.
1.4.1
- Fix bug with typeahead on Android
- Remove
min
andmax
on date range example
1.4.0
- Added
spark-multiselect
with two versions - using native select[multiple] element, and usingspark-checkbox
for additional styling options - Added
spark-calendar
, as well as improvedspark-typeahead
to work better with dates - Updated icons for info and warning messages
- Added mixin for loading fonts
- Fix bug with too liberally styling splash page panel content.
- Fix dynamic height text input not sizing when initialized hidden
- Fix bug with slider not having a visible value when initialized while hidden
- Updated to version v0.1.0 Spark Icons
- Fix bug with links having an explicit font-size and line-height
- Updated styling of
hr
to be a solid color instead of gradient
1.3.0
- Updated
body
styles to react better with sticky footers utilizing flexbox. - Updated footer to have a sticky behavior with helper classes (
spark-main--sticky-footer
,spark-content__wrapper--sticky-footer
, &spark-content--sticky-footer
) - Moved
.spark-modal__nav
to.spark-btn-group
- Deprecated
.spark-modal__nav
and.spark-modal__nav-secondary
- Updated text input field to have a color
- Added
make-media-queries
mixin - Updated colors to match PSD’s. Changed most instances of #767676 to #555555
- Updated to version v0.0.9 Spark Icons
- Fixed
spark-small
styling to be different thanspark-caption
- Deprecated
.spark-btn--alt
1.2.3
- Update header and menu components to fix various IE bugs. All having to do w/ spotty flexbox implementation.
- Add styles and an example for a mobile menu header using text instead of an image.
- Set a font size and center Menu Titles
- Updated heading animation to not have swinging animation
- Add a call to action button option for header menu lists
- Adjusted link colors
1.2.2
- Fix Modals so they work with or without an associated button.
- Remove Twitter Bootstrap dependency until v4 is released on NPM.
1.2.1
- Added
.spark-header--no-logo
- Fixed transition delay of fixed header
- Add support for a select input with the
[multiple]
attribute - Updated with latest bootstrap-grid flex attributes
- Added
Modal
,NumberPicker
,NumberSelector
,animateHeight
,andouterHeight
to module exports. - Update font sizes to match the documentation.
1.2.0
- Add example and corresponding styles for a sign in screen
- Add Select Groups to allow for multiple select inputs to sit together in a horizontal group
- Deprecated
.spark-header__login
- Added
.spark-header__sign-in
- Added
shopping-cart
icon - Fixed a bug where not all
spark-icon-*
classes were being included in scss and css files
1.1.2
- Fix bug with Select Input jumping 1px when gaining/losing focus
- Add ability to have a fixed header
- Updated years in
spark-footer
1.1.1
- Add webpack imports loader as a dependency so that webpack users can include these modules and ignore the AMD definitions (with a config outlined in README.md)
- Fix bug with the header’s “more” button showing nested lists accidentally
- Fix bug with the header’s hamburger button being too narrow
- Add focus state to checkboxes and radio buttons
1.1.0
- Add modals
- Deprecated
.spark-link--secondary
- Replace all instances of
.#{$prefix}
with.spark
so we can properly parse the source with SASSDoc. - Deprecate
$prefix
variable. - Add annotated SCSS code into
docs
. - Add number selector component
1.0.16
- Fix dependency management so that RequireJS can load other components from the same package.
1.0.15
- Fix several grid bugs in IE
- Adjust build process to include banner on built files. Stop minifying JS source files copied to dist.
- Move example HTML into this library and add a new dev process
- Fix small checkbox alignment bugs
- Update Twitter Bootstrap dependency path
- Move theme variables into the common config
- Fix dropdown menu widths
- Remove some legacy Ruby cruft
- Add version banner to built files
1.0.14
- Added
log-in
,log-out
, andrefresh
icons to the spark icon set.
1.0.13
- Fixed Header Bug with IE/FF
- Added some padding to popover titles which follow a close button.
1.0.12
- Update secondary button colors to be more actionable
- Corrected color of
h1-h4
headings from#555555
to#4A5767
- Update menu and header styles.
- Header bugfixes.
- Add animations to expand/collapse, menus, header.
- Add an outside border to tables to match comps.
- Added initial Splash Screen pattern
1.0.11
- Add margin to the bottom of select input to match text input
- Add command-line tool for generating custom spark SCSS and CSS builds.
- Removed extra grid class which wasn’t being used properly
- Fixed location of grid variables
- Moved
sabre-spark-extras
from dev-dependency to dependency - Update Header and Tabs
update
methods to properly reevaluate sizing
1.0.10
- Fix bad font linkage
- Bugfixes
1.0.9
- Add CHANGELOG.md
- Add update method for header and tabs to allow for recaching elements if the DOM changes
- Rework jQuery caching to use
$(...).data()
instead of an internal cache object - Add CommonJS export index and package.json
main
value.
1.0.8
- Skipped
1.0.7
- Skipped
1.0.6
- Add “remove/destroy” methods to all JS helpers to allow for garbage collection
- Change slider text inputs to use “change” not “input” event so validation isn’t run on every keypress. This was stopping users from typing in numbers that were seemingly out of range or didn’t conform to the “step” value.
- Adjust the header icon position
- Update animation on progress indicators
- Add more HTML examples to SCSS components
- Add more examples to JS components
- Remove Sassline and simplify associated mixins
- Integrate icons from external library
- Adjust tab content styling to have border
- Add clearfix helper class
1.0.5
- Add more unit tests for JS
- Adjust tabs styling so tabs don’t fill all space
- Set a fixed width on progress indicator so it overflows instead of squishing
- Bugfixes
1.0.4
- Bugfixes
- Adjust weight on text buttons
1.0.3
- Skipped
1.0.2
- Grunt updates related to copying font files
- Build library before a commit
- Don’t lint docs files
- Remove SASSdoc content for now
- Add more README.md content
1.0.1
- Add JS tests
- Transition JS components to use class names instead of attributes
- Selected icons in tabs/toggles now invert
- Adjusted icon sizing to be more consistent
1.0.0
Initial release. Components included:
- Expand & Collapse
- Footer
- Responsive Grid
- Header
- Menu
- Panels
- Table
- Tabs
- Checkboxes
- Radio Buttons
- Select Input
- Sliders
- Text Input
- Toggles & Switches
- Messages
- Popovers
- Tooltips
- Progress Indicators
- Buttons
- Links