just-add-juice/CHANGELOG.md

A responsive frontend framework with modular components.

# Roadmap

### New
- Add lightbox component
- Add notification component
- Add off canvas navigation component
- Add tabs component

### Update
- Update form elements
    - Add custom date picker inputs
    - Add custom select
- Update table element
    - Add table--hover modifiers
    - Add tfoot styling

-----

### Updated
- Updated form input element
    - Updated input checkbox/radio padding
- Updated gulpfile
    - Added juice.js to resource scripts
- Updated build directory

### Fixed
- Fixed card component
    - Fixed card media border radius property values from custom properties to sass variables
- Fixed helpers
    - Updated has-top-element-spacing to has-default-top-element-spacing
    - Fixed has-no-top-element-spacing margins
    - Fixed has-default-top-element-spacing


-----

### Updated
- Updated build directory

### Fixed
- Fixed alert component
    - Added align items center to alert overlay for IE
- Fixed confirm component
    - Added align items center to confirm overlay for IE
- Fixed modal component
    - Added align items center to modal overlay for IE
- Fixed prompt component
    - Added align items center to prompt overlay for IE
- Fixed notice component
    - Updated notice__text width overflowing in IE
- Fixed fieldset component
    - Updated custom-fieldset__spotlight width overflowing in IE


-----


# v0.27.1-beta

### Updated
- Updated framework reset
    - Added border properties to global selector
- Updated gulpfile
    - Updated resource scripts with explicit ordering
- Updated build directory

### Fixed
- Fixed dropdown component
    - Added left properties to fix alignment issues in IE


-----


# v0.27.0-beta

### Updated
- Updated file and directory structure
    - Added utilities directory
    - Added functions, mixins and shortcodes to utilities (previously initialize)


-----


# v0.26.0-beta

### New
- Added script polyfills
    - Added Array.prototype.includes
    - Added Element.prototype.append
    - Added Element.prototype.classList
    - Added Element.prototype.closest
    - Added Element.prototype.dataset
    - Added Element.prototype.matches
    - Added Element.prototype.remove
    - Added NodeList.prototype.forEach
    - Added Object.assign
    - Added String.prototype.includes
    - Added String.prototype.startsWith

### Update
- Updated modal component
    - Removed color option (use classes in modal card markup)
    - Removed feedback option (use classes in modal card markup)
    - Removed size option (use classes in modal card markup)
- Updated file and directory structure
    - Added initialize directory
    - Added function directory to initialize directory
        - Added maps.scss file to function directory
        - Added shopify.scss file to function directory
        - Removed functions.scss from utilities directory
    - Added mixins directory to initialize directory
        - Added content.scss file to mixins directory
        - Added non-content.scss file to mixins directory
        - Removed mixins.scss from utilities directory
    - Added maps directory to initialize directory
        - Added base-colors.scss file to maps directory
        - Added breakpoints.scss file to maps directory
        - Added color-variations.scss file to maps directory
        - Added easings.scss file to maps directory
        - Added feedback-colors.scss file to maps directory
        - Added font-colors.scss file to maps directory
        - Added list-style-types.scss file to maps directory
        - Added sizes.scss file to maps directory
        - Added stack-indexes.scss file to maps directory
        - Removed maps.scss from /variables/sass
    - Added shortcodes directory to initialize directory
        - Added buttons.scss file to shortcodes directory
        - Added custom-fieldset-elements.scss file to shortcodes directory
        - Added headings.scss file to shortcodes directory
        - Removed shortcodes.scss from /variables/sass
    - Added palettes directory to initialize directory
        - Added base-color.scss file to palettes directory
        - Added feedback-color.scss file to palettes directory
        - Added font-color.scss file to palettes directory
    - Added variables directory
        - Added animation SASS variables
        - Added component SASS variables
        - Added element SASS variables
        - Added framework SASS variables
        - Added global SASS variables
    - Removed utilities directory
    - Removed sass directory from variables directory
- Updated SASS settings
    - Added $button-group-fullwidth-modifier
    - Updated $*-size-modifier-breakpoints to $*-size-modifiers-with-breakpoints
    - Removed $image-size-modifiers
    - Removed $image-size-modifier-breakpoints
- Updated framework
    - Added SASS variables
    - Removed CSS custom properties
- Updated elements
    - Added SASS variables
    - Removed CSS custom properties
- Updated components
    - Added SASS variables
    - Removed CSS custom properties
- Updated animations
    - Added SASS variables
    - Removed CSS custom properties
- Updated demo pages
- Updated build directory

### Release Notes
This update reverses a previous update whereby SASS variables were converted
to CSS custom properties to lighten the file. The reason for this is more
for legacy browsers and custom theming. After use on various production sites
it was more hassle than it was worth to make it work on IE (requirement for
many clients). The other benefit is having a centralized variable
file/directory structure that is more practicle for customizing the framework.



-----


# v0.25.0-beta

### Updated
- Updated accordion component
    - Added dynamic event listeners
    - Added isTargetSelector private method
- Updated alert component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Added callbackInitializeBefore option
    - Added callbackInitializeAfter option
    - Updated clickContinueEventHandler to clickAlertContinueEventHandler
    - Removed callbackInitialize option
- Updated card component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated clickRemoveEventHandler to clickCardRemoveEventHandler
- Updated chip component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated clickRemoveEventHandler to clickChipCardRemoveEventHandler
- Updated confirm component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Added callbackInitializeBefore option
    - Added callbackInitializeAfter option
    - Updated clickCancelEventHandler to clickConfirmCancelEventHandler
    - Updated clickContinueEventHandler to clickConfirmContinueEventHandler
    - Removed callbackInitialize option
- Updated modal component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated clickCancelEventHandler to clickModalCancelEventHandler
    - Updated clickCloseEventHandler to clickModalCloseEventHandler
    - Updated clickContinueEventHandler to clickModalContinueEventHandler
    - Updated clickTriggerEventHandler to clickModalTriggerEventHandler
- Updated notice component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated clickRemoveEventHandler to clickNoticeRemoveEventHandler
- Updated panel component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated clickRemoveEventHandler to clickPanelRemoveEventHandler
    - Updated clickToggleEventHandler to clickPanelToggleEventHandler
- Updated popover component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated js-close-popover class to js-popover-close
    - Updated js-next-popover class to js-popover-next
    - Updated js-prev-popover class to js-popover-prev
    - Updated clickPrevEventListener to clickPopoverCloseEventListener
    - Updated clickNextEventListener to clickPopoverNextEventListener
    - Updated clickCloseEventListener to clickPopoverTriggerEventHandler
- Updated prompt component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Added callbackInitializeBefore option
    - Added callbackInitializeAfter option
    - Updated clickCancelEventHandler to clickConfirmCancelEventHandler
    - Updated clickContinueEventHandler to clickConfirmContinueEventHandler
    - Removed callbackInitialize option
- Updated toast component
    - Added dynamic event listeners
    - Added isTargetSelector private method
    - Updated clickActionEventListener to clickToastActionEventListener
- Updated tooltip component
    - Added isTargetSelector private method
    - Updated closeEventHandler to closeTooltipEventHandler
    - Updated openEventHandler to openTooltipEventHandler
    - Removed duration option
- Updated elements
    - Added explicit property declarations for custom property overrides (postcss-css-variables build tool module for IE fallback)
- Updated button element
    - Updated button outline pseudo styles
- Updated helpers
    - Added is-not-pulled class
    - Added explicit property declarations for custom property overrides (postcss-css-variables build tool module for IE fallback)
- Updated package
    - Added browserslist
    - Updated dependencies
        - Removed velocity-animate
    - Updated devDependencies
        - Added cssnano
        - Added gulp-postcss
        - Added postcss-css-variables
        - Added postcss-preset-env
        - Added postcss-scss
        - Added velocity-animate (originally under dependencies)
        - Removed gulp-autoprefixer (bundled with gulp-postcss)
- Updated gulpfile
    - Updated modules to reflect package.json
    - Updated css task to reflect new modules
- Updated build directory


### Fixed
- Fixed custom file plugin
    - Fixed destroy method event listener typo


-----


# v0.24.0-beta

### Updated
- Updated juice imports
- Updated button element
    - Fixed text decoration on hyperlink buttons
    - Fixed missing focus pseudo class styles to color modifiers
    - Fixed missing focus pseudo class styles to feedback modifiers
- Updated custom fieldset
    - Fixed missing button declaration to feedback modifiers
- Updated accordion component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickToggleEventHandler
        - Added event.preventDefault
- Updated alert component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickContinueEventHandler
        - Added event.preventDefault
- Updated card component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickRemoveEventHandler
        - Added event.preventDefault
- Updated chip component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickRemoveEventHandler
        - Added event.preventDefault
- Updated confirm component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickCancelEventHandler
        - Added event.preventDefault
    - Updated clickContinueEventHandler
        - Added event.preventDefault
- Updated dropdown component
    - Updated min width variable default value to 250px
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickTriggerEventHandler
        - Added event.preventDefault
- Updated modal component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickCancelEventHandler
        - Added event.preventDefault
    - Updated clickCloseEventHandler
        - Added event.preventDefault
    - Updated clickContinueEventHandler
        - Added event.preventDefault
    - Updated clickTriggerEventHandler
        - Added event.preventDefault
- Updated notice component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickRemoveEventHandler
        - Added event.preventDefault
- Updated panel component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickRemoveEventHandler
        - Added event.preventDefault
    - Updated clickToggleEventHandler
        - Added event.preventDefault
- Updated popover component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickPrevEventListener
        - Added event.preventDefault
    - Updated clickNextEventListener
        - Added event.preventDefault
    - Updated clickCloseEventListener
        - Added event.preventDefault
    - Updated clickTriggerEventHandler
        - Added event.preventDefault
- Updated prompt component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickCancelEventHandler
        - Added event.preventDefault
    - Updated clickContinueEventHandler
        - Added event.preventDefault
- Updated toast component
    - Updated clickActionEventHandler
        - Added event.preventDefault
- Updated tooltip component
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
- Updated custom file plugin
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
- Updated custom password plugin
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
- Updated remover plugin
    - Updated defaults order declaration
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickTriggerEventHandler
        - Added event.preventDefault
- Updated smooth scroll plugin
    - Updated defaults order declaration
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
- Updated toggler plugin
    - Updated defaults order declaration
    - Updated plugin.settings for default/option merge
        - Added Object.assign
        - Remove extendDefaults private method
    - Updated clickTriggerEventHandler
        - Added event.preventDefault


-----


# v0.23.1-beta

### Updated
- Updated animations
    - Added important flags to animation data modifiers
- Updated accordion component
    - Fixed child button link font colors being overwritten
- Updated card component
    - Fixed child button link font colors being overwritten
- Updated chip component
    - Fixed child button link font colors being overwritten
- Updated dropdown component
    - Updated content-spacing variable default value
    - Updated min width variable value
    - Removed max width variable
    - Fixed child button link font colors and padding being overwritten
- Updated notice component
    - Fixed child button link font colors being overwritten
- Updated panel component
    - Fixed child button link font colors being overwritten
- Updated popover component
    - Fixed child button link font colors being overwritten
- Updated demo pages
- Updated build directory


-----


# v0.23.0-beta

### New
- Added alert component
- Added confirm component
- Added prompt component
- Added toast component

### Updated
- Updated sass maps
    - Added toast z-index 900
    - Updated overlay z-index from 500 to 800
    - Updated dropdown z-index from 600 to 500
    - Updated popover z-index from 700 to 600
    - Updated tooltip z-index from 800 to 700
- Updated box element
    - Fixed child button link font colors being overwritten
- Updated custom checkbox element
    - Added min/max width and height
- Updated custom radio element
    - Added min/max width and height
- Updated navbar element
    - Fixed child button link font colors being overwritten
- Updated pagination element
    - Added list item min-width
- Updated dropdown component
    - Added width 100% to content
- Updated modal component
    - Added overlay class as parent selector
- Updated build directory


-----


# v0.22.0-beta

### New
- Added modal component

### Updated
- Updated accordion component
    - Updated sass
        - Updated eldest sibling accordion__heading to accordion__headings to avoid class name conflicts
    - Updated scripts
        - Added element exist checks to reduce potential errors
        - Updated option toggleAnimation to toggle
        - Updated option toggleAnimation to toggleDuration
        - Fixed duplicate toggle callbacks
            - Added is animating checks
- Updated card component
    - Updated sass
        - Updated eldest sibling card__heading to card__headings to avoid class name conflicts
    - Updated scripts
        - Added option animation
        - Added option animationClass
        - Added element exist checks to reduce potential errors
        - Updated option removeAnimation to animationRemove
        - Updated is-animating class to is-animating-out
        - Updated parentNode removeChild chain with single remove
        - Fixed duplicate remove callbacks
            - Added is animating checks
- Updated chip component
    - Added option animation
    - Added option animationClass
    - Added element exist checks to reduce potential errors
    - Updated option removeAnimation to animationRemove
    - Updated is-animating class to is-animating-out
    - Updated parentNode removeChild chain with single remove
    - Fixed duplicate remove callbacks
        - Added is animating checks
- Updated dropdown component
    - Added option animation
    - Added option animationClass
    - Added element exist checks to reduce potential errors
    - Updated is-animating class to is-animating-in and is-animating-out
    - Fixed duplicate remove callbacks
        - Added is animating checks
- Updated notice component
    - Added option animationClass
    - Added element exist checks to reduce potential errors
    - Updated option removeAnimation to animationRemove
    - Updated is-animating class to is-animating-out
    - Updated parentNode removeChild chain with single remove
    - Fixed duplicate remove callbacks
        - Added is animating checks
- Updated panel component
    - Updated sass
        - Updated eldest sibling panel__heading to panel__headings to avoid class name conflicts
    - Updated scripts
        - Added option animationClass
        - Added option animation
        - Added element exist checks to reduce potential errors
        - Updated option animationToggle to toggle
        - Updated option animationToggleDuration to toggleDuration
        - Updated option removeAnimation to animationRemove
        - Updated is-animating class to is-animating in toggle method
        - Updated is-animating class to is-animating-out in remove method
        - Updated parentNode removeChild chain with single remove
        - Fixed duplicate remove callbacks
            - Added is animating checks
- Updated popover component
    - Updated sass
        - Added popover__heading block class
        - Added popover__actions block class
        - Updated font-size default value
    - Updated scripts
        - Added grouping
            - Added previous, next and close elements
        - Added option animation
        - Added option animationClass
        - Added option close
        - Added option next
        - Added option prev
        - Added option callbackPrev
        - Added option callbackNext
        - Added public method open
        - Added public method openSilently
        - Added public method close
        - Added public method closeSilently
        - Updated options callbackInsert* to callbackOpen*
        - Updated options callbackRemove* to callbackClose*
        - Updated is-animating class to is-animating-in and is-animating-out
        - Updated parentNode removeChild chain with single remove
        - Fixed duplicate remove callbacks
            - Added popover data checks to open method
            - Added is animating checks to close method
        - Removed private method insertPopover
        - Removed private method removePopover
        - Removed focus event listeners
- Updated tooltip component
    - Added option animation
    - Added option animationClass
    - Added public method open
    - Added public method openSilently
    - Added public method close
    - Added public method closeSilently
    - Updated options callbackInsert* to callbackOpen*
    - Updated options callbackRemove* to callbackClose*
    - Updated private method insertEventHandler to openEventHandler
    - Updated private method removeEventHandler to closeEventHandler
    - Updated is-animating class to is-animating-in and is-animating-out
    - Updated $container to $trigger
    - Updated parentNode removeChild chain with single remove
    - Removed private method insertTooltip
    - Removed private method removeTooltip
    - Fixed duplicate remove callbacks
        - Added is animating checks
- Updated remover plugin
    - Added option animationClass
    - Updated option removeAnimation to animationRemove
- Updated smoothscroll plugin
    - Updated option historyBottom default value from #js-smooth-scroll-bottom to #bottom
    - Updated option historyTop default value from #js-smooth-scroll-top to #top
    - Removed constructor element parameter
        - Removed plugin.element
- Updated toggler plugin
    - Added option animationClass


-----


# v0.21.0-beta

### New
- Added animation settings
    - Added animation delay modifier setting
    - Added animation duration modifier setting

### Updated
- Updated shortcodes
    - Added $heading shortcode
    - Updated h1-h6 group declarations with shortcode
- Updated abbr element
    - Updated color modifier
        - Added border-color variable
        - Removed title prop modifier declaration
- Updated horizontal rule element
    - Updated color modifier
        - Added border-color variable
        - Removed duplicate border modifier declaration
- Updated form elements
    - Updated custom fieldset element
        - Updated custom fieldset nested selector declaration location
- Updated build directory

### Fixed
- Fixed mark element
    - Updated background-color variable value


-----


# v0.20.0-beta

### Updated
- Updated sass settings
    - Added settings directory
        - Added components.scss (previously in settings.scss)
        - Added elements.scss (previously in settings.scss)
        - Added imports.scss (previously in settings.scss)
    - Added animation import settings
    - Added component import settings
    - Added element import settings
    - Updated $variations to $color-variations
    - Updated $variations declared location to maps.scss
    - Removed $body-selection-pseudo-elements
    - Removed $variation_amount
    - Removed settings.scss
- Updated reset
    - Added form element (previously in form core)
    - Added fieldset element (previously in form core)
- Updated sass framework core
    - Updated core.scss to body.scss
    - Updated $selection-pseudo-elements settings variable name to $body-selection-pseudo-elements
- Updated password reveal component
    - Updated from a component to a plugin
    - Updated name to custom file
- Updated sass form elements
    - Updated form-control class to custom-fieldset
        - Updated form-control-element shortcode variable to custom-fieldset-element
        - Updated form-control-* settings variable names to custom-fieldset-*
- Updated shield element
    - Updated icon directory name to badge
- Updated spinner element
    - Added spinner modifier settings
    - Updated core.scss to spinner.scss
    - Updated keyframe sass scope
    - Updated spinner directory to loading
    - Removed dial.scss (now in spinner.scss)
    - Removed ring.scss (now in spinner.scss)
    - Removed spiral.scss (now in spinner.scss)
    - Removed swoosh.scss (now in spinner.scss)
    - Removed target.scss (now in spinner.scss)
- Updated typography elements
    - Added code.scss (previously in preformatted.scss)
    - Added kbd.scss (previously in prefromatted.scss)
    - Added pre.scss (previously in prefromatted.scss)
    - Added samp.scss (previously in preformatted.scss)
    - Added var.scss (previously in preformatted.scss)
    - Removed preformatted.scss
- Updated sass animations
    - Updated animation classes to be nested with has-animation
    - Updated core.scss to animation.scss
- Updated demo pages
- Updated build directory



-----


# v0.19.2-beta

### Updated
- Updated package
    - Updated version 0.19.1-beta to 0.19.2-beta
    - Fixed package files
        - Added public directory
        - Added resources directory
        - Removed dist directory
        - Removed sass directory
        - Removed scripts directory


-----


# v0.19.1-beta

### Updated
- Updated sass settings
    - Added default flag to variation_amount variable
    - Added default flag to variations map
- Updated sass framework core settings variable name
    - Updated base-selection-pseudo-elements variable name to selection-pseudo-elements


-----


# v0.19.0-beta

### New
- Added restructured file and directory names and locations
    - Updated sass
        - Added helpers directory
            - Added clearfix.scss (previously in /framework/helpers.scss)
            - Added content-spacing.scss (previously in /framework/helpers.scss)
            - Added display.scss (previously in /framework/helpers.scss)
            - Added element-spacing.scss (previously in /framework/helpers.scss)
            - Added floats.scss (previously in /framework/helpers.scss)
            - Added typography.scss (previously in /framework/helpers.scss)
            - Added visibility.scss (previously in /framework/helpers.scss)
        - Added variables directory
            - Added css directory
                - Added colors.scss (previously in /initialize/variables.scss)
                - Added defaults.scss (previously in /initialize/variables.scss)
            - Added sass directory
                - Added maps.scss (previously in /initialize/variables.scss)
                - Added settings.scss (previously in /initialize/variables.scss)
                - Added shortcodes.scss (previously in /initialize/variables.scss)
        - Updated elements directory
            - Added button directory
                - Added button.scss (previously in /elements/button.scss)
                - Added button-group.scss (previously in /elements/button.scss)
            - Added icon directory
                - Added sheild.scss (previously in /elements/shield.scss)
            - Added layout directory
                - Added box.scss (previously in /elements/box.scss)
                - Added container.scss (previously in /framework/layout/container.scss)
                - Added grid.scss (previously in /framework/layout/grid.scss)
                - Added hero.scss (previously in /elements/hero.scss)
                - Added media-object.scss (previously in /elements/media.scss)
            - Added media directory
                - Added image.scss (previously in /elements/media.scss)
            - Added navigation directory
                - Added breadcrumb.scss (previously in /elements/breadcrumb.scss)
                - Added navbar.scss (previously in /elements/navigation.scss)
                - Added pagination.scss (previously in /elements/pagination.scss)
            - Added spinner directory
                - Added core.scss (previously in /elements/spinner.scss)
                - Added dial.scss (previously in /elements/spinner.scss)
                - Added ring.scss (previously in /elements/spinner.scss)
                - Added spiral.scss (previously in /elements/spinner.scss)
                - Added swoosh.scss (previously in /elements/spinner.scss)
                - Added target.scss (previously in /elements/spinner.scss)
            - Added typography directory
                - Added abbr.scss (previously in /elements/typography.scss)
                - Added blockquote.scss (previously in /elements/typography.scss)
                - Added body.scss (previously in /elements/typography.scss)
                - Added heading.scss (previously in /elements/typography.scss)
                - Added horizontal-rule.scss (previously in /elements/typography.scss)
                - Added link.scss (previously in /elements/typography.scss)
                - Added list.scss (previously in /elements/list.scss)
                - Added mark.scss (previously in /elements/typography.scss)
                - Added paragraph.scss (previously in /elements/typography.scss)
                - Added preformated.scss (previously in /elements/typography.scss)
            - Updated form directory
                - Updated base.scss to core.scss
        - Updated framework directory
            - Added core.scss (previously /framework/foundation/base.scss)
            - Removed foundation directory
            - Removed layout directory (Refer to 'Update elements directory')
        - Updated imports
    - Updated scripts
        - Added plugins directory
            - Updated /components/password-reveal.js to /plugins/password-reveal.js
            - Updated /components/remover.js to /plugins/remover.js
            - Updated /components/smooth-scroll.js to /plugins/smooth-scroll.js
            - Updated /components/toggler.js to /plugins/toggler.js
- Added element and component settings
    - Added framework core settings
    - Added box element settings
    - Added breadcrumb element settings
    - Added button element settings
    - Added form element settings
    - Added hero element settings
    - Added list element settings
    - Added media element settings
    - Added pagination element settings
    - Added shield element settings
    - Added spinner element settings
    - Added table element settings
    - Added typography element settings
    - Added accordion component settings
    - Added card component settings
    - Added chip component settings
    - Added dropdown component settings
    - Added notice component settings
    - Added panel component settings
    - Added popover component settings
    - Added tooltip component settings
- Added sass animations
    - Added sass animations directory
        - Added attractor animations
            - Added flash animation
            - Added pulse animation
            - Added shake animation
            - Added vibrate animation
        - Added bounce entrance and exit animations
            - Added bounce in animation
            - Added bounce in down animation
            - Added bounce in left animation
            - Added bounce in right animation
            - Added bounce in up animation
            - Added bounce out animation
            - Added bounce out down animation
            - Added bounce out left animation
            - Added bounce out right animation
            - Added bounce out up animation
        - Added fade entrance and exit animations
            - Added fade in animation
            - Added fade in down animation
            - Added fade in left animation
            - Added fade in right animation
            - Added fade in up animation
            - Added fade out animation
            - Added fade out down animation
            - Added fade out left animation
            - Added fade out right animation
            - Added fade out up animation
        - Added flip entrance and exit animations
            - Added flip in down animation
            - Added flip in left animation
            - Added flip in right animation
            - Added flip in up animation
            - Added flip out down animation
            - Added flip out left animation
            - Added flip out right animation
            - Added flip out up animation
        - Added slide entrance and exit animations
            - Added slide in down animation
            - Added slide in left animation
            - Added slide in right animation
            - Added slide in up animation
            - Added slide out down animation
            - Added slide out left animation
            - Added slide out right animation
            - Added slide out up animation
        - Added zoom entrance and exit animations
            - Added zoom in animation
            - Added zoom in down animation
            - Added zoom in left animation
            - Added zoom in right animation
            - Added zoom in up animation
            - Added zoom out animation
            - Added zoom out down animation
            - Added zoom out left animation
            - Added zoom out right animation
            - Added zoom out up animation
    - Added sass easings map to /variables/sass/maps.scss
    - Added default css animation variables
    - Added animations demo page
    - Updated card component
        - Updated animation classes
    - Updated chip component
        - Updated animation classes
    - Updated dropdown component
        - Updated animation classes
    - Updated notice component
        - Updated animation classes
    - Updated panel component
        - Updated animation classes
    - Updated popover component
        - Updated animation classes
    - Updated remover component
        - Updated animation classes
    - Updated toggler component
        - Updated animation classes
    - Updated tooltip component
        - Updated animation classes
    - Removed animate.css
- Added custom form elements
    - Added custom checkbox
    - Added custom radio
    - Added custom file input
        - Updated input file type default styling

### Updated
- Updated functions
    - Updated get-stack-index if/else return markup
- Updated reset
    - Added default font weight for b and strong tags
- Updated accordion component
    - Added breakpoint based size modifiers
- Updated card component
    - Added breakpoint based size modifiers
- Updated chip component
    - Added breakpoint based size modifiers
- Updated dropdown component
    - Added breakpoint based size modifiers
- Updated notice component
    - Added breakpoint based size modifiers
- Updated panel component
    - Added breakpoint based size modifiers
- Updated popover component
    - Added breakpoint based size modifiers
- Updated tooltip component
    - Added breakpoint based size modifiers
- Updated box element
    - Added breakpoint based size modifiers
- Updated button element
    - Added font-color variables to pseudo classes
    - Added breakpoint based size modifiers
- Updated list element
    - Added breakpoint based size modifiers
- Updated form elements
    - Updated label element
        - Added font-color variable
        - Added breakpoint based size modifiers
        - Removed color style
    - Updated input element
        - Added border-color variable
        - Added breakpoint based size modifiers
        - Removed border-color style
    - Updated select element
        - Added feedback modifier border-color variable
        - Added breakpoint based size modifiers
        - Removed feedback modifier border-color style
        - Removed size modifiers multiple modifier prop declaration
    - Updated textarea element
        - Added feedback modifier border-color variable
        - Added breakpoint based size modifiers
        - Removed feedback modifier border-color style
    - Updated form control element
        - Added spotlight feedback modifier border-color variable
        - Added breakpoint based size modifiers to form control input, select, textarea and button elements
        - Removed spotlight feedback modifier border-color style
- Updated media elements
    - Added breakpoint based size modifiers to images
    - Added breakpoint based size modifiers to media objects
- Updated navigation element
    - Updated navigation name to navbar
- Updated pagination element
    - Added breakpoint based size modifiers
- Updated shield element
    - Added breakpoint based size modifiers
- Updated table element
    - Added breakpoint based size modifiers
    - Added table--stripe modifier and settings
    - Updated table background color and font color declaration location
- Updated typography
    - Added blockquote hyperlink focus pseudo class font-color variable
    - Added breakpoint based size modifiers to p, mark, code, kbd, pre, samp, var and blockquote elements
- Updated gulpfile
    - Updated variable names
- Updated build directory
- Updated comments
- Updated demo pages


-----


# v0.18.0-beta

### Updated
- Updated base variables
    - Added css custom properties to all elements and components
    - Added css custom properties based color palette generator via sass
    - Updated breakpoints
        - Updated tablet breakpoint values
        - Removed touch breakpoint
        - Removed laptop breakpoint
        - Removed ultrawide breakpoint
        - Removed until-* breakpoints
    - Removed sass variables from all elements and components
    - Removed sass based color palette generator
- Updated functions
    - Removed color based functions
    - Removed focus box shadow function (use css custom properties)
- Updated mixins
    - Updated breakpoint mixin warning message
- Updated reset
    - Removed list (ul, ol) padding
- Updated helpers
    - Added font size helper classes
    - Added p, a and h1-h6 color and feedback color helpers
    - Added has-no-last-child-element-spacing (with breakpoints)
- Updated size modifiers
    - Added foreach loop to generate size modifier classes for all elements/components
    - Removed explicit size modifier declarations for all elements/components
    - Removed element spacing variables from size modifiers
- Updated container element
    - Updated container--no-gutter to container--seamless
- Updated grid element
    - Updated grid--no-gutter to grid--seamless
    - Fixed grid-top modifier to grid--top
    - Fixed grid__item-top modifier to grid__item--top
    - Fixed grid__item-bottom modifier to grid__item--bottom
- Updated breadcrumb element
    - Removed size modifiers (use font size helpers)
- Updated button element
    - Updated button--block modifier to is-fullwidth
    - Removed input button/reset/submit from button shorthand variable (use button class)
    - Removed button mixins
    - Removed is-disabled modifier (use disabled prop)
    - Removed button--component element spacing
- Updated hero element
    - Added link variables and style properties
    - Updated is-viewport-* modifiers to hero--vh
    - Removed hero--center and hero--right modifiers (use typography helpers)
- Updated list element
    - Removed list--rtl, list--block, list--inline-block, list--stack and list--inline-stack modifiers
- Updated media elements
    - Updated image--block modifier to is-fullwidth
    - Updated image modifier margins/element spacing
    - Fixed image-left modifier to image--left
    - Fixed image-right modifier to image--right
- Updated navigation element
    - Updated breakpoint from tablet-up to desktop-up (tablet-up deprecated)
- Updated pagination element
    - Updated default flex justification from space-between to center
    - Removed pagination--center modifier
    - Removed pagination__pager and pagination__list (use li element)
    - Removed pagination__ellipsis (use span element)
    - Removed breakpoints
- Updated table element
    - Removed table--center modifier
    - Removed table--hover and table--stripe modifiers (roadmapped)
    - Removed tfoot declarations (roadmapped)
- Updated typography elements
    - Updated link element
        - Added underline text-decoration to focus pseudo element
    - Updated mark element
        - Added font size variable to mark element size modifiers
- Updated form elemnets
    - Updated label element
        - Removed is-disabled modifier (use disabled prop)
    - Updated input element
        - Removed input shorthand variable (use input element)
        - Removed input mixins
        - Removed is-disabled modifier (use disabled prop)
        - Removed browser specific pseudo elements (except for file, color and password reveals)
        - Removed input type specific styles
    - Updated select element
        - Added svg data image as background image
        - Updated multiple prop option styling
        - Removed is-disabled modifier (use disabled prop)
    - Updated textarea element
        - Added textarea--scrollbar modifier
        - Removed overflow-y styling
        - Removed textarea--no-scrollbar modifier
        - Removed is-disabled modifier (use disabled prop)
    - Updated form control element
        - Added size modifiers
        - Added feedback modifiers (applies styling to form-control__spotlight input, select and textarea elements)
        - Removed has-addons modifier (not required)
- Updated accordion component
    - Added accordion--spaced modifier (reverts to old default accordion item element spacing)
    - Updated default accordion item element spacing (now seamless)
    - Fixed missing functionality with openMultipleItems plugin option
- Updated card component
    - Added support for video and iframe media elements
    - Added card__media--iframe modifier
- Updated dropdown component
    - Updated has-dropdown--static modifier to has-dropdown--megamenu
- Updated package
    - Added CHANGELOG.md to package files
    - Added gulp notify
    - Updated dependencies
    - Removed gulp notifier
    - Removed babel loader
- Updated gulpfile
    - Added custom notifications
    - Updated tasks inline with gulp 4 syntax
    - Updated tasks with gulp series and parallel functions
    - Updated task names
        - Added watch task
        - Updated build:css task to css
        - Updated build:scripts task to scripts
        - Updated dev task to serve
    - Updated variable names
- Updated demo pages

### Release Notes
This update brings a much more customizable approach to manipulating variables
by using CSS custom properties over SASS variables.

It was also the start of reducing the minified file size without taking away
any core features or functionality, this release has cut that file size down
by almost 50% (~260kb).

When using build tools you can currently import the required elements/components
but are forced to also import all size/color modifiers. In the future, adding
more modularity to size/color modifiers and styles will be included.


-----


# v0.17.1-beta

### Updated
- Updated animate.css dependency
    - Added hardcoded animate.css import via unpkg
    - Removed animate.css dependency


-----


# v0.17.0-beta

### New
- Added custom reset.css

### Updated
- Updated build directory
- Updated demo pages
- Updated initialize variables file structure
- Updated package
    - Added animate.css to dependencies
    - Added velocity-animate to dependencies
    - Updated foundation animations animate.css import

### Removed
- Removed normalize.css

### Fixed
- Fixed grid bottom modifier class
    - Updated grid-bottom typo to grid--bottom


-----


# v0.16.3-beta

### Updated
- Updated sass functions
    - Added shopify and shopify_asset functions


-----


# v0.16.2-beta

### Updated
- Updated animate.css version
- Updated normalize.css version


-----


# v0.16.1-beta

### Updated
- Updated build directory
- Updated package

### Fixed
- Fixed form control element
    - Added 100% width to spotlight elements
- Fixed notice component
    - Updated notice__text element display to flex


-----


# v0.16.0-beta

### Updated
- Updated click event helper handlers
    - Added js prefix
- Updated demo pages
- Updated package

### Fixed
- Fixed input honeypot
    - Added !important flag to display (force hide)


-----


# v0.15.0-beta

### Updated
- Updated button element
    - Added component modifier
    - Added component variables
    - Removed icon variables
    - Removed box shadow none from button icons
- Updated form control element
    - Updated spotlight width to flex-basis
- Updated input element
    - Added honeypot modifier
- Updated remover component
    - Added ability to remove multiple elements from a single trigger
    - Updated data-remover-target to data-remover-targets
- Updated toggler component
    - Added ability to toggle multiple elements from a single trigger
    - Updated data-toggler-target to data-toggler-targets
- Updated build directory
- Updated demo pages


-----


# v0.14.0-beta

### Updated
- Updated form label element
    - Updated default element spacing variable values
    - Updated display from flex to block
    - Removed height variables
    - Removed line-height declarations
- Updated form input element
    - Added z-index hover stack index
- Updated media object element
    - Added seamless modifier class
    - Updated badge variable names
    - Removed media badge flex basis values
- Updated base color and feedback color modifiers
    - Fixed button anchors with is-* and has-* color modifiers bug
- Updated build directory
- Updated demo pages


-----


# v0.13.0-beta

### New
- Added remover component

### Updated
- Updated accordion component
    - Updated class naming conventions
    - Removed element spacing from action buttons
- Updated card component
    - Updated class naming conventions
    - Removed element spacing from action buttons
- Updated chip component
    - Updated class naming conventions
Updated notice component
    - Updated variable names
    - Updated class naming conventions
- Updated panel component
    - Updated class naming conventions
    - Removed element spacing from action buttons
- Updated popover component
    - Updated width variables to max width
- Updated tooltip component
    - Added max width variables
- Updated html element query selectors

### Fixed
- Fixed event listener on null errors for optional component elements


-----


# v0.12.0-beta

### New
- Added smooth scroll component

### Updated
- Updated blockquote typography element
    - Added link color variables and styling
- Updated form input element
    - Updated placeholder color variable name from 'input-font-color-placeholder' to 'input-placeholder-color'
- Updated form select element
    - Updated placeholder color variable name from 'select-font-color-placeholder' to 'select-placeholder-color'
- Updated form textarea element
    - Updated placeholder color variable name from 'select-font-color-placeholder' to 'select-placeholder-color'
- Updated box component
    - Added link color variables and styling
- Updated color palette variation type variable naming conventions
- Updated scripts
    - Updated variable naming conventions
- Updated gulpfile.js
    - Updated hostname
- Updated demo pages


### Fixed
- Fixed breadcrumb element
    - Fixed right modifier class name


-----


# v0.11.0-beta

### New
- Added requirement for Velocity.js (Release Notes)

### Updated
- Updated accordion component
    - Added the animating state hook when the accordion is animating
    - Added the animated state hook when the accordion has finished animating
    - Added initialize before and after callback options
    - Added toggle before and after callback options
    - Added refresh before and after callback options
    - Added destroy before and after callback options
    - Added toggleSilently public method
    - Added refresh public method
    - Added refreshSilently public method
    - Added destroy public method
    - Added destroySilently public method
    - Updated initialize arguments
        - Added boolean silent argument to suppress initialize callbacks
    - Updated toggle arguments
        - Added boolean silent argument to suppress toggle callbacks
    - Updated demo page
    - Removed jQuery requirement
        - Added vanilla JavaScript
        - Added requirement for Velocity.js (Release Notes)
    - Fixed is-collapsed body styling
- Updated card component
    - Added the animating state hook when the card is animating
    - Added initialize before and after callback options
    - Added remove before and after callback options
    - Added refresh before and after callback options
    - Added destroy before and after callback options
    - Added removeSilently public method
    - Added refresh public method
    - Added refreshSilently public method
    - Added destroy public method
    - Added destroySilently public method
    - Updated initialize arguments
        - Added boolean silent argument to suppress initialize callbacks
    - Updated remove arguments
        - Added boolean silent argument to suppress remove callbacks
    - Updated demo page
    - Removed jQuery requirement
        - Added vanilla JavaScript
- Updated chip component
    - Added the animating state hook when the chip is animating
    - Added initialize before and after callback options
    - Added remove before and after callback options
    - Added refresh before and after callback options
    - Added destroy before and after callback options
    - Added removeSilently public method
    - Added refresh public method
    - Added refreshSilently public method
    - Added destroy public method
    - Added destroySilently public method
    - Updated initialize arguments
        - Added boolean silent argument to suppress initialize callbacks
    - Updated remove arguments