designsystem

• + Documented usage and implementation of grids in WFP UI (#55);
• ^ WFP UI now meets WCAG2A standard and partially WCAG2AA (#57);
• ^ Updated bootstrap-theme to match WFP UI in terms of branding (#56);
• ^ Updated examples and assets for using favicons (#53);
• ^ Improved display and accessibility of checkboxes (#21);

Important

The component wfp-masthead-internal has been replaced with wfp-header-int, along with all masthead-- references (they are now called header--), but the structure remained the same, so you only need to update CSS classes in your markup.

Changelog

• + Component: wfp-footer--mini, wfp-footer--compact, and wfp-footer--std (#49);
• + Component: wfp-header-ext (#46);
• + Asset: WFP Logos (#45);
• + Docs: HTML file for batch-testing WFP UI components (#42);
• + SCSS: Added new utility classes (modules/utility);
• ^ SCSS: Fixed syntax/formatting issues (#48);
• ^ Forms: Updated visuals for select element (#12);
• ^ More behind-the-scenes improvements and optimisations.

Important

This release will require developers to update class references within their markup for every component, module, or layout used, as per documentation, due to addition of a wfp- prefix, to make sure WFP UI does not interfere with any other framework you may wish to use.
Please, refer to the documentation for details and code samples.

• + Added wfp- prefix to all component, module, and layout classes;
• + Added SVG-based Grunticon workflow, with PNG fallbacks;
• ^ Refactored majority of SCSS code for a leaner, more efficient output;
• ^ Improved checkboxes;
• ^ More behind-the-scenes changes.

Thanks to @jrah, for implementing Javascript and Sass linting tools into the build flow.

Important

This release is backward-incompatible with previous releases. Several components have been refactored, and will require you to update classes in your markup, and in some cases the markup structure itself. Please, follow the change sets below to see which components have been affected, and refer to documentation, to find out how to update your code.

• ^ Refactored internal masthead pattern (#13). Update required.
• ^ Refactored all navigation patterns. Update required.
• ^ Updated: breadcrumbs (#20). Update required.
• ^ Updated: pagination. Update required.
• ^ Moved all assets (fonts, icons), into dist/assets directory (#22).
• – Replaced masthead-narrow with masthead-internal (#13). Update required.
• – Replaced sub-nav and side-nav with menu. Update required.
• – Removed Newsletter Widget section from docs.
• + Added new navigation subcomponent: menu.
• + Added new navigation subcomponent: segmented-control.
• + Added documentation, available via Jekyll build, or from CDN (#14, #18).
• + Added Travis CI integration to test all builds (#16).
• + Added package versioning info to documentation (#25).

Important

This release truncates name of the Bower package, from wfp-ui-kit to just wfp-ui. Please, update your references accordingly, and sorry for the trouble!

This release brings quite a few changes to both, the repository structure, and its contents:

• ^ Updated the whole repository, to better serve as a static Bower package (so you could include it in your project without cloning the whole repo). (#2)
• ^ Updated NPM dependencies (see c64c3110d67632f522b94c0d0384acec978d1462 for more info).
• ^ Moved precompiled wfpui.css to dist directory. (#4)
• ^ Moved all SCSS source under scss directory. (#2)
• – Removed ui-icons web font. (#11)
• + Added missing navigation-responsive to master SCSS file.
• + Added SVG icons, available as base64-encoded SCSS placeholders. (#11)
• + Added cssnano to PostCSS toolkit, to help minify all files that will end up under dist dir.
• + Added readme.md, to help you kickstart your project off the right foot (or left). (#3)
• + Added Grunt tasks for building CSS for distribution (and thus help with automation). (#9)
• + Added a Bootstrap 3 bootstrap-theme.css, for those who would like to add a touch of WFP branding to their projects, without ever leaving their favourite framework. (#10)
• + Prepared the repo for some stuff from the future, such as... documentation (coming soon)! (#2)

• Refactored and renamed tabs-menu to inline-menu, to make it more universal;

• Updated responsive navigation;
• Minor tweaks to breadcrumbs, footer and header;
• Refactored internal masthead and its navigation;
• Added new component: _navigation-responsive.scss;
• Fixed a broken min-height value in the header's nav wrapper;
• Added back darker breadcrumbs for splash photos;
• Refactored pagination and breadcrumb components;
• Fixed forms and buttons.

• Includes PureCSS 0.5.0;
• Contains minified & non-minified sources (wfpui.css, wfpui.min.css);
• Supports basic set of components and layouts featured in the wfp/ui-guide;
• Makes use of Flexbox mixins;
• Can be used as a static Bower package for inclusion in projects via @import "[bower_components]/wfp-ui-kit/wfpui.scss";