ustyle 1.12.6 → 1.14.0

data/dist/ustyle.min.js

@@ -1 +1 @@
-var slice=[].slice,hasProp={}.hasOwnProperty;null==this.Utils&&(this.Utils={modules:[]});var addClass=function(a,b){return removeClass(a,b),a.className+=" "+b+" "},removeClass=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)","gi");return a.className=a.className.replace(c,"")},hasClass=function(a,b){return new RegExp("(^| )"+b+"( |$)","gi").test(a.className)},merge=function(){var a,b,c,d,e=arguments[0],f=2<=arguments.length?slice.call(arguments,1):[];for(b=0,c=f.length;b<c;b++){a=f[b];for(d in a)hasProp.call(a,d)&&(e[d]=a[d])}return e},setOptions=function(a,b){return merge({},b,a)},deleteUndefined=function(a){var b,c,d=[];for(b in a)c=a[b],null===c||void 0===c?d.push(delete a[b]):d.push(void 0);return d},transformKey=function(){var a,b,c,d=document.createElement("div"),e=["transform","webkitTransform","OTransform","MozTransform","msTransform"];for(a=0,c=e.length;a<c;a++)if(b=e[a],void 0!==d.style[b])return b}(),requestAnimationFrame=function(a){var b,c,d,e=["ms","moz","webkit","o"];for(b=0,c=e.length;b<c&&(d=e[b],!a.requestAnimationFrame);b++)a.requestAnimationFrame=a[d+"RequestAnimationFrame"];return a.requestAnimationFrame||(a.requestAnimationFrame=function(a){return setTimeout(a,1e3/60)})}(window);this.Utils={addClass:addClass,removeClass:removeClass,hasClass:hasClass,merge:merge,setOptions:setOptions,deleteUndefined:deleteUndefined,transformKey:transformKey,requestAnimationFrame:requestAnimationFrame};var createContext,ref=this.Utils,merge=ref.merge,addClass=ref.addClass,hasClass=ref.hasClass,setOptions=ref.setOptions,removeClass=ref.removeClass,transformKey=ref.transformKey,indexOf=[].indexOf||function(a){for(var b=0,c=this.length;b<c;b++)if(b in this&&this[b]===a)return b;return-1};createContext=function(a){var b;return b=function(){function a(a){var b,c=this.options=setOptions(a,this.defaults);this.target=c.target,this.classPrefix=c.classPrefix,null!==this.target&&(this._boundEvents=[],this._closeTargets=[],b=this.create(),this.anchor=b.anchor,this.arrow=b.arrow,this.content=b.content,this.setEvents(this.anchor),this.watchWindow())}var b,c,d;return a.prototype.defaults={classPrefix:"us-anchor",openEvent:"click",showClose:!0,isAjax:!1},a.prototype.setEvents=function(a){var b=function(b){return function(c){return c.preventDefault(),c.stopPropagation(),b.isOpen()?b.hide(a):b.show(a)}}(this),c=function(b){return function(c){var d;if(b.isOpen()&&(d=c.target,indexOf.call(b._closeTargets,d)>=0&&(c.preventDefault(),c.stopPropagation(),b.hide(a)),c.target!==a&&!a.contains(c.target)&&c.target!==b.target&&!b.target.contains(c.target)))return b.hide(a)}}(this);return this._on(this.target,this.options.openEvent,b),this._on(document,this.options.openEvent,c)},a.prototype._on=function(a,b,c){return this._boundEvents.push({element:a,event:b,handler:c}),a.addEventListener(b,c,!1)},a.prototype.show=function(a){var b,c,d=function(b){return function(){return b.content.appendChild(b.options.content),a.parentNode||document.body.appendChild(a),addClass(a,b.classPrefix+"--open"),setTimeout(function(){return addClass(a,b.classPrefix+"--after-open")}),b.setPosition()}}(this);return this.options.isAjax?null!=(b=this.options.onOpen)?b.call().done(function(){return d()}):void 0:(d(),null!=(c=this.options.onOpen)?c.call():void 0)},a.prototype.hide=function(a){var b;return removeClass(a,this.classPrefix+"--open"),removeClass(a,this.classPrefix+"--after-open"),null!=(b=this.options.onClose)?b.call():void 0},a.prototype.isOpen=function(){return hasClass(this.anchor,this.classPrefix+"--open")},a.prototype.create=function(){var a,b,c,d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div");return addClass(e,this.classPrefix+"__content"),addClass(f,this.classPrefix+"__arrow-inner"),addClass(d,this.classPrefix+"__arrow"),d.appendChild(f),e.appendChild(d),this.options.showClose&&(c=document.createElement("a"),c.href="#",addClass(c,this.classPrefix+"__close-button"),e.appendChild(c),this._closeTargets.push(c)),a=document.createElement("div"),addClass(a,this.classPrefix),b=a.style,b.position="absolute",b.zIndex="9999",b.top="0px",b.left="0px",a.appendChild(e),addClass(document.documentElement,this.classPrefix+"--ready"),{anchor:a,arrow:d,content:e}},a.prototype.setPosition=function(){var a,e,f,g,h=c(this.target,this.anchor,this.arrow),i=this.target.getBoundingClientRect();return b(i,this.anchor)?(addClass(this.anchor,this.classPrefix+"--bottom"),removeClass(this.anchor,this.classPrefix+"--top"),g="calc(100% + 12px)",e=d(this.target,this.anchor,this.arrow)):(addClass(this.anchor,this.classPrefix+"--top"),removeClass(this.anchor,this.classPrefix+"--bottom"),g="-12px",e=d(this.target,this.anchor,this.arrow)),a="translateX("+Math.round(h)+"px) ",a+="translateY("+Math.round(e)+"px)","msTransform"!==transformKey&&(a+=" translateZ(0)"),this.anchor.style[transformKey]=a,f=i.left-this.anchor.getBoundingClientRect().left+this.target.offsetWidth/2,this.arrow.style.left=f+"px",this.content.style[transformKey+"Origin"]=f+"px "+g},c=function(a,b,c){var d=a.getBoundingClientRect(),e=d.left+b.offsetWidth/2+a.offsetWidth/2,f=d.left+a.offsetWidth/2;return document.body.offsetWidth<e?document.body.offsetWidth-b.offsetWidth:f-b.offsetWidth/2<0?0:d.left-b.offsetWidth/2+a.offsetWidth/2},d=function(a,c,d){var e=a.getBoundingClientRect();return b(e,c)?e.top-(c.offsetHeight-window.pageYOffset)+d.offsetHeight-a.offsetHeight:e.top+d.offsetHeight+a.offsetHeight+window.pageYOffset},b=function(a,b){if(!(a.top<b.offsetHeight))return window.innerHeight-a.top<b.offsetHeight},a.prototype.watchWindow=function(){var a,b,c,d=["resize","scroll","touchmove"],e=[];for(b=0,c=d.length;b<c;b++)a=d[b],e.push(window.addEventListener(a,function(a){return function(b){var c,d,e,f,g;if(a.isOpen())return e=+new Date,f=16,d=3*f,g?void 0:(e-c>d&&(a.setPosition(),c=e),g=setTimeout(function(b){return g=null,c=+new Date,a.setPosition()},f))}}(this),!1));return e},a}()},window.Anchor=createContext(),window.Backdrop=function(){function a(){d=document.querySelector(".us-backdrop"),null==d&&(d=b())}var b,c=0,d=null;return a.prototype.element=d,b=function(){return d=document.createElement("div"),Utils.addClass(d,"us-backdrop"),document.body.appendChild(d)},a.prototype.retain=function(){var a;if(c++,1===c)return Utils.addClass(d,"us-backdrop--visible"),a=function(){if(c>=1)return Utils.addClass(d,"us-backdrop--active")},Utils.requestAnimationFrame.call(window,a)},a.prototype.release=function(){var a;return 1===c&&(Utils.removeClass(d,"us-backdrop--active"),a=function(){return setTimeout(function(){if(0===c)return Utils.removeClass(d,"us-backdrop--visible")},300)},Utils.requestAnimationFrame.call(window,a)),c=Math.max(0,c-1)},a}(),window.Overlay=function(a){function b(a){if(this.overlay=(this.options=f(a,h)).overlay,null==this.overlay||"undefined"==typeof Backdrop||null===Backdrop)throw new Error("There's no overlay or you haven't included Backdrop");this.backdrop=new Backdrop,this.addEventListeners()}var c=a.addClass,d=a.hasClass,e=a.removeClass,f=a.setOptions,g=a.requestAnimationFrame,h={bodyActiveClass:"us-overlay--open",activeClass:"us-overlay-parent--active",visibleClass:"us-overlay-parent--visible",overlay:$(".us-overlay-parent"),openButton:".js-open-overlay",closeButton:".js-close-overlay",historyStatus:"#seedeal",history:!1,preventDefault:!0,animationSpeed:300};return b.prototype.addEventListeners=function(){if($(this.options.openButton).on("click.open-overlay",function(a){return function(b){return a.options.preventDefault&&b.preventDefault(),a.show(b)}}(this)),this.overlay.on("click.close-overlay",function(a){return function(b){for(var c=[],d=a.overlay.find(a.options.closeButton).toArray(),e=[a.overlay[0]].concat(d),f=e.length-1;f>=0;f--){var g=e[f];if(b.target===g){a.options.preventDefault&&b.preventDefault(),a.hide(b);break}c.push(void 0)}return c}}(this)),this.hasHistory())return window.onpopstate=function(a){return function(b){if(a.isOpen())return a.hide(b)}}(this)},b.prototype.show=function(a){var b,d=this;if($(document.body).addClass(this.options.bodyActiveClass),this.backdrop.retain(),c(this.overlay[0],this.options.visibleClass),b=function(){return c(d.overlay[0],d.options.activeClass),setTimeout(function(){var b;return"function"==typeof(b=d.options).onOpen?b.onOpen(a):void 0},d.options.animationSpeed)},g.call(window,b),this.hasHistory())return history.pushState("open",window.document.title,this.options.historyStatus)},b.prototype.hide=function(a){var b,c=this;if($(document.body).removeClass(this.options.bodyActiveClass),this.backdrop.release(),b=function(){return e(c.overlay[0],c.options.activeClass),setTimeout(function(){var b;return e(c.overlay[0],c.options.visibleClass),"function"==typeof(b=c.options).onClose?b.onClose(a):void 0},c.options.animationSpeed)},g.call(window,b),this.hasHistory()&&"open"===history.state)return history.back()},b.prototype.isOpen=function(){return d(this.overlay[0],this.options.activeClass)},b.prototype.hasHistory=function(){return this.options.history&&window.history&&window.history.pushState},b}(this.Utils);var setOptions=this.Utils.setOptions;window.Tabs=function(a){var b;return b=function(){function a(a){var b=this.options=setOptions(a,this.defaults),c=b.tabContainer,d=b.tabLinks;this.tabs=$(c).find(d),this.filter=this.tabs.data("target")?"data-target":"href",this.init(),this.tabs.on("click.ustyle.tab",function(a){return function(b){var c=$(b.currentTarget);return a.isAccordion()&&a.options.collapsible&&a.isActive(c)?(a.collapse(c),a.hashClear()):(a.navigateTo(c),a.scrollToTab(c),a.hashChange(c)),b.preventDefault()}}(this))}var b;return a.prototype.defaults={tabContainer:".us-tabs",tabLinks:".us-tabs-nav-mainlink",tabNav:".us-tabs-nav",changeUrls:!0,activeClass:"active",collapsible:!1,autoScroll:!0},a.prototype.init=function(){var a=this.activeTab(),b=this.tabFromHash();return b.length?this.navigateTo(b):a.length?this.navigateTo(a):this.options.collapsible&&this.isAccordion()?void 0:this.navigateTo(this.tabs.first())},a.prototype.hashChange=function(a){if(this.options.changeUrls)return location.replace("#!"+b(a).replace(/#/,""))},a.prototype.hashClear=function(){if(this.options.changeUrls){var a=window.location.pathname+window.location.search;return"function"==typeof history.replaceState?history.replaceState("",document.title,a):void 0}},a.prototype.navigateTo=function(a){var c=b(a),d=$(c);return this.tabs.removeClass(this.options.activeClass).end(),this.tabs.filter("["+this.filter+"='"+c+"']").addClass(this.options.activeClass),d.siblings("."+this.options.activeClass).removeClass(this.options.activeClass).end().addClass(this.options.activeClass),d.trigger("ustyle.tab.active")},a.prototype.collapse=function(a){var c=$(b(a));return this.tabs.removeClass(this.options.activeClass).end(),c.removeClass(this.options.activeClass)},a.prototype.scrollToTab=function(a){if(this.isAccordion()&&this.options.autoScroll){var c=$(b(a));return $("html,body").scrollTop(c.offset().top)}},a.prototype.activeTab=function(){return this.tabs.filter("."+this.options.activeClass)},a.prototype.tabFromHash=function(){var a=location.hash.replace("!","");return this.tabs.filter("["+this.filter+"='"+a+"']")},a.prototype.isActive=function(a){return b(a)===b(this.activeTab())},a.prototype.isAccordion=function(){return!$(this.options.tabNav).is(":visible")},b=function(a){return a.data("target")||a.attr("href")},a}()}(),window.ClassToggler=function(){function a(a){this.options=Utils.setOptions(a,b),this.options.$target?this.addEventListeners():console.trace("ClassToggle",this.options)}var b;return b={containerClass:null,$target:null,activeClass:"active",inactiveClass:null,toggleOn:"click"},a.prototype.addEventListeners=function(){return this.options.$target.on(this.options.toggleOn,function(a){return function(b){var c=a.options.containerClass?$(b.target).closest(a.options.containerClass):$(b.delegateTarget);return a.isActive(c)?a.hide(c,b):a.show(c,b)}}(this))},a.prototype.isActive=function(a){return a.hasClass(this.options.activeClass)},a.prototype.show=function(a,b){var c;return"function"==typeof(c=this.options).onShow&&c.onShow(a,b),a.addClass(this.options.activeClass)},a.prototype.hide=function(a,b){var c;return"function"==typeof(c=this.options).onHide&&c.onHide(a,b),a.removeClass(this.options.activeClass)},a}(),window.RadioToggle=function(){var a="RadioToggle is now deprecated";window.Raven&&window.Raven.captureMessage(a),console.warn(a)};
+var slice=[].slice,hasProp={}.hasOwnProperty;null==this.Utils&&(this.Utils={modules:[]});var addClass=function(a,b){return removeClass(a,b),a.className+=" "+b+" "},removeClass=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)","gi");return a.className=a.className.replace(c,"")},hasClass=function(a,b){return new RegExp("(^| )"+b+"( |$)","gi").test(a.className)},merge=function(){var a,b,c,d,e=arguments[0],f=2<=arguments.length?slice.call(arguments,1):[];for(b=0,c=f.length;b<c;b++){a=f[b];for(d in a)hasProp.call(a,d)&&(e[d]=a[d])}return e},setOptions=function(a,b){return merge({},b,a)},deleteUndefined=function(a){var b,c,d=[];for(b in a)c=a[b],null===c||void 0===c?d.push(delete a[b]):d.push(void 0);return d},transformKey=function(){var a,b,c,d=document.createElement("div"),e=["transform","webkitTransform","OTransform","MozTransform","msTransform"];for(a=0,c=e.length;a<c;a++)if(b=e[a],void 0!==d.style[b])return b}(),requestAnimationFrame=function(a){var b,c,d,e=["ms","moz","webkit","o"];for(b=0,c=e.length;b<c&&(d=e[b],!a.requestAnimationFrame);b++)a.requestAnimationFrame=a[d+"RequestAnimationFrame"];return a.requestAnimationFrame||(a.requestAnimationFrame=function(a){return setTimeout(a,1e3/60)})}(window);this.Utils={addClass:addClass,removeClass:removeClass,hasClass:hasClass,merge:merge,setOptions:setOptions,deleteUndefined:deleteUndefined,transformKey:transformKey,requestAnimationFrame:requestAnimationFrame},window.Backdrop=function(){function a(){d=document.querySelector(".us-backdrop"),null==d&&(d=b())}var b,c=0,d=null;return a.prototype.element=d,b=function(){return d=document.createElement("div"),Utils.addClass(d,"us-backdrop"),document.body.appendChild(d)},a.prototype.retain=function(){var a;if(c++,1===c)return Utils.addClass(d,"us-backdrop--visible"),a=function(){if(c>=1)return Utils.addClass(d,"us-backdrop--active")},Utils.requestAnimationFrame.call(window,a)},a.prototype.release=function(){var a;return 1===c&&(Utils.removeClass(d,"us-backdrop--active"),a=function(){return setTimeout(function(){if(0===c)return Utils.removeClass(d,"us-backdrop--visible")},300)},Utils.requestAnimationFrame.call(window,a)),c=Math.max(0,c-1)},a}(),window.Overlay=function(a){function b(a){if(this.overlay=(this.options=f(a,h)).overlay,null==this.overlay||"undefined"==typeof Backdrop||null===Backdrop)throw new Error("There's no overlay or you haven't included Backdrop");this.backdrop=new Backdrop,this.addEventListeners()}var c=a.addClass,d=a.hasClass,e=a.removeClass,f=a.setOptions,g=a.requestAnimationFrame,h={bodyActiveClass:"us-overlay--open",activeClass:"us-overlay-parent--active",visibleClass:"us-overlay-parent--visible",overlay:$(".us-overlay-parent"),openButton:".js-open-overlay",closeButton:".js-close-overlay",historyStatus:"#seedeal",history:!1,preventDefault:!0,animationSpeed:300};return b.prototype.addEventListeners=function(){if($(this.options.openButton).on("click.open-overlay",function(a){return function(b){return a.options.preventDefault&&b.preventDefault(),a.show(b)}}(this)),this.overlay.on("click.close-overlay",function(a){return function(b){for(var c=[],d=a.overlay.find(a.options.closeButton).toArray(),e=[a.overlay[0]].concat(d),f=e.length-1;f>=0;f--){var g=e[f];if(b.target===g){a.options.preventDefault&&b.preventDefault(),a.hide(b);break}c.push(void 0)}return c}}(this)),this.hasHistory())return window.onpopstate=function(a){return function(b){if(a.isOpen())return a.hide(b)}}(this)},b.prototype.show=function(a){var b,d=this;if($(document.body).addClass(this.options.bodyActiveClass),this.backdrop.retain(),c(this.overlay[0],this.options.visibleClass),b=function(){return c(d.overlay[0],d.options.activeClass),setTimeout(function(){var b;return"function"==typeof(b=d.options).onOpen?b.onOpen(a):void 0},d.options.animationSpeed)},g.call(window,b),this.hasHistory())return history.pushState("open",window.document.title,this.options.historyStatus)},b.prototype.hide=function(a){var b,c=this;if($(document.body).removeClass(this.options.bodyActiveClass),this.backdrop.release(),b=function(){return e(c.overlay[0],c.options.activeClass),setTimeout(function(){var b;return e(c.overlay[0],c.options.visibleClass),"function"==typeof(b=c.options).onClose?b.onClose(a):void 0},c.options.animationSpeed)},g.call(window,b),this.hasHistory()&&"open"===history.state)return history.back()},b.prototype.isOpen=function(){return d(this.overlay[0],this.options.activeClass)},b.prototype.hasHistory=function(){return this.options.history&&window.history&&window.history.pushState},b}(this.Utils);var setOptions=this.Utils.setOptions;window.Tabs=function(a){var b;return b=function(){function a(a){var b=this.options=setOptions(a,this.defaults),c=b.tabContainer,d=b.tabLinks;this.tabs=$(c).find(d),this.filter=this.tabs.data("target")?"data-target":"href",this.init(),this.tabs.on("click.ustyle.tab",function(a){return function(b){var c=$(b.currentTarget);return a.isAccordion()&&a.options.collapsible&&a.isActive(c)?(a.collapse(c),a.hashClear()):(a.navigateTo(c),a.scrollToTab(c),a.hashChange(c)),b.preventDefault()}}(this))}var b;return a.prototype.defaults={tabContainer:".us-tabs",tabLinks:".us-tabs-nav-mainlink",tabNav:".us-tabs-nav",changeUrls:!0,activeClass:"active",collapsible:!1,autoScroll:!0},a.prototype.init=function(){var a=this.activeTab(),b=this.tabFromHash();return b.length?this.navigateTo(b):a.length?this.navigateTo(a):this.options.collapsible&&this.isAccordion()?void 0:this.navigateTo(this.tabs.first())},a.prototype.hashChange=function(a){if(this.options.changeUrls)return location.replace("#!"+b(a).replace(/#/,""))},a.prototype.hashClear=function(){if(this.options.changeUrls){var a=window.location.pathname+window.location.search;return"function"==typeof history.replaceState?history.replaceState("",document.title,a):void 0}},a.prototype.navigateTo=function(a){var c=b(a),d=$(c);return this.tabs.removeClass(this.options.activeClass).end(),this.tabs.filter("["+this.filter+"='"+c+"']").addClass(this.options.activeClass),d.siblings("."+this.options.activeClass).removeClass(this.options.activeClass).end().addClass(this.options.activeClass),d.trigger("ustyle.tab.active")},a.prototype.collapse=function(a){var c=$(b(a));return this.tabs.removeClass(this.options.activeClass).end(),c.removeClass(this.options.activeClass)},a.prototype.scrollToTab=function(a){if(this.isAccordion()&&this.options.autoScroll){var c=$(b(a));return $("html,body").scrollTop(c.offset().top)}},a.prototype.activeTab=function(){return this.tabs.filter("."+this.options.activeClass)},a.prototype.tabFromHash=function(){var a=location.hash.replace("!","");return this.tabs.filter("["+this.filter+"='"+a+"']")},a.prototype.isActive=function(a){return b(a)===b(this.activeTab())},a.prototype.isAccordion=function(){return!$(this.options.tabNav).is(":visible")},b=function(a){return a.data("target")||a.attr("href")},a}()}(),window.ClassToggler=function(){function a(a){this.options=Utils.setOptions(a,b),this.options.$target?this.addEventListeners():console.trace("ClassToggle",this.options)}var b;return b={containerClass:null,$target:null,activeClass:"active",inactiveClass:null,toggleOn:"click"},a.prototype.addEventListeners=function(){return this.options.$target.on(this.options.toggleOn,function(a){return function(b){var c=a.options.containerClass?$(b.target).closest(a.options.containerClass):$(b.delegateTarget);return a.isActive(c)?a.hide(c,b):a.show(c,b)}}(this))},a.prototype.isActive=function(a){return a.hasClass(this.options.activeClass)},a.prototype.show=function(a,b){var c;return"function"==typeof(c=this.options).onShow&&c.onShow(a,b),a.addClass(this.options.activeClass)},a.prototype.hide=function(a,b){var c;return"function"==typeof(c=this.options).onHide&&c.onHide(a,b),a.removeClass(this.options.activeClass)},a}(),window.RadioToggle=function(){var a="RadioToggle is now deprecated";window.Raven&&window.Raven.captureMessage(a),console.warn(a)};

data/lib/ustyle/version.rb

@@ -1,4 +1,4 @@
 module Ustyle
-  version = "1.12.6"
+  version = "1.14.0"
   VERSION = version
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ustyle",
-  "version": "1.12.6",
+  "version": "1.14.0",
   "description": "A living styleguide and pattern library by uSwitch.",
   "keywords": [
     "css",

data/styleguide/assets/images/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/styleguide/assets/images/favicon/manifest.json

@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

data/styleguide/assets/images/favicon/safari-pinned-tab.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,16.000000) scale(0.002286,-0.002286)"
+fill="#000000" stroke="none">
+<path d="M1670 6986 c0 -4 63 -152 90 -211 5 -11 59 -138 120 -281 78 -185
+143 -318 221 -454 60 -106 109 -194 109 -195 0 -1 29 -53 65 -115 36 -62 65
+-114 65 -116 0 -1 28 -52 63 -111 61 -105 80 -142 113 -220 9 -21 19 -45 24
+-54 5 -9 54 -119 110 -245 71 -160 126 -267 183 -357 45 -70 87 -135 92 -145
+6 -9 13 -19 16 -22 3 -3 14 -20 24 -37 l19 -33 -39 -41 c-48 -50 -53 -55 -176
+-189 -53 -58 -166 -181 -252 -274 l-155 -169 3 -96 c5 -138 16 -534 17 -611 1
+-55 -8 -90 -56 -225 -32 -88 -64 -176 -71 -195 -20 -51 -78 -214 -200 -555
+-58 -165 -117 -329 -130 -365 -175 -479 -177 -486 -162 -575 3 -22 13 -89 22
+-150 8 -60 19 -137 24 -170 9 -60 92 -260 118 -281 7 -6 10 -13 7 -16 -3 -3
+11 -31 30 -61 20 -31 36 -58 36 -60 0 -3 17 -35 39 -71 32 -55 62 -86 171
+-177 129 -107 133 -109 173 -105 23 3 71 8 107 11 106 10 163 15 205 20 22 3
+63 7 90 10 28 3 61 8 75 10 14 2 61 9 105 15 109 16 118 18 124 28 3 5 69 109
+145 233 77 123 157 242 177 264 21 22 46 50 57 63 30 34 174 194 195 214 10
+10 15 24 11 30 -4 6 -3 8 3 5 12 -8 46 27 36 36 -3 4 0 7 7 7 7 0 20 8 29 18
+9 11 51 43 93 73 86 60 487 342 700 492 75 53 140 97 143 97 4 0 12 -6 18 -13
+30 -31 291 -315 351 -381 81 -89 129 -137 136 -134 5 2 52 44 105 93 54 50
+106 97 115 105 9 8 59 54 111 101 52 48 108 98 126 113 17 15 36 41 42 59 9
+26 86 382 177 812 20 96 19 78 5 195 -7 52 -14 113 -16 135 -7 61 -16 137 -20
+165 -3 14 -7 48 -10 75 -2 28 -7 59 -9 70 -2 12 -7 50 -11 85 -3 36 -8 79 -10
+95 -2 17 -7 57 -10 90 -3 33 -8 67 -10 75 -2 8 -6 40 -10 71 -10 92 -14 108
+-58 181 -12 20 -65 110 -118 200 -265 451 -363 615 -380 640 -10 15 -19 32
+-19 38 0 5 -12 10 -27 11 -16 0 -37 2 -48 5 -11 2 -51 8 -90 14 -115 17 -124
+19 -120 39 3 16 91 311 165 551 16 52 58 190 93 306 l63 211 -35 -14 c-20 -9
+-282 -139 -583 -289 -301 -151 -553 -274 -559 -274 -7 0 -46 22 -88 48 -42 27
+-264 169 -494 316 -230 147 -425 270 -433 273 -9 3 -13 0 -10 -8 7 -23 33
+-109 55 -184 17 -59 109 -370 128 -429 5 -18 -11 -2 -83 84 -102 120 -401 468
+-411 478 -6 7 -74 106 -150 220 -76 114 -142 212 -148 218 -5 7 -22 33 -38 58
+-17 29 -32 44 -39 40 -7 -4 -8 -3 -4 4 7 12 -5 41 -27 64 -7 7 -31 42 -54 78
+-24 36 -51 75 -60 85 -10 11 -47 54 -83 95 -36 41 -70 79 -76 85 -7 5 -53 57
+-105 115 -130 147 -131 148 -164 184 -16 18 -45 49 -62 70 -18 20 -33 34 -33
+32z m3254 -2692 c3 -8 2 -12 -4 -9 -6 3 -10 10 -10 16 0 14 7 11 14 -7z m3
+-46 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m40 -210 c-3 -8 -6
+-5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z"/>
+</g>
+</svg>

data/styleguide/assets/javascripts/app.js

@@ -1,4 +1,4 @@
-(function(document, window, cleanWhiteSpace, $, Overlay, ClassToggler, Tabs, Anchor, RadioToggle){
+(function(document, window, cleanWhiteSpace, $, Overlay, ClassToggler, Tabs, RadioToggle){
   "use strict";
 
   function App(){
@@ -62,10 +62,6 @@
 
     var tabs = new Tabs({collapsible: true, autoScroll: false});
     var radio = new RadioToggle();
-    var anchor = new Anchor({
-      target: document.querySelector(".js-example-anchor"),
-      content: document.querySelector(".js-example-anchor__target")
-    });
   }
 
   function clickToggle(event){
@@ -89,4 +85,4 @@
 
   return new App();
 
-})(document, window, cleanWhiteSpace, $, Overlay, ClassToggler, Tabs, Anchor, RadioToggle);
+})(document, window, cleanWhiteSpace, $, Overlay, ClassToggler, Tabs, RadioToggle);

data/styleguide/content/design/typography.md

@@ -1,30 +1,68 @@
-Typography is a key element of how we communicate at uSwitch. We've recently revised our type settings and removed FS Elliot Web from our fonts to increase legibility across devices.
+Typography is a key element of how we communicate at uSwitch. We've recently revised our type settings and removed Open Sans from our fonts to increase legibility across devices.
 
-Our chosen font is the beautiful and open source Open Sans which performs exceptionally well across all of our target devices and operating systems. It is, unlike many custom webfonts, particularly well kerned for Windows machines.
+We have chosen to use system fonts across the website for multiple reasons:
 
-Open Sans
----
+* Improved legibility in operating systems
+* No performance overhead in loading custom fonts
+* Users are accustomed to their operating system fonts
 
-<div class="font-chars">
-A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z
-<br>a  b  c  d  e  f  g  h  i  j  k  l  m  n  o  p  q  r  s  t  u  v  w  x  y  z
-<br>0  1  2  3  4  5  6  7  8  9  10
-</div>
+Depending on the operating system you are on, you will get one of the following fonts:
 
-Open Sans Bold
----
-
-<div class="font-chars font-chars--bold">
-A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z
-<br>a  b  c  d  e  f  g  h  i  j  k  l  m  n  o  p  q  r  s  t  u  v  w  x  y  z
-<br>0  1  2  3  4  5  6  7  8  9  10
-</div>
-
-Open Sans Italic
----
-
-<div class="font-chars font-chars--italic">
-A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z
-<br>a  b  c  d  e  f  g  h  i  j  k  l  m  n  o  p  q  r  s  t  u  v  w  x  y  z
-<br>0  1  2  3  4  5  6  7  8  9  10
-</div>
+<table class="pure-table pure-table-bordered">
+<thead>
+<tr class="header">
+<th>Font</th>
+<th>Device Targeted</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>-apple-system (San Francisco)</td>
+<td>iOS Safari, macOS Safari, macOS Firefox</td>
+</tr>
+<tr class="even">
+<td>BlinkMacSystemFont (San Francisco)</td>
+<td>macOS Chrome</td>
+</tr>
+<tr class="odd">
+<td>Segoe UI</td>
+<td>Windows</td>
+</tr>
+<tr class="even">
+<td>Roboto</td>
+<td>Android, Chrome OS</td>
+</tr>
+<tr class="odd">
+<td>Oxygen / Oxygen-Sans</td>
+<td>KDE</td>
+</tr>
+<tr class="even">
+<td>Fira Sans</td>
+<td>Firefox OS</td>
+</tr>
+<tr class="odd">
+<td>Droid Sans</td>
+<td>Older versions of Android</td>
+</tr>
+<tr class="even">
+<td>Ubuntu</td>
+<td>Ubuntu</td>
+</tr>
+<tr class="odd">
+<td>Cantarell</td>
+<td>GNOME</td>
+</tr>
+<tr class="even">
+<td>Helvetica Neue</td>
+<td>macOS versions &lt; 10.11</td>
+</tr>
+<tr class="odd">
+<td>Arial</td>
+<td>Any</td>
+</tr>
+<tr class="even">
+<td>sans-serif</td>
+<td>Any</td>
+</tr>
+</tbody>
+</table>

data/styleguide/partials/_head.tpl

@@ -7,6 +7,12 @@
 <head>
   <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
   <meta content='width=device-width, initial-scale=1.0' name='viewport' />
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
+  <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="/images//manifest.json">
+  <link rel="mask-icon" href="/images//safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="theme-color" content="#ffffff">
   <title>uStyle styleguide</title>
   <link rel="stylesheet" href="/css/main.css" type="text/css" />
   <!--[if lt IE 9]>

data/vendor/assets/javascripts/ustyle.js

@@ -1,7 +1,4 @@
-//= require ustyle/anchor
+//= require ustyle/utils
 //= require ustyle/backdrop
 //= require ustyle/overlay
 //= require ustyle/tabs
-//= require ustyle/utils
-//= require ustyle/login/password-helper
-//= require ustyle/login/login

data/vendor/assets/stylesheets/ustyle/_all.scss

@@ -24,7 +24,6 @@
 @import "ustyle/components/hero";
 @import "ustyle/components/content-group";
 @import "ustyle/components/tabs";
-@import "ustyle/components/anchor";
 @import "ustyle/components/loader";
 @import "ustyle/components/breadcrumbs";
 @import "ustyle/components/cta";

data/vendor/assets/stylesheets/ustyle/_global.scss

@@ -15,10 +15,6 @@
 // All mixins
 @import "ustyle/mixins/base";
 
-// Font face
-@import "ustyle/basics/font-face";
-@import "ustyle/basics/font-face-ie";
-
 // Basic extends
 @import "ustyle/basics/fonts";
 @import "ustyle/basics/extends";

data/vendor/assets/stylesheets/ustyle/basics/_variables.scss

@@ -12,34 +12,12 @@
 // Fonts
 // ----------
 
-/// If using a uStyle project outside of www.uswitch.com domain or one that lacks the power the includes, then
-/// set this to `true` to import the correct `@font-face` declarations.
-///
-/// @group fonts
-/// @type Bool
-
-$needs-font: false !default;
-
-/// Same as `$needs-font` but also imports the EOT's so that fonts work in < IE8
-///
-/// @group fonts
-/// @type Bool
-
-$needs-font-ie: false !default;
-
-/// Set this to wherever you are serving the uSwitch fonts from.
-///
-/// @group fonts
-/// @type String
-
-$base-font-url: "//fonts.uswitch.com/" !default;
-
 /// The primary heading font stack
 ///
 /// @group fonts
 /// @type String
 
-$heading-font: "Open Sans", Helvetica, Arial, sans-serif !default;
+$heading-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif !default;
 
 /// The primary heading font stack
 ///
@@ -62,7 +40,7 @@ $heading-font-secondary: $heading-font !default;
 /// @group fonts
 /// @type String
 
-$normal-font: "Open Sans", Helvetica, Arial, sans-serif !default;
+$normal-font: $heading-font;
 
 // ----------
 // Icons

data/vendor/assets/stylesheets/ustyle/components/_tabs.scss

@@ -206,8 +206,6 @@ $tab-active-color: $tab-border-color;
   -ms-flex-pack: center;
   -webkit-align-items: center;
   align-items: center;
-  -webkit-flex-flow: column;
-  -ms-flex-flow: column;
 }
 // scss-lint:enable Comment, MergeableSelector
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ustyle
 version: !ruby/object:Gem::Version
-  version: 1.12.6
+  version: 1.14.0
 platform: ruby
 authors:
 - uSwitch Limited
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-23 00:00:00.000000000 Z
+date: 2017-04-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -199,6 +199,29 @@ files:
 - styleguide/assets/images/design-conventions.png
 - styleguide/assets/images/error-texts.png
 - styleguide/assets/images/external-requirements.png
+- styleguide/assets/images/favicon/android-chrome-192x192.png
+- styleguide/assets/images/favicon/android-chrome-512x512.png
+- styleguide/assets/images/favicon/apple-touch-icon-114x114.png
+- styleguide/assets/images/favicon/apple-touch-icon-120x120.png
+- styleguide/assets/images/favicon/apple-touch-icon-144x144.png
+- styleguide/assets/images/favicon/apple-touch-icon-152x152.png
+- styleguide/assets/images/favicon/apple-touch-icon-180x180.png
+- styleguide/assets/images/favicon/apple-touch-icon-57x57.png
+- styleguide/assets/images/favicon/apple-touch-icon-60x60.png
+- styleguide/assets/images/favicon/apple-touch-icon-72x72.png
+- styleguide/assets/images/favicon/apple-touch-icon-76x76.png
+- styleguide/assets/images/favicon/apple-touch-icon.png
+- styleguide/assets/images/favicon/browserconfig.xml
+- styleguide/assets/images/favicon/favicon-16x16.png
+- styleguide/assets/images/favicon/favicon-32x32.png
+- styleguide/assets/images/favicon/favicon.ico
+- styleguide/assets/images/favicon/manifest.json
+- styleguide/assets/images/favicon/mstile-144x144.png
+- styleguide/assets/images/favicon/mstile-150x150.png
+- styleguide/assets/images/favicon/mstile-310x150.png
+- styleguide/assets/images/favicon/mstile-310x310.png
+- styleguide/assets/images/favicon/mstile-70x70.png
+- styleguide/assets/images/favicon/safari-pinned-tab.svg
 - styleguide/assets/images/icons.svg
 - styleguide/assets/images/infographic-01.png
 - styleguide/assets/images/infographic-02.png
@@ -395,11 +418,8 @@ files:
 - vendor/assets/images/icons/wiki.svg
 - vendor/assets/images/icons/xml.svg
 - vendor/assets/javascripts/ustyle.js
-- vendor/assets/javascripts/ustyle/anchor.js
 - vendor/assets/javascripts/ustyle/backdrop.js
 - vendor/assets/javascripts/ustyle/classtoggler.js
-- vendor/assets/javascripts/ustyle/login/login.js
-- vendor/assets/javascripts/ustyle/login/password-helper.js
 - vendor/assets/javascripts/ustyle/overlay.js
 - vendor/assets/javascripts/ustyle/radioToggle.js
 - vendor/assets/javascripts/ustyle/tabs.js
@@ -415,8 +435,6 @@ files:
 - vendor/assets/stylesheets/ustyle/articles/_news.scss
 - vendor/assets/stylesheets/ustyle/articles/_related.scss
 - vendor/assets/stylesheets/ustyle/basics/_extends.scss
-- vendor/assets/stylesheets/ustyle/basics/_font-face-ie.scss
-- vendor/assets/stylesheets/ustyle/basics/_font-face.scss
 - vendor/assets/stylesheets/ustyle/basics/_fonts.scss
 - vendor/assets/stylesheets/ustyle/basics/_functions.scss
 - vendor/assets/stylesheets/ustyle/basics/_grid.scss
@@ -425,7 +443,6 @@ files:
 - vendor/assets/stylesheets/ustyle/basics/variables/_colors.scss
 - vendor/assets/stylesheets/ustyle/basics/variables/_forms.scss
 - vendor/assets/stylesheets/ustyle/basics/variables/_icons.scss
-- vendor/assets/stylesheets/ustyle/components/_anchor.scss
 - vendor/assets/stylesheets/ustyle/components/_backdrop.scss
 - vendor/assets/stylesheets/ustyle/components/_breadcrumbs.scss
 - vendor/assets/stylesheets/ustyle/components/_button.scss
@@ -457,9 +474,6 @@ files:
 - vendor/assets/stylesheets/ustyle/forms/_toggle.scss
 - vendor/assets/stylesheets/ustyle/forms/_validation.scss
 - vendor/assets/stylesheets/ustyle/icons/_base.scss
-- vendor/assets/stylesheets/ustyle/login/_base.scss
-- vendor/assets/stylesheets/ustyle/login/_password-help.scss
-- vendor/assets/stylesheets/ustyle/login/_social.scss
 - vendor/assets/stylesheets/ustyle/mixins/_arrow.scss
 - vendor/assets/stylesheets/ustyle/mixins/_base.scss
 - vendor/assets/stylesheets/ustyle/mixins/_baseline.scss