Updates Find our code releases GitHub.

March 1, 2023

v0.25.3

Components

• res-icon:
  • Add pin icon.
• res-input:
  • Add option for res-select component to be nested in outer slot.

February 13, 2023

v0.25.2

Library

• Update dev dependencies to address security alerts

November 15, 2022

v0.25.1

Components

• res-icon:
  • Add code icon.
  • Update hed-code icon.

July 20, 2022

v0.24.1

Components

• res-icon:
  • Update quick post icon.

May 19, 2022

v0.24.0

Components

• res-datepicker:
  • Add range attribute. res-datepicker instances with a range attribute accept a range of dates as a valid input.

March 23, 2022

v0.23.3

Components

• res-icon:
  • Add code and quickpost icons

November 15, 2021

v0.23.2

Components

• res-button:
  • Prevent determineIconState from giving buttons multiple states

Library

• Update axios dependency from ^0.18.1 to ^0.21.2.
• Update tap-spec dependency from ^4.1.1 to ^5.0.0.
• Update all lodash subdependencies to at least 4.17.21.
• Update browser-sync dependency resolution from 2.26.12 to 2.27.5.
• Update socket.io-parser subdependency resolution to at least 3.3.2.

August 18, 2021

v0.23.1

Components

• res-icons:
  • Add save icon

June 16, 2021

v0.23.0

Components

• res-datepicker:
  • Add many new allowed input types for manual input. In addition to Mar 4, 1997, res-datepicker now supports March 4, 1997, March 04, 1997, Mar 04, 1997, 03/04/1997, 03/4/1997, 3/04/1997, 3/4/1997, 03.04.1997, 03.4.1997, 3.04.1997, and 3.4.1997 for date-only res-datepickers, and also adds support for full month names in datetime res-datepickers (e.g. March 4, 1997 17:35).

May 25, 2021

v0.22.2

Library

• Update hosted-git-info dependency from 2.8.8 to 2.8.9.
• Update ua-parser-js dependency from 0.7.22 to 0.7.28.
• Update y18n dependency from 4.0.0 to 4.0.1.

March 25, 2021

v0.22.1

Components

• res-datepicker:
  • Add type="button" to the toggle so that it doesn't confuse native browser form element handling when inside of a form element.

Library

• Update elliptic subdependency from 6.5.3 to 6.5.4.

December 17, 2020

v0.22.0

Components

• res-search-select:
  • New component added

October 28, 2020

v0.21.4

Library

• Update node version from 8.9.4 to 12.16.2
• Add @babel/core dependency (^7.0.0)
• Replace deprecated babel-eslint dependency with @babel/eslint-parser dependency (^7.11.5)
• Add @babel/register dependency version ^7.11.5 to replace test.js usage of babel-register
• Remove deprecated eslint-loader dependency
• Update browser-sync dependency from ^2.23.7 to ^2.26.12
• Update eslint dependency from ^4.19.1 to ^7.10.0
• Update eslint-config-voxproduct dependency from ^3.0.0 to ^4.2.0
• Update eslint-plugin-html dependency from ^4.0.3 to ^6.1.0
• Update eslint-plugin-import dependency from ^2.11.0 to ^2.22.1
• Update execa dependency from ^0.10.0 to ^4.0.3
• Update fs-extra dependency from ^5.0.0 to ^9.0.0
• Update webpack-cli dependency from ^2.0.15 to ^3.3.12
• Add package resolutions object and set resolution for s3/graceful-fs to resolve to version ~4.1.4

September 14, 2020

v0.21.3

Components

• res-icons:
  • Add layout-product-card-description, layout-product-card-brief, layout-product-card-full-width-image
  • Add currency-dollar-sign, currency-euro, currency-pound
  • Add copy
  • Add custom-story

July 29, 2020

v0.21.2

Components

• res-icons:
  • Add the product card layout icons

July 29, 2020

v0.21.1

Components

• res-demo:
  • Change the label for the code editing button from "Code" to "Edit code" and tweak styles to make it more obvious that it is an interactive element.

Library

• Update node-sass dependency from ^4.9.0 to ^4.14.1
• Update nunjucks dependency from ^3.1.3 to ^3.1.6

March 10, 2020

v0.21.0

Components

• res-icon:
  • Fix the horizontal-story res-icon being visually very similar to the vertical-story icon.
• res-alphadex:
  • Make res-alphadexes with a 'range' attribute have wider cells (by 1px per cell)

Library

• Update lodash.mergewith dependency from 4.6.1 to 4.6.2

January 6, 2020

v0.20.2

Documentation

• We have released guidelines on interface writing for Resonance. It is highly advised that anyone actively working with applications which use Resonance read through these guidelines.
  • Component-level guidelines that appear in the main content guide also appear in the documentation for those specific components.

Library

• Update axios dependency from 0.18.0 to 0.18.1
• Update extend dependency from 3.0.1 to 3.0.2
• Update electron dependency from 1.8.7 to 1.8.8

November 13, 2019

v0.20.1

Components

• res-select:
  • Makes res-select <option> elements with the disabled attribute styled accordingly in Firefox.

Library

• Update mixin-deep dependency from 1.3.1 to 1.3.2

July 23, 2019

v0.20.0

🚨 Breaking changes 🚨

• res-table:
  • Changes td and th text color from $res-color-gray-500 to $res-color-gray-600 for readability.

May 10, 2019

v0.19.0

🚨 Breaking changes 🚨

• res-icon:
  • Changes info icon markup to fix bug with an svg mask causing the icon to render as a solid square in some contexts.
• res-select:
  • The error attribute of res-select component instances is now of string type; it was previously a boolean.

Components

• res-icon:
  • Adds text-block icon.
• res-select:
  • The error attribute of an res-select component instance can now be used to display an error message below it.
  • New info attribute for res-select component instances allow the display of informational or cautionary messages below the component instance.
• res-input:
  • New info attribute for res-input component instances allow the display of informational or cautionary messages below the component instance.

Core

• Debian Jessie being EOL'd caused the docker image for Resonance to not be able to be built at all. We are now pointing to the "archives" apt package repos for Debian Jessie as a stopgap measure.

March 27, 2019

v0.18.1

Components

• res-icon:
  • Changes SVG optimizer configuration to fix bug involving non-unique IDs causing some icons to render as other icons.
    • All icon ids are now prefixed by our SVG optimizer to include the name of the icon. For instance, id="a" will now be id="info_svg__a".
    • Out of those icons in Resonance before this version, the bug would only occur with the info icon, and so would not cause any visual issues.
  • Adds full-width-impact and hed-overlay-impact icons.

March 13, 2019

v0.18.0

🚨 Breaking changes 🚨

• res-input:
  • Removes automatic title-casing of error text.
    • Error text associated with res-input via the error attribute was previously automatically put into title-case (So That It Looks Like This). This was an oversight; in this release, all automatic handling of error text case has been removed. All UI text should be in sentence case (So that it looks like this), but Resonance does not do this automatically.
      • When updating to this version of Resonance, make sure that strings passed into res-input instances' error attribute are sentence-cased.

Components

• res-input:
  • Fixes bug wherein icons inside of res-input instances would become extremely small when the text in the inputs hit multiple lines in length.
    • This bug was fixed by the addition of min-width in addition to the preexisting width properties of icons inside of res-inputs.
• res-icon:
  • Adds new 'info' icon.

Library

• Removes the concept of component status from the component scaffolding system, build system, and documentation.

February 26, 2019

v0.17.0

How to update to 0.17.0:

• Everyone:
  • Re-read the component-level documentation, as it has been rewritten.
• Developers:
  • Check for visually and/or functionally broken res-badge and res-modal component instances.
• Designers:
  • Note the changes to badges explained below.

🚨 Breaking changes 🚨

• res-badge:
  • Previously, the badge designs all had light variants. This version removes all of them: gray-light, sky-light, rose-light, gold-light, apple-light, and grass-light. They were originally intended to show up better on very dark backgrounds, which we no longer use in Resonance.
  • Contrast is improved for the remaining variants:
    • Gray, Sky, Rose, and Gold badges still have Gray 700 text; their background colors have been bumped from 200 to 300 in their respective colors.
    • Apple badges used to have white text and Apple 300 backgrounds; they now have Apple 500 backgrounds, as white on Apple 300 fails contrast requirements.
  • When updating to this version, replace any light variant badges and make sure the other ones still work in their current contexts.

Components

• res-modal:
  • Previously, the default styles for modal component instances acted as if they had a value of darken for the background attribute. This value did not actually exist. This is now explicit: res-modal instances without any background attribute will be automatically given background='darken'.
  • This should not result in any visual changes to existing modals.
• res-search-select:
  • This component was introduced to the library improperly and was lingering in an incomplete state. It has now been removed entirely from the codebase. This change is non-breaking insofar as the search select component should not be used in production anywhere.

Documentation

• This version coincides with a rewrite and overhaul of component-level documentation.

Library

• The for-documentation-purposes attribute innerDOM has been replaced with requiredDOM and optionalDOM.

January 25, 2019

v0.16.1

Components

• res-banner:
  • Add timeout attribute; this attribute makes banners close automatically after a certain amount of time has elapsed.
• res-split-button:
  • Add logic to prevent split buttons from rendering twice.
• res-table:
  • Add new storeRows function, which can be used to regenerate the res-table component's rows array after the order of rows has been altered via sorting or drag and drop.

December 4, 2018

v0.16.0

🚨 Breaking changes 🚨

• res-dropdown: Prevent res-button components from being used inside of res-dropdowns.

Components

• res-dropdown:
  • Add styles for res-icons inside of button elements inside of res-dropdowns: size, placement, color, hover details, etc.
• res-select:
  • Moves res-selects' .res-select__wrap to its original position (i.e. by moving it up 1px).

Library

• Add unallowed property to baseline components and scaffold.

Updating guidelines

• Res-buttons are not intended to be children of res-dropdowns. When updating to v0.16.0, these instances will now throw an error. Instead, use native button elements.
• Res-icons inside of buttons inside of res-dropdowns are now explicitly styled within Resonance. If your application has res-icons inside of buttons inside of res-dropdowns, make sure they aren't visually broken when updating to v0.16.0.
• 0.15.8 moved the res-select component's .res-select__wrap 1px down. This release moves it back up by 1px, to its original position. If updating from 0.15.8, 0.15.9, or 0.15.10, make sure your selects are not visually broken when side-by-side with other form controls.

November 29, 2018

v0.15.10

Components

• res-datepicker: Adds a new datetime parameter, which enables the time portion of the Flatpickr widget.

November 5, 2018

v0.15.9

🚨 Breaking changes 🚨

• res-select; res-selects will be taller and wider:
  • Increase rendered height of default-sized res-selects from 39px to 48px.
  • Increase font size of default-sized res-selects from 13px to 15px.

Components

• Non-breakingres-select changes:
  • Fixes a bug where descenders were being clipped inside of the select element.
  • Removes box shadow.

Library

• No longer lints .scss files for shorthand/longhand related rules.

October 25, 2018

v0.15.8

Components

• Adds inert attribute to res-banner and fixes a couple bugs

Library

• yarn run lint now lints all .scss files (as well as .js)

October 23, 2018

v0.15.7

Components

• Adds a new res-banner component for user messaging.

Library

• Removes deprecated Nightmare import from test scaffold.

October 8, 2018

v0.15.6

🚨 Breaking changes 🚨

• Replace the inputSelector attribute from res-input and return to the approach of adding an attribute to the element you'd like to use as the input element (use-as-res-input).

Components

• Add new icon for preview for res-icon
• Adds noZebra attribute to res-table

October 2, 2018

v0.15.5

🚨 Breaking changes 🚨

• res-input: replace the faux-input attribute with inputSelector attribute. The former was a boolean placed on the element to be used as an input, while the latter accepts a CSS selector string on the parent to specify which child element should be used as an input.

Components

• res-switch changes:
  • Adds checkmark to checked switches.
  • The colors of unchecked and unchecked+disabled switches are both lighter.
• res-icon changes:
  • Adds cc icon
  • Adds tab icon
• Allow hover styles on inner slot icons in res-input by adding the hover attribute to the slotted res-icon element

Core

• Allows node versions >= 8 to run Resonance (previously was set at exactly 8)

September 20, 2018

v0.15.4

Components

• res-button changes:
  • Paddingless, default res-buttons interior buttons had 1px solid transparent borders; now they have none.
  • Icon-only buttons are no longer given text-decoration: underline on hover.
  • Res-buttons no longer have text-transform: capitalize.

September 18, 2018

v0.15.3

Components

• res-modal changes for better integration with Volume
  • Fixes modals to immediately display when an open attribute is pre-set
  • Fixes res-modal-open and res-modal-close bindings to use a single listener
  • Fixes background click handlers to be memory safe
  • Changes close-on-bg-click into a bindable bgclose attribute
  • Adds auto-access-disabled attribute that will skip automatic setup of res-modal-open and res-modal-close bindings
• Small res-toggle-buttons tweak to force secondary button design

September 14, 2018

v0.15.2

Components

• Adjusts res-datepicker for interoperability with Vue
  • Fix DOM setup error caused by Vue's devious decorator strategies.
  • Rename newly-added date property to value for binding compatibility.
  • Add input event trigger for binding compatibility.
  • Add mindate and maxdate settings to assist range selection.

September 13, 2018

v0.15.1

Core

• Fix for regression bug, replacing global variable with local
• Importing Resonance via module now references the non-minified version

September 10, 2018

v0.15.0

🚨 Breaking changes 🚨

• res-datepicker tracks dates as a string with MM/DD/YYYY format
• res.init() now loads a non-shimmed version of the Resonance styles. To get access to the shimmed version set shimStyles to true (e.g. res.init({ shimStyles: true })) or grab it directly from dist/resonance-shimmed.min.css.

Components

• Added change event to res-switch and res-toggle-buttons
• Added commas to numbers greater than 999 for res-pagination
• Several res-input changes:
  • Bumped up line height for labels, help text, and textareas
  • Added block attribute to quickly create full-width text fields
  • Added faux-input attribute to allow non-input elements to be used as text fields (e.g. Quill elements that use contenteditable divs)
• Added new beta component res-search-select
• Added paddingless attribute to res-button to remove default padding
• res-datepicker improvements to keep dates in sync with Flatpickr and add error state

Core

• Added sanity check to res.init() to prevent errors if called multiple times

August 17, 2018

v0.14.2

Components

• res-table: adds support for buildCheckboxes() and rebuildCheckboxes() API methods.

August 15, 2018

v0.14.1

Components

• res-dropdown: changes event name from toggle to change, and adds an unflippable attribute to disable Popper.js placement flipping.

Library

• Adds a couple extra eslint rules to tighten up syntax

July 25, 2018

v0.14.0

🚨 Breaking changes 🚨

• res.init() improvements:
  • Three new config settings: publicPath, loadCSSManually, and devMode
  • res.init() will automatically load Resonance CSS via a new public method res.loadCSS()
  • fout.css has been added to the dist directory and can be linked to from the CDN to reduce FOUT

Components

• Added required state to res-input
• Added required and error states to res-select
• Added ignoreParent attribute to res-dropdown and cleaned up caret styling

July 13, 2018

v0.13.0

🚨 Breaking changes 🚨

• Removes CSS class-based framework entirely
• As foretold in the v0.11.1 notes, explicit font variables have been removed entirely
• Add default padding to res-dropdown, so you may need to adjust (or remove) locally-added padding

Components

• Added type property back to tag.json [ui/display/layout]
• The old shim class (.res-tag) has been replaced with .res-shim, reopening the res-tag namespace for future use
• Resets are no longer tied to .res-tag, but are now contolled with the following classes:
  • .res-style-reset-inner: resets and encapsulates the styles for component and all children
  • .res-style-reset-outer: lightly resets the parent component, but not children
• res-dropdown tweaks
  • Default padding
  • New design attribute, and dark design
  • Improved Sass caret positioning/coloring functions
• New res-checkbox features:
  • Added indeterminate state
  • State tracking via ternary attribute
• Added multi-select functionality to res-table
• Disabled style tweaks to res-pagination
  • Navigation buttons are always visible

Library

• Scaffolding templates use Nunjucks, for better logic control
• Unminified versions of resonance.min.[js|css] are now being tracked for better clarity into how production code is being compiled

July 2, 2018

v0.12.0

🚨 Breaking changes 🚨

• Removes non-explicit color Sass variables (e.g. $res-color-apple no longer exists. Instead use $res-color-apple-300)
• $res-font-size-X Sass variables have been renamed to $res-font-scale-X
• Old spacing scale has been completely replaced. $res-scale-XX variables have been swapped with $res-space-scale-X
• Removed smallest size option for res-icon and tweaked remaining values

Components

• All components have been tweaked to apply the new spacing scale. Regressions should be minimal

Library

• Json syntax for API has been simplified in tag.json
• Breakpoint mixin is now globally available
• Adds Sass maps for all colors (e.g. $res-color-sky-map)
• Adds maps for font and spacing scales (e.g. $res-font-scale-map and $res-space-scale-map)
• The CSS utility class framework has been deprecated and removed from the doc site. It will be entirely removed in v0.13.0

June 25, 2018

v0.11.10

Components

• Fixes old bug where res-split-button dropdown would sometimes (often) not be aligned correctly
• Adds touchstart event to res-dropdown so it closes correctly on touch-enabled devices
• Fixes res-switch, res-checkbox, and res-radio where the label class was being applied inconsistently inside of Ractive
• Adds new replace icon

Library

• Tunes the deploy version check so feature versions can be set on the current version

June 20, 2018

v0.11.9

Components

• Fix for res-pagination where the inactive attribute wasn't being removed with the count value was changed to be larger than display.

Library

• Switched from NPM to Yarn (requires a docker-compose build)

June 13, 2018

v0.11.8

Components

• Revert the v0.11.6 changes to res-dropdown, remove drop shadow, add a darker border
• Convert filter: drop-shadow() to box-shadow on res-modal and res-split-button

June 12, 2018

v0.11.7

Components

• Add gallery to icon set

June 8, 2018

v0.11.6

Components

• Bugfix for res-dropdown that was causing it to fail on El Capitan

Library

• Updated Dockerfile to no longer use Gemnasium (run docker-compose build to fix)

May 25, 2018

v0.11.5

Components

• Small bugfix for res-radio edge case
• Add video-story to icon set

Library

• Change default development port to avoid conflict with other local apps

May 22, 2018

v0.11.4

Components

• Add disabled property to res-pagination to prevent user input during asynchronous interactions.
• Add functionality to add and remove a class on the body tag when res-modal is toggled.

May 10, 2018

v0.11.3

Components

• Add check to res-pagination to prevent rendering if the count property exceeds the display property.

May 7, 2018

v0.11.2

Components

• Add checks to res-switch, res-checkbox, and res-radio to prevent creating them if they've already been created.
• Fix res-dropdown tests per 30f055a .

April 27, 2018

v0.11.1

Components

• Couple bugfixes for icon SVGs that weren't rendering as intended
• Better test coverage for res-dropdown
• Optimizations to how res-calendar and res-datepicker were using Flatpickr
• Added font-family: "graphik"
  • font-weight and font-style combinations now load the correct font file
  • Added a $res-font-graphik sass variable
  • ⚠️ The old explicit variables (e.g. $res-font-regular, $res-font-medium-italic, et al) were left in place so as to not introduce breaking changes. These variables should be consider deprecated and will be removed in a future release.

Library

• Upgraded Webpack and introduced new optimizations that resulted in a 15% reduction in overall size

April 13, 2018

v0.11.0

🚨 Breaking changes 🚨

• All instances of $res-color-grey have been changed to $res-color-gray
• The change event name for res-pagination has switched from pagination:change to change
• The change event name for res-alphadex has switched from alphadex:change to change
• The entire icon set has changed! Added 64 new icons, and changed the names of several pre-existing versions

Components

• Added new 100 value to the grass color stack
• Added new 300 value to the apple color stack, and updated 100 and 500 values too
• Various bugfixes

Design

• Updated to a new monoweight icon set
• Added Accessibility page to doc site

Library

• Dockerized! Updated Github README to reflect the new installation and development details

April 3, 2018

v0.10.2

Components

• Remove name attribute from component tag.json
• Change this.className to this.tagName to avoid namespace conflict (specifically for Ractive)

Framework

• Fix for sticky footer
• Use inherit for children elements
• Reorganize utilities directory
• Alignment utility classes
• Remove !important properties
• Utility classes
  • More utility classes for margin/padding and headings
  • Add primitive scale (will be updated with new values in next version)
  • Bake text colors into background color utility classes
  • Add font modifiers to global level
• Grid
  • Add varying gutter widths
  • Add modifiers for wrap and align
  • Add explicit widths for grids

March 2, 2018

v0.10.1

Components

• Fixed bug where res-alphadex wasn't working with multiple instances on the same page
• Upgraded to latest versions of Flatpickr and popper.js (along with many other modules)
• Improved tap size for mobile res-split-button
• Labels are now optional on res-demo
• Tweaked res-badge to add two additional sizes

Framework

• Modifiers start with a single - dash rather than double

February 16, 2018

v0.10.0

Components

• New colors for nearly every component. Goodbye sky hello jade
• Removed dark design from res-calendar
• res-button no longer supports error attribute. Instead, it uses the negative attribute, and is only valid on the default design.
• Refactored res-badge to include pre-determined color designs, and default size is now small instead of medium
• Refactored res-demo to match wireframes for the doc site redesign
• Change res-icon size values from [large, medium, small, mini] to [large, medium, small, smaller, smallest]
• Tweaked the inner border on res-split-button to be transparent instead of white
• Added a white background to res-pagination and res-alphadex
• Edge bug fix for res-pagination

Framework

• Standardize sub-heading font sizes to match scale

February 2, 2018

v0.9.1

Components

• Updated specificity of all components. Increased from 0,0,4,0 to 0,0,10,0
• Exposed res-shim() Sass function so consuming apps can use it without needing to calculate specificity
• Increased contrast of disabled primary button design

January 23, 2018

v0.9.0

Components

• Style tweaks for res-split-button
• Added .scrollable property to res-table

Design

• Updated color palette

Framework

• New Resonance Framework (hidden demo page at /framework.html)

Library

• Better sanity checks for manual deploys
• Cleaned up the Jenkins deploy process
• Standardized some test assertion methods

December 15, 2017

v0.8.1

Components

• Added new icons for res-icon
  • ellipsis
  • link-post
  • packaged-content
  • publish
  • storystream

December 14, 2017

v0.8.0

Library

• Remove doc site and gulp workflow from library
• Docs are now stored in the resonance-site repo

November 30, 2017

v0.7.5

Components

• Added teardown/build methods to res-dropdown

November 13, 2017

v0.7.4

Components

• Added a disabled state for res-split-button

September 28, 2017

v0.7.3

Components

• New components:
  • res-badge
• Added res.manifest back as a public method (Useful with Vue.js integration)
• Removed icon svgs from bundle (only load them as needed), reducing library size by nearly 30%!

September 18, 2017

v0.7.2

Components

• New components:
  • res-dropdown
  • res-split-button

September 7, 2017

v0.7.1

Components

• Remove DOM manipulations from all component constructors, as according to official Web Component spec. This is a non-breaking fix.
• Remove hover styles from res-table
• Add zebra attribute to res-table spec
• Fix date inconsistencies in component changelogs

August 16, 2017 😬

v0.7.0

Components

• New components:
  • res-pagination
  • res-alphadex
  • res-demo - only used on the doc site
• Pretty big refactor, y'all: 7,100 lines added, 14,100 removed.
• Goodbye Riot, hello web component spec custom elements!
• Goodbye Gulp, hello webpack (but we're still using gulp to push to S3 and build the doc site).
• CSS is no longer bundled with the components. It's now pushed into a separate css file that needs to be called alongside the Resonance library.
• Every single component has been refactored, and changes are documented on each component's doc page.
• The res object only has one method now: res.init(), which renders everything and only needs to be called once.
• Dev environment now uses Node 8.1, and uses a lot of async/await.
• Everything is kicked off via NPM scripts, so make sure you look through package.json to see what's changed.

Documentation site

• Removed the CodePen iframes and replaced them with our own custom res-demo component.
• The demo page has been hidden until we get it looking fresh again.

May 5, 2017 🇲🇽

v0.6.0

Components

• New component: res-table
• res-modal now automatically parses and renders the content of the modal
• res-datepicker needs less markup to instantiate
• res-toggle-buttons fixed the wonky focus bug
• Upgraded Riot from 3.2.0 to 3.4.3
• Refactored Gulp directory and workflow to increase synchronous-ity of dependent tasks
• Added two new methods:
  • this.fireWhenReady() - Documentation
  • this.onResize() - Documentation
• Deprecated the res.manifest() method
• Reduced the amount of noise in res.data() and improved how components are parsed and mounted in Riot
• Sass variables are now hosted in the S3 version folder, and can be imported for use in consuming apps (documented here)
• Adding data-stylize to the Resonance script tag will load a custom reset stylesheet
• Font faces are now stored in the versioned directory instead of vendor
• Added three new video walk-throughs to installation documentation

Documentation site

• Resizable Codepen iframes
• Demo page
• Updated a few links in the Resources section. Removed link to all Chorus platform logos because they are out of date.
• Added more information about how to contribute patterns to Resonance in the Contribute section

Sketch template

• Removed split button from template
• Updated design for search field
• Added error state to calendar picker design, text inputs, and default & primary buttons
• Added password option to inputs
• Changed positioning of error text when it lives alongside helper text
• Added pagination and alphadex components
• Updates to tables, calendar, and date picker to reflect component build
• Upgraded the template to be compatible with the latest version of Sketch—version 44 or higher. You may need to upgrade to use the new template.

April 7, 2017

v0.5.0

Components

• New components:
  • res-modal
  • res-calendar
  • res-datepicker
• Major refactor of nearly every component to allow for easier integration with framework helpers; less obfuscation of internal DOM.
  • res-button
    • Accepts <button>, <input type="submit">, or <a> tags
    • Icon position mirrors tag order
    • type attribute changed to design
  • res-checkbox
    • Label position mirrors tag order
  • res-input
    • Accepts all input types
    • Added clear attribute to allow for quick value clearing
  • res-input-group
    • Updated to work with refactored res-input and res-button
  • res-radio
    • Label position mirrors tag order
    • Removed the value and name attributes
    • Removed the value API method
  • res-select
    • Removed the split style
    • Removed the type attribute
  • res-switch
    • Label position mirrors tag order
    • Removed the switched attribute/API method in favor of checked
  • res-toggle-buttons
    • Updated to work with refactored res-button
• Be default, Resonance scans for components and renders them automatically on page load. By adding data-manual to the Resonance script tag, client-side frameworks can now specify when component rendering occurs. More info here.
• The res.get() method has been deprecated. Riot/Res instances are now appended to the DOM element itself:
  • document.getElementById('my-element').res - API interface
  • document.getElementById('my-element').refs - Element references
• Gemnasium is now monitoring Resonance dependencies for security vulnerabilities.
• Improved design consistency between the Sketch file and code components.

Documentation site

• Fixed a scrolling bug where links with anchor tags weren't scrolling to the correct location on load.

Sketch template

• Updated designs for toggle buttons and input groups
• Added res-calendar, res-datepicker, and a proposed design for tables
• Updated symbols
• General cleanup based on the built version of components

March 10, 2017

v0.4.0

Components

• res-input: error messages have been re-styled and can now be set via attribute or api.
• res-input-group: completely refactored. Added error and disabled states.
• res-button: added error states and href attribute for link buttons.
• Update language and usage guidelines on res-select to clarify that this is a browser-default select rather than a custom dropdown.
• tag.json spec files have been restructured to allow multiple data types.
• Resonance can now be fired manually, giving client-side frameworks better control over when components are rendered.

Documentation site

• 👈  Sticky sidebar.
• Component pages now reflect multiple data types in the attribute and API sections.
• Jenkins deploy automatically purges doc site URLs from CDN.
• Moved the version number into the site header.

February 24, 2017

v0.3.0

Components

• New component: res-toggle-buttons
• Updated res-button with latest styles.
• Style tweaks to res-checkbox, res-radio, and res-input
• Changed res-input-button-group tag to res-input-group
• Added Jenkinsfile and Dockerfile for continuous integration/deployment

Sketch template

• Text color palette updated to reflect accessible text color combinations.
• Added Apple 100 color, #FFECEC; removed Apple 200 placeholder color.
• Removed neutral color toggle button.
• Added hover and disabled state to toggle buttons.
• Updates to error state background color.
• Added hover and error state to input group.
• Added submitted state to input group.
• Update unselected switch to match live component (color should be #737373 instead of #c2c2c2).
• Added new close icon to icon set.
• Updated language / naming conventions to reflect changes in site-level component documentation.

Documentation site

• Minor edits for clarity.
• Bumped base font size

February 10, 2017

v0.2.0

Components

• New components:
  • res-select
  • res-input-button-group (deprecated in v0.3.0)
• Upgraded to Riot 3.2.0.
• Refactored several components to maintain consistent vertical alignment with Grafik web font.
• @font-face is no longer declared within each component's CSS. Instead, the declaration happens once during Resonance initiation.
• Component documentation now lives within the docs.md file inside each component's src directory.
• Added status flag to each tag, which allows support for hypothesized components.

Documentation site

• Technical and design system documentation have been moved to the same page.
• Heading size variations are more distinct.
• Component pages are compiled from the locally rather than fetched via javascript.
• Added this page!

January 1, 2017

v0.1.0

Components

• New components:
  • res-button
  • res-checkbox
  • res-icon
  • res-input
  • res-radio
  • res-switch
• Upgraded to Riot v3.0.2
• Added custom web font support

Documentation site

• Static build triggered by push hook.
• Component documentation is pulled from CDN.
• Custom markdown injects for shared data (e.g. colors, fonts, icons).