Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@myuw-web-components/myuw-app-styles
Advanced tools
@myuw-web-components/myuw-app-styles - npm Package Compare versions
Comparing version 1.2.3 to 1.3.0
| # myuw-app-styles versions | ||
| ## 1.3.0 | ||
| ### Added | ||
| * Delivery pipeline and docs for contributors | ||
| ### Changed | ||
| * Updated dependencies | ||
| ## 1.2.2 | ||
| ## Added | ||
| ### Added | ||
@@ -13,2 +23,2 @@ * Media query to set no border for white theme's search box on small screens | ||
| * `uw-madison-white-theme` adds CSS variables to reskin myuw-web-components for a white theme | ||
| * `uw-madison-white-theme` adds CSS variables to reskin myuw-web-components for a white theme |
@@ -9,10 +9,10 @@ (function () { | ||
| var fontfaceobserver_standalone = createCommonjsModule(function (module) { | ||
| /* Font Face Observer v2.0.13 - © Bram Stein. License: BSD-3-Clause */(function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b);}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a();}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a();});}function r(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;"; | ||
| /* Font Face Observer v2.1.0 - © Bram Stein. License: BSD-3-Clause */(function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b);}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a();}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a();});}function t(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;"; | ||
| this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c);} | ||
| function t(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";";}function y(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function z(a,b){function c(){var a=k;y(a)&&a.a.parentNode&&b(a.g);}var k=a;l(a.b,c);l(a.c,c);y(a);}function A(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal";}var B=null,C=null,E=null,F=null;function G(){if(null===C)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);C=!!a&&603>parseInt(a[1],10);}else C=!1;return C}function J(){null===F&&(F=!!document.fonts);return F} | ||
| function u(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";";}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=k;z(a)&&a.a.parentNode&&b(a.g);}var k=a;l(a.b,c);l(a.c,c);z(a);}function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal";}var C=null,D=null,E=null,F=null;function G(){if(null===D)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);D=!!a&&603>parseInt(a[1],10);}else D=!1;return D}function J(){null===F&&(F=!!document.fonts);return F} | ||
| function K(){if(null===E){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif";}catch(b){}E=""!==a.style.font;}return E}function L(a,b){return [a.style,a.weight,K()?a.stretch:"","100px",b].join(" ")} | ||
| A.prototype.load=function(a,b){var c=this,k=a||"BESbswy",q=0,D=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=D?b():document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25);},function(){b();});}e();}),N=new Promise(function(a,c){q=setTimeout(c,D);});Promise.race([N,M]).then(function(){clearTimeout(q);a(c);},function(){b(c);});}else m(function(){function u(){var b;if(b=-1!= | ||
| f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===B&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),B=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=B&&(f==v&&g==v&&h==v||f==w&&g==w&&h==w||f==x&&g==x&&h==x)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(q),a(c));}function I(){if((new Date).getTime()-H>=D)d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth, | ||
| g=n.a.offsetWidth,h=p.a.offsetWidth,u();q=setTimeout(I,50);}}var e=new r(k),n=new r(k),p=new r(k),f=-1,g=-1,h=-1,v=-1,w=-1,x=-1,d=document.createElement("div");d.dir="ltr";t(e,L(c,"sans-serif"));t(n,L(c,"serif"));t(p,L(c,"monospace"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);v=e.a.offsetWidth;w=n.a.offsetWidth;x=p.a.offsetWidth;I();z(e,function(a){f=a;u();});t(e,L(c,'"'+c.family+'",sans-serif'));z(n,function(a){g=a;u();});t(n,L(c,'"'+c.family+'",serif')); | ||
| z(p,function(a){h=a;u();});t(p,L(c,'"'+c.family+'",monospace'));});})};module.exports=A;}()); | ||
| B.prototype.load=function(a,b){var c=this,k=a||"BESbswy",r=0,n=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=n?b(Error(""+n+"ms timeout exceeded")):document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25);},b);}e();}),N=new Promise(function(a,c){r=setTimeout(function(){c(Error(""+n+"ms timeout exceeded"));},n);});Promise.race([N,M]).then(function(){clearTimeout(r);a(c);}, | ||
| b);}else m(function(){function v(){var b;if(b=-1!=f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(f==w&&g==w&&h==w||f==x&&g==x&&h==x||f==y&&g==y&&h==y)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(r),a(c));}function I(){if((new Date).getTime()-H>=n)d.parentNode&&d.parentNode.removeChild(d),b(Error(""+ | ||
| n+"ms timeout exceeded"));else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,g=p.a.offsetWidth,h=q.a.offsetWidth,v();r=setTimeout(I,50);}}var e=new t(k),p=new t(k),q=new t(k),f=-1,g=-1,h=-1,w=-1,x=-1,y=-1,d=document.createElement("div");d.dir="ltr";u(e,L(c,"sans-serif"));u(p,L(c,"serif"));u(q,L(c,"monospace"));d.appendChild(e.a);d.appendChild(p.a);d.appendChild(q.a);document.body.appendChild(d);w=e.a.offsetWidth;x=p.a.offsetWidth;y=q.a.offsetWidth;I();A(e,function(a){f=a;v();});u(e, | ||
| L(c,'"'+c.family+'",sans-serif'));A(p,function(a){g=a;v();});u(p,L(c,'"'+c.family+'",serif'));A(q,function(a){h=a;v();});u(q,L(c,'"'+c.family+'",monospace'));});})};module.exports=B;}()); | ||
| }); | ||
@@ -37,3 +37,3 @@ | ||
| document.body.setAttribute('myuw-font-loaded', true); | ||
| }).catch(function (error) { | ||
| })["catch"](function (error) { | ||
| document.body.setAttribute('myuw-font-loaded', true); | ||
@@ -40,0 +40,0 @@ throw new Error(error); |
@@ -1,1 +0,1 @@ | ||
| !(function(){"use strict";var e,t=((function(e){!(function(){function t(e,t){document.addEventListener?e.addEventListener("scroll",t,!1):e.attachEvent("scroll",t)}function n(e){this.a=document.createElement("div"),this.a.setAttribute("aria-hidden","true"),this.a.appendChild(document.createTextNode(e)),this.b=document.createElement("span"),this.c=document.createElement("span"),this.h=document.createElement("span"),this.f=document.createElement("span"),this.g=-1,this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.b.appendChild(this.h),this.c.appendChild(this.f),this.a.appendChild(this.b),this.a.appendChild(this.c)}function o(e,t){e.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+t+";"}function i(e){var t=e.a.offsetWidth,n=t+100;return e.f.style.width=n+"px",e.c.scrollLeft=n,e.b.scrollLeft=e.b.scrollWidth+100,e.g!==t&&(e.g=t,!0)}function a(e,n){function o(){var e=a;i(e)&&e.a.parentNode&&n(e.g)}var a=e;t(e.b,o),t(e.c,o),i(e)}function r(e,t){var n=t||{};this.family=e,this.style=n.style||"normal",this.weight=n.weight||"normal",this.stretch=n.stretch||"normal"}var s=null,l=null,c=null,d=null;function u(){return null===d&&(d=!!document.fonts),d}function h(e,t){return[e.style,e.weight,(function(){if(null===c){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(e){}c=""!==e.style.font}return c})()?e.stretch:"","100px",t].join(" ")}r.prototype.load=function(e,t){var i=this,r=e||"BESbswy",c=0,d=t||3e3,m=(new Date).getTime();return new Promise(function(e,t){if(u()&&!(function(){if(null===l)if(u()&&/Apple/.test(window.navigator.vendor)){var e=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);l=!!e&&603>parseInt(e[1],10)}else l=!1;return l})()){var f=new Promise(function(e,t){!(function n(){(new Date).getTime()-m>=d?t():document.fonts.load(h(i,'"'+i.family+'"'),r).then(function(t){1<=t.length?e():setTimeout(n,25)},function(){t()})})()}),p=new Promise(function(e,t){c=setTimeout(t,d)});Promise.race([p,f]).then(function(){clearTimeout(c),e(i)},function(){t(i)})}else!(function(e){document.body?e():document.addEventListener?document.addEventListener("DOMContentLoaded",function t(){document.removeEventListener("DOMContentLoaded",t),e()}):document.attachEvent("onreadystatechange",function t(){"interactive"!=document.readyState&&"complete"!=document.readyState||(document.detachEvent("onreadystatechange",t),e())})})(function(){function l(){var t;(t=-1!=y&&-1!=w||-1!=y&&-1!=b||-1!=w&&-1!=b)&&((t=y!=w&&y!=b&&w!=b)||(null===s&&(t=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),s=!!t&&(536>parseInt(t[1],10)||536===parseInt(t[1],10)&&11>=parseInt(t[2],10))),t=s&&(y==v&&w==v&&b==v||y==g&&w==g&&b==g||y==x&&w==x&&b==x)),t=!t),t&&(E.parentNode&&E.parentNode.removeChild(E),clearTimeout(c),e(i))}var u=new n(r),f=new n(r),p=new n(r),y=-1,w=-1,b=-1,v=-1,g=-1,x=-1,E=document.createElement("div");E.dir="ltr",o(u,h(i,"sans-serif")),o(f,h(i,"serif")),o(p,h(i,"monospace")),E.appendChild(u.a),E.appendChild(f.a),E.appendChild(p.a),document.body.appendChild(E),v=u.a.offsetWidth,g=f.a.offsetWidth,x=p.a.offsetWidth,(function e(){if((new Date).getTime()-m>=d)E.parentNode&&E.parentNode.removeChild(E),t(i);else{var n=document.hidden;!0!==n&&void 0!==n||(y=u.a.offsetWidth,w=f.a.offsetWidth,b=p.a.offsetWidth,l()),c=setTimeout(e,50)}})(),a(u,function(e){y=e,l()}),o(u,h(i,'"'+i.family+'",sans-serif')),a(f,function(e){w=e,l()}),o(f,h(i,'"'+i.family+'",serif')),a(p,function(e){b=e,l()}),o(p,h(i,'"'+i.family+'",monospace'))})})},e.exports=r})()})(e={exports:{}},e.exports),e.exports),n=document.createElement("template");n.setAttribute("style","display: none;"),n.innerHTML='<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ';var o=document.createElement("template");o.innerHTML="<style> :root {\n /* Main MyUW Theme Variables */\n\n --myuw-primary-bg: #c5050c;\n --myuw-primary-color: #fff;\n\n --myuw-accent-bg: #0479a8;\n --myuw-accent-color: #fff;\n\n --myuw-page-bg: #f7f7f7;\n --myuw-page-color: #494949;\n\n --myuw-dark: #646569;\n --myuw-darker: #282728;\n\n --myuw-font: 'Roboto', Arial, sans-serif;\n --myuw-app-bar-font: 'Verlag', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n --myuw-link-color: #0479a8;\n\n --myuw-search-border: none;\n\n --myuw-bar-button-bg: transparent;\n --myuw-bar-button-hover: rgba(0,0,0,0.12);\n\n /* Profile/navigation menu item color */\n --myuw-menu-color: rgba(0,0,0,0.87);\n}\n\n/* Duplicate :host styles for search to allow polyfills to work */\nmyuw-search {\n display: flex;\n flex: auto;\n border: var(--myuw-search-border, none);\n border-radius: 5px;\n}\n\n/* White theme variables */\nbody.uw-madison-white-theme {\n --myuw-primary-bg: #fff;\n --myuw-primary-color: #c5050c;\n\n --myuw-accent-bg: #fff;\n --myuw-accent-color: #0479a8;\n\n --myuw-search-border: 1px solid rgba(0,0,0,0.5);\n\n --myuw-bar-button-bg: #fb686d;\n}\n\n@media (max-width: 600px) {\n body.uw-madison-white-theme myuw-search {\n border: none;\n }\n} </style> ",document.head.appendChild(n.content),document.head.appendChild(o.content),new t("Roboto",{}).load().then(function(e){document.body.setAttribute("myuw-font-loaded",!0)}).catch(function(e){throw document.body.setAttribute("myuw-font-loaded",!0),new Error(e)})})(); | ||
| !(function(){"use strict";var e,t=((function(e){!(function(){function t(e,t){document.addEventListener?e.addEventListener("scroll",t,!1):e.attachEvent("scroll",t)}function n(e){this.a=document.createElement("div"),this.a.setAttribute("aria-hidden","true"),this.a.appendChild(document.createTextNode(e)),this.b=document.createElement("span"),this.c=document.createElement("span"),this.h=document.createElement("span"),this.f=document.createElement("span"),this.g=-1,this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.b.appendChild(this.h),this.c.appendChild(this.f),this.a.appendChild(this.b),this.a.appendChild(this.c)}function o(e,t){e.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+t+";"}function i(e){var t=e.a.offsetWidth,n=t+100;return e.f.style.width=n+"px",e.c.scrollLeft=n,e.b.scrollLeft=e.b.scrollWidth+100,e.g!==t&&(e.g=t,!0)}function a(e,n){function o(){var e=a;i(e)&&e.a.parentNode&&n(e.g)}var a=e;t(e.b,o),t(e.c,o),i(e)}function r(e,t){var n=t||{};this.family=e,this.style=n.style||"normal",this.weight=n.weight||"normal",this.stretch=n.stretch||"normal"}var s=null,c=null,l=null,d=null;function u(){return null===d&&(d=!!document.fonts),d}function m(e,t){return[e.style,e.weight,(function(){if(null===l){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(e){}l=""!==e.style.font}return l})()?e.stretch:"","100px",t].join(" ")}r.prototype.load=function(e,t){var i=this,r=e||"BESbswy",l=0,d=t||3e3,h=(new Date).getTime();return new Promise(function(e,t){if(u()&&!(function(){if(null===c)if(u()&&/Apple/.test(window.navigator.vendor)){var e=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);c=!!e&&603>parseInt(e[1],10)}else c=!1;return c})()){var f=new Promise(function(e,t){!(function n(){(new Date).getTime()-h>=d?t(Error(d+"ms timeout exceeded")):document.fonts.load(m(i,'"'+i.family+'"'),r).then(function(t){1<=t.length?e():setTimeout(n,25)},t)})()}),p=new Promise(function(e,t){l=setTimeout(function(){t(Error(d+"ms timeout exceeded"))},d)});Promise.race([p,f]).then(function(){clearTimeout(l),e(i)},t)}else!(function(e){document.body?e():document.addEventListener?document.addEventListener("DOMContentLoaded",function t(){document.removeEventListener("DOMContentLoaded",t),e()}):document.attachEvent("onreadystatechange",function t(){"interactive"!=document.readyState&&"complete"!=document.readyState||(document.detachEvent("onreadystatechange",t),e())})})(function(){function c(){var t;(t=-1!=y&&-1!=w||-1!=y&&-1!=b||-1!=w&&-1!=b)&&((t=y!=w&&y!=b&&w!=b)||(null===s&&(t=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),s=!!t&&(536>parseInt(t[1],10)||536===parseInt(t[1],10)&&11>=parseInt(t[2],10))),t=s&&(y==v&&w==v&&b==v||y==g&&w==g&&b==g||y==x&&w==x&&b==x)),t=!t),t&&(E.parentNode&&E.parentNode.removeChild(E),clearTimeout(l),e(i))}var u=new n(r),f=new n(r),p=new n(r),y=-1,w=-1,b=-1,v=-1,g=-1,x=-1,E=document.createElement("div");E.dir="ltr",o(u,m(i,"sans-serif")),o(f,m(i,"serif")),o(p,m(i,"monospace")),E.appendChild(u.a),E.appendChild(f.a),E.appendChild(p.a),document.body.appendChild(E),v=u.a.offsetWidth,g=f.a.offsetWidth,x=p.a.offsetWidth,(function e(){if((new Date).getTime()-h>=d)E.parentNode&&E.parentNode.removeChild(E),t(Error(d+"ms timeout exceeded"));else{var n=document.hidden;!0!==n&&void 0!==n||(y=u.a.offsetWidth,w=f.a.offsetWidth,b=p.a.offsetWidth,c()),l=setTimeout(e,50)}})(),a(u,function(e){y=e,c()}),o(u,m(i,'"'+i.family+'",sans-serif')),a(f,function(e){w=e,c()}),o(f,m(i,'"'+i.family+'",serif')),a(p,function(e){b=e,c()}),o(p,m(i,'"'+i.family+'",monospace'))})})},e.exports=r})()})(e={exports:{}},e.exports),e.exports),n=document.createElement("template");n.setAttribute("style","display: none;"),n.innerHTML='<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ';var o=document.createElement("template");o.innerHTML="<style> :root {\n /* Main MyUW Theme Variables */\n\n --myuw-primary-bg: #c5050c;\n --myuw-primary-color: #fff;\n\n --myuw-accent-bg: #0479a8;\n --myuw-accent-color: #fff;\n\n --myuw-page-bg: #f7f7f7;\n --myuw-page-color: #494949;\n\n --myuw-dark: #646569;\n --myuw-darker: #282728;\n\n --myuw-font: 'Roboto', Arial, sans-serif;\n --myuw-app-bar-font: 'Verlag', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n --myuw-link-color: #0479a8;\n\n --myuw-search-border: none;\n\n --myuw-bar-button-bg: transparent;\n --myuw-bar-button-hover: rgba(0,0,0,0.12);\n\n /* Profile/navigation menu item color */\n --myuw-menu-color: rgba(0,0,0,0.87);\n}\n\n/* Duplicate :host styles for search to allow polyfills to work */\nmyuw-search {\n display: flex;\n flex: auto;\n border: var(--myuw-search-border, none);\n border-radius: 5px;\n}\n\n/* White theme variables */\nbody.uw-madison-white-theme {\n --myuw-primary-bg: #fff;\n --myuw-primary-color: #c5050c;\n\n --myuw-accent-bg: #fff;\n --myuw-accent-color: #0479a8;\n\n --myuw-search-border: 1px solid rgba(0,0,0,0.5);\n\n --myuw-bar-button-bg: #fb686d;\n}\n\n@media (max-width: 600px) {\n body.uw-madison-white-theme myuw-search {\n border: none;\n }\n} </style> ",document.head.appendChild(n.content),document.head.appendChild(o.content),new t("Roboto",{}).load().then(function(e){document.body.setAttribute("myuw-font-loaded",!0)}).catch(function(e){throw document.body.setAttribute("myuw-font-loaded",!0),new Error(e)})})(); |
| { | ||
| "name": "@myuw-web-components/myuw-app-styles", | ||
| "version": "1.2.3", | ||
| "version": "1.3.0", | ||
| "description": "This HTML import contains custom CSS properties that are consumed by other components in the myuw-web-components space.", | ||
@@ -12,2 +12,3 @@ "module": "dist/myuw-app-styles.min.mjs", | ||
| "start": "run-p watch serve", | ||
| "sonar": "sonar-scanner", | ||
| "prepare": "npm run build" | ||
@@ -26,16 +27,18 @@ }, | ||
| "devDependencies": { | ||
| "@babel/core": "^7.1.2", | ||
| "@babel/preset-env": "^7.1.0", | ||
| "live-server": "^1.2.0", | ||
| "npm-run-all": "^4.1.3", | ||
| "rollup": "^0.63.4", | ||
| "rollup-plugin-babel": "^4.0.3", | ||
| "rollup-plugin-commonjs": "^9.1.4", | ||
| "@babel/core": "^7.7.2", | ||
| "@babel/preset-env": "^7.7.1", | ||
| "aws-sdk": "^2.568.0", | ||
| "live-server": "^1.2.1", | ||
| "npm-run-all": "^4.1.5", | ||
| "rollup": "^1.26.5", | ||
| "rollup-plugin-babel": "^4.3.3", | ||
| "rollup-plugin-commonjs": "^10.1.0", | ||
| "rollup-plugin-html": "^0.2.1", | ||
| "rollup-plugin-minify-es": "^1.1.1", | ||
| "rollup-plugin-node-resolve": "^3.3.0", | ||
| "rollup-plugin-node-resolve": "^5.2.0", | ||
| "sonarqube-scanner": "^2.5.0", | ||
| "tota11y": "^0.1.6" | ||
| }, | ||
| "dependencies": { | ||
| "fontfaceobserver": "^2.0.13" | ||
| "fontfaceobserver": "^2.1.0" | ||
| }, | ||
@@ -42,0 +45,0 @@ "files": [ |
@@ -7,7 +7,14 @@ # MyUW App Styles | ||
| Add the app styles script to your document: | ||
| To use the "UW-Madison White" theme, for example, import the component and add the "uw-madison-white-theme" class to your page's body element, like so: | ||
| ```html | ||
| <script type="module" src="https://unpkg.com/@myuw-web-components/myuw-app-styles@^1?module"></script> | ||
| <script nomodule src="https://unpkg.com/@myuw-web-components/myuw-app-styles@^1"></script> | ||
| <!-- import the module --> | ||
| <script type="module" src="https://cdn.my.wisc.edu/@myuw-web-components/myuw-app-styles@latest/myuw-app-styles.min.mjs"></script> | ||
| <!-- fallback for browsers without ES2015 module support --> | ||
| <script nomodule src="https://cdn.my.wisc.edu/@myuw-web-components/myuw-app-styles@latest/myuw-app-styles.min.js"></script> | ||
| <body class="uw-madison-white-theme"> | ||
| <!-- ... --> | ||
| </body> | ||
| ``` | ||
@@ -17,2 +24,4 @@ | ||
| _Note:_ The evergreen "latest" version can be used for convenience, but in production settings it is recommended to use the latest [release version](https://github.com/myuw-web-components/myuw-app-styles/releases) specifically, and upgrade only after testing! | ||
| ## Theming | ||
@@ -22,8 +31,3 @@ | ||
| To use the "UW-Madison White" theme, add the "uw-madison-white-theme" class to your page's body element, like so: | ||
| ```html | ||
| <body class="uw-madison-white-theme"> | ||
| <!-- ... --> | ||
| </body> | ||
| ``` | ||
| Cross-browser testing provided by:<br/> | ||
| <a href="https://www.browserstack.com/"><img width="160" src="https://myuw-web-components.github.io/img/Browserstack-logo.svg" alt="BrowserStack"/></a> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by2.78%
40594
- Lines of code
- increased by0.7%
143
- Number of lines in readme file
- increased by19.23%
31
Worsened metrics
- Dev dependency count
- increased by18.18%
13
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
Updatedfontfaceobserver@^2.1.0