- Added Material-Design-Iconic-Font, while we're waiting for the official one
- Added SASS variables for all the characters
- Added a wsk-icon--<icon-name> class for every icon
- Modified wsk-layout to use menu icon for opening the drawer, and chevrons for scrolling tabs
- Modified tooltip demo to use icons rather than inline SVGs
- Modified icon-toggle demo to use icons
- Modified FAB and icon button demos to use icons
This allows us to get around component dependencies where components depend on each other, since gulp was just processing everything alphabetically otherwise.
- Switch to using CSS masks for transparent tick. Sorry, IE, you get a white tick.
- Some small visual tweaks (rounded corners, alignment).
- Tidying up the JS
- Added tabs, implementing Material Design spec.
- Made header size and padding depend on screen size, as per the MD spec.
- Added helper class for icons.
- JS cleanup.
- Updated demo and docs.
A simple update moving used strict declaration inside the function to limit scope as this can cause chaos with 3rd party systems that are not written strictly.
Added extra function to register callback functions on a component class
basis such that you can be alerted when a DOM element gets upgraded.
This is useful in a situation such as this:
1) User decides to use wskCheckbox.
2) When the checkbox is clicked the user wishes to update some parent
node's class (to change the visual style of a table row for example).
3) All they need to do now is register an event listener using
componentHandler.registerUpgradedCallback(JSClass, callback) so that
their callback is called every time any DOM element is upgraded to type
JSClass. The callback function takes 1 parameter which is the
HTMLElement that was upgraded.
4) This saves the user much time and efficiency as they don't need to
"Monitor the DOM" for changes. It also allows them to be notified when
things are added after page load too.
These are a lesser implementation designed to be used as part of the page content. The full Material Design tabs spec will be implemented as part of the layout component.