@hackclub/design-system
Advanced tools
Comparing version 0.0.1-16 to 0.0.1-17
| import React, { Fragment } from 'react' | ||
| import { storiesOf, action } from '@storybook/react' | ||
| import { storiesOf } from '@storybook/react' | ||
| import { withInfo } from '@storybook/addon-info' | ||
@@ -12,44 +12,15 @@ import { IconButton } from '../src' | ||
| text: 'Use the <IconButton /> component to render a primitive button.' | ||
| })(() => ( | ||
| <IconButton | ||
| glyph="view-close" | ||
| color="error" | ||
| onClick={action('clicked')} | ||
| /> | ||
| )) | ||
| })(() => <IconButton glyph="view-close" color="error" />) | ||
| ) | ||
| .add('Rectangular button', () => ( | ||
| <IconButton | ||
| glyph="send" | ||
| bg="info" | ||
| color="white" | ||
| onClick={action('clicked')} | ||
| /> | ||
| <IconButton glyph="send" bg="info" color="white" /> | ||
| )) | ||
| .add('Circular button', () => ( | ||
| <IconButton | ||
| glyph="checkmark" | ||
| bg="success" | ||
| color="white" | ||
| circle | ||
| onClick={action('clicked')} | ||
| /> | ||
| <IconButton glyph="checkmark" bg="success" color="white" circle /> | ||
| )) | ||
| .add('Disabled circular buttons', () => ( | ||
| <Fragment> | ||
| <IconButton | ||
| disabled | ||
| glyph="view-close" | ||
| color="error" | ||
| onClick={action('clicked')} | ||
| /> | ||
| <IconButton | ||
| disabled | ||
| glyph="view-close" | ||
| bg="error" | ||
| color="white" | ||
| circle | ||
| onClick={action('clicked')} | ||
| /> | ||
| <IconButton disabled glyph="view-close" color="error" /> | ||
| <IconButton disabled glyph="view-close" bg="error" color="white" circle /> | ||
| </Fragment> | ||
| )) |
@@ -23,3 +23,2 @@ import React from 'react' | ||
| </OutlineButton> | ||
| <LargeButton bg="success">Large</LargeButton> | ||
| </div> | ||
@@ -26,0 +25,0 @@ )) |
@@ -36,2 +36,8 @@ import React from 'react' | ||
| .add('caps', () => <Text caps>Hello Caps</Text>) | ||
| .add('maxWidth', () => ( | ||
| <Text maxWidth={16}> | ||
| Hello I am some very long text that will be wrapped at 16rem because of my | ||
| maxWidth prop! | ||
| </Text> | ||
| )) | ||
| .add('strikethrough', () => <Text.s>Hello Strikethrough</Text.s>) | ||
@@ -38,0 +44,0 @@ .add('spacing', () => ( |
@@ -1,63 +0,79 @@ | ||
| var jumpToCode = (function init () { | ||
| // Classes of code we would like to highlight | ||
| var missingCoverageClasses = [ '.cbranch-no', '.cstat-no', '.fstat-no' ]; | ||
| /* eslint-disable */ | ||
| var jumpToCode = (function init() { | ||
| // Classes of code we would like to highlight in the file view | ||
| var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no']; | ||
| // We don't want to select elements that are direct descendants of another match | ||
| var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > ` | ||
| // Elements to highlight in the file listing view | ||
| var fileListingElements = ['td.pct.low']; | ||
| // Selecter that finds elements on the page to which we can jump | ||
| var selector = notSelector + missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b` | ||
| // We don't want to select elements that are direct descendants of another match | ||
| var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > ` | ||
| // The NodeList of matching elements | ||
| var missingCoverageElements = document.querySelectorAll(selector); | ||
| // Selecter that finds elements on the page to which we can jump | ||
| var selector = | ||
| fileListingElements.join(', ') + | ||
| ', ' + | ||
| notSelector + | ||
| missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b` | ||
| var currentIndex; | ||
| // The NodeList of matching elements | ||
| var missingCoverageElements = document.querySelectorAll(selector); | ||
| function toggleClass(index) { | ||
| missingCoverageElements.item(currentIndex).classList.remove('highlighted'); | ||
| missingCoverageElements.item(index).classList.add('highlighted'); | ||
| } | ||
| var currentIndex; | ||
| function makeCurrent(index) { | ||
| toggleClass(index); | ||
| currentIndex = index; | ||
| missingCoverageElements.item(index) | ||
| .scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' }); | ||
| } | ||
| function toggleClass(index) { | ||
| missingCoverageElements | ||
| .item(currentIndex) | ||
| .classList.remove('highlighted'); | ||
| missingCoverageElements.item(index).classList.add('highlighted'); | ||
| } | ||
| function goToPrevious() { | ||
| var nextIndex = 0; | ||
| if (typeof currentIndex !== 'number' || currentIndex === 0) { | ||
| nextIndex = missingCoverageElements.length - 1; | ||
| } else if (missingCoverageElements.length > 1) { | ||
| nextIndex = currentIndex - 1; | ||
| function makeCurrent(index) { | ||
| toggleClass(index); | ||
| currentIndex = index; | ||
| missingCoverageElements.item(index).scrollIntoView({ | ||
| behavior: 'smooth', | ||
| block: 'center', | ||
| inline: 'center' | ||
| }); | ||
| } | ||
| makeCurrent(nextIndex); | ||
| } | ||
| function goToPrevious() { | ||
| var nextIndex = 0; | ||
| if (typeof currentIndex !== 'number' || currentIndex === 0) { | ||
| nextIndex = missingCoverageElements.length - 1; | ||
| } else if (missingCoverageElements.length > 1) { | ||
| nextIndex = currentIndex - 1; | ||
| } | ||
| function goToNext() { | ||
| var nextIndex = 0; | ||
| if (typeof currentIndex === 'number' && currentIndex < (missingCoverageElements.length - 1)) { | ||
| nextIndex = currentIndex + 1; | ||
| makeCurrent(nextIndex); | ||
| } | ||
| makeCurrent(nextIndex); | ||
| } | ||
| function goToNext() { | ||
| var nextIndex = 0; | ||
| return function jump(event) { | ||
| switch (event.which) { | ||
| case 78: // n | ||
| case 74: // j | ||
| goToNext(); | ||
| break; | ||
| case 66: // b | ||
| case 75: // k | ||
| case 80: // p | ||
| goToPrevious(); | ||
| break; | ||
| if ( | ||
| typeof currentIndex === 'number' && | ||
| currentIndex < missingCoverageElements.length - 1 | ||
| ) { | ||
| nextIndex = currentIndex + 1; | ||
| } | ||
| makeCurrent(nextIndex); | ||
| } | ||
| }; | ||
| }()); | ||
| return function jump(event) { | ||
| switch (event.which) { | ||
| case 78: // n | ||
| case 74: // j | ||
| goToNext(); | ||
| break; | ||
| case 66: // b | ||
| case 75: // k | ||
| case 80: // p | ||
| goToPrevious(); | ||
| break; | ||
| } | ||
| }; | ||
| })(); | ||
| window.addEventListener('keydown', jumpToCode); |
@@ -1,63 +0,79 @@ | ||
| var jumpToCode = (function init () { | ||
| // Classes of code we would like to highlight | ||
| var missingCoverageClasses = [ '.cbranch-no', '.cstat-no', '.fstat-no' ]; | ||
| /* eslint-disable */ | ||
| var jumpToCode = (function init() { | ||
| // Classes of code we would like to highlight in the file view | ||
| var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no']; | ||
| // We don't want to select elements that are direct descendants of another match | ||
| var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > ` | ||
| // Elements to highlight in the file listing view | ||
| var fileListingElements = ['td.pct.low']; | ||
| // Selecter that finds elements on the page to which we can jump | ||
| var selector = notSelector + missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b` | ||
| // We don't want to select elements that are direct descendants of another match | ||
| var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > ` | ||
| // The NodeList of matching elements | ||
| var missingCoverageElements = document.querySelectorAll(selector); | ||
| // Selecter that finds elements on the page to which we can jump | ||
| var selector = | ||
| fileListingElements.join(', ') + | ||
| ', ' + | ||
| notSelector + | ||
| missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b` | ||
| var currentIndex; | ||
| // The NodeList of matching elements | ||
| var missingCoverageElements = document.querySelectorAll(selector); | ||
| function toggleClass(index) { | ||
| missingCoverageElements.item(currentIndex).classList.remove('highlighted'); | ||
| missingCoverageElements.item(index).classList.add('highlighted'); | ||
| } | ||
| var currentIndex; | ||
| function makeCurrent(index) { | ||
| toggleClass(index); | ||
| currentIndex = index; | ||
| missingCoverageElements.item(index) | ||
| .scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' }); | ||
| } | ||
| function toggleClass(index) { | ||
| missingCoverageElements | ||
| .item(currentIndex) | ||
| .classList.remove('highlighted'); | ||
| missingCoverageElements.item(index).classList.add('highlighted'); | ||
| } | ||
| function goToPrevious() { | ||
| var nextIndex = 0; | ||
| if (typeof currentIndex !== 'number' || currentIndex === 0) { | ||
| nextIndex = missingCoverageElements.length - 1; | ||
| } else if (missingCoverageElements.length > 1) { | ||
| nextIndex = currentIndex - 1; | ||
| function makeCurrent(index) { | ||
| toggleClass(index); | ||
| currentIndex = index; | ||
| missingCoverageElements.item(index).scrollIntoView({ | ||
| behavior: 'smooth', | ||
| block: 'center', | ||
| inline: 'center' | ||
| }); | ||
| } | ||
| makeCurrent(nextIndex); | ||
| } | ||
| function goToPrevious() { | ||
| var nextIndex = 0; | ||
| if (typeof currentIndex !== 'number' || currentIndex === 0) { | ||
| nextIndex = missingCoverageElements.length - 1; | ||
| } else if (missingCoverageElements.length > 1) { | ||
| nextIndex = currentIndex - 1; | ||
| } | ||
| function goToNext() { | ||
| var nextIndex = 0; | ||
| if (typeof currentIndex === 'number' && currentIndex < (missingCoverageElements.length - 1)) { | ||
| nextIndex = currentIndex + 1; | ||
| makeCurrent(nextIndex); | ||
| } | ||
| makeCurrent(nextIndex); | ||
| } | ||
| function goToNext() { | ||
| var nextIndex = 0; | ||
| return function jump(event) { | ||
| switch (event.which) { | ||
| case 78: // n | ||
| case 74: // j | ||
| goToNext(); | ||
| break; | ||
| case 66: // b | ||
| case 75: // k | ||
| case 80: // p | ||
| goToPrevious(); | ||
| break; | ||
| if ( | ||
| typeof currentIndex === 'number' && | ||
| currentIndex < missingCoverageElements.length - 1 | ||
| ) { | ||
| nextIndex = currentIndex + 1; | ||
| } | ||
| makeCurrent(nextIndex); | ||
| } | ||
| }; | ||
| }()); | ||
| return function jump(event) { | ||
| switch (event.which) { | ||
| case 78: // n | ||
| case 74: // j | ||
| goToNext(); | ||
| break; | ||
| case 66: // b | ||
| case 75: // k | ||
| case 80: // p | ||
| goToPrevious(); | ||
| break; | ||
| } | ||
| }; | ||
| })(); | ||
| window.addEventListener('keydown', jumpToCode); |
@@ -0,1 +1,2 @@ | ||
| /* eslint-disable */ | ||
| window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=["break,continue,do,else,for,if,return,while"];var u=[h,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var p=[u,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var l=[p,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var x=[p,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var R=[x,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];var r="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes";var w=[p,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var s="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var I=[h,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var f=[h,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var H=[h,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var C="str";var z="kwd";var j="com";var O="typ";var G="lit";var L="pun";var F="pln";var m="tag";var E="dec";var J="src";var P="atn";var n="atv";var N="nocode";var M="(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V<U;++V){var ae=Z[V];if(ae.ignoreCase){ac=true}else{if(/[a-z]/i.test(ae.source.replace(/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi,""))){S=true;ac=false;break}}}var Y={b:8,t:9,n:10,v:11,f:12,r:13};function ab(ah){var ag=ah.charCodeAt(0);if(ag!==92){return ag}var af=ah.charAt(1);ag=Y[af];if(ag){return ag}else{if("0"<=af&&af<="7"){return parseInt(ah.substring(1),8)}else{if(af==="u"||af==="x"){return parseInt(ah.substring(2),16)}else{return ah.charCodeAt(1)}}}}function T(af){if(af<32){return(af<16?"\\x0":"\\x")+af.toString(16)}var ag=String.fromCharCode(af);if(ag==="\\"||ag==="-"||ag==="["||ag==="]"){ag="\\"+ag}return ag}function X(am){var aq=am.substring(1,am.length-1).match(new RegExp("\\\\u[0-9A-Fa-f]{4}|\\\\x[0-9A-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\s\\S]|-|[^-\\\\]","g"));var ak=[];var af=[];var ao=aq[0]==="^";for(var ar=ao?1:0,aj=aq.length;ar<aj;++ar){var ah=aq[ar];if(/\\[bdsw]/i.test(ah)){ak.push(ah)}else{var ag=ab(ah);var al;if(ar+2<aj&&"-"===aq[ar+1]){al=ab(aq[ar+2]);ar+=2}else{al=ag}af.push([ag,al]);if(!(al<65||ag>122)){if(!(al<65||ag>90)){af.push([Math.max(65,ag)|32,Math.min(al,90)|32])}if(!(al<97||ag>122)){af.push([Math.max(97,ag)&~32,Math.min(al,122)&~32])}}}}af.sort(function(av,au){return(av[0]-au[0])||(au[1]-av[1])});var ai=[];var ap=[NaN,NaN];for(var ar=0;ar<af.length;++ar){var at=af[ar];if(at[0]<=ap[1]+1){ap[1]=Math.max(ap[1],at[1])}else{ai.push(ap=at)}}var an=["["];if(ao){an.push("^")}an.push.apply(an,ak);for(var ar=0;ar<ai.length;++ar){var at=ai[ar];an.push(T(at[0]));if(at[1]>at[0]){if(at[1]+1>at[0]){an.push("-")}an.push(T(at[1]))}}an.push("]");return an.join("")}function W(al){var aj=al.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var ah=aj.length;var an=[];for(var ak=0,am=0;ak<ah;++ak){var ag=aj[ak];if(ag==="("){++am}else{if("\\"===ag.charAt(0)){var af=+ag.substring(1);if(af&&af<=am){an[af]=-1}}}}for(var ak=1;ak<an.length;++ak){if(-1===an[ak]){an[ak]=++ad}}for(var ak=0,am=0;ak<ah;++ak){var ag=aj[ak];if(ag==="("){++am;if(an[am]===undefined){aj[ak]="(?:"}}else{if("\\"===ag.charAt(0)){var af=+ag.substring(1);if(af&&af<=am){aj[ak]="\\"+an[am]}}}}for(var ak=0,am=0;ak<ah;++ak){if("^"===aj[ak]&&"^"!==aj[ak+1]){aj[ak]=""}}if(al.ignoreCase&&S){for(var ak=0;ak<ah;++ak){var ag=aj[ak];var ai=ag.charAt(0);if(ag.length>=2&&ai==="["){aj[ak]=X(ag)}else{if(ai!=="\\"){aj[ak]=ag.replace(/[a-zA-Z]/g,function(ao){var ap=ao.charCodeAt(0);return"["+String.fromCharCode(ap&~32,ap|32)+"]"})}}}}return aj.join("")}var aa=[];for(var V=0,U=Z.length;V<U;++V){var ae=Z[V];if(ae.global||ae.multiline){throw new Error(""+ae)}aa.push("(?:"+W(ae)+")")}return new RegExp(aa.join("|"),ac?"gi":"g")}function a(V){var U=/(?:^|\s)nocode(?:\s|$)/;var X=[];var T=0;var Z=[];var W=0;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=document.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Y=S&&"pre"===S.substring(0,3);function aa(ab){switch(ab.nodeType){case 1:if(U.test(ab.className)){return}for(var ae=ab.firstChild;ae;ae=ae.nextSibling){aa(ae)}var ad=ab.nodeName;if("BR"===ad||"LI"===ad){X[W]="\n";Z[W<<1]=T++;Z[(W++<<1)|1]=ab}break;case 3:case 4:var ac=ab.nodeValue;if(ac.length){if(!Y){ac=ac.replace(/[ \t\r\n]+/g," ")}else{ac=ac.replace(/\r\n?/g,"\n")}X[W]=ac;Z[W<<1]=T;T+=ac.length;Z[(W++<<1)|1]=ab}break}}aa(V);return{sourceCode:X.join("").replace(/\n$/,""),spans:Z}}function B(S,U,W,T){if(!U){return}var V={sourceCode:U,basePos:S};W(V);T.push.apply(T,V.decorations)}var v=/\S/;function o(S){var V=undefined;for(var U=S.firstChild;U;U=U.nextSibling){var T=U.nodeType;V=(T===1)?(V?S:U):(T===3)?(v.test(U.nodeValue)?S:V):V}return V===S?undefined:V}function g(U,T){var S={};var V;(function(){var ad=U.concat(T);var ah=[];var ag={};for(var ab=0,Z=ad.length;ab<Z;++ab){var Y=ad[ab];var ac=Y[3];if(ac){for(var ae=ac.length;--ae>=0;){S[ac.charAt(ae)]=Y}}var af=Y[1];var aa=""+af;if(!ag.hasOwnProperty(aa)){ah.push(af);ag[aa]=null}}ah.push(/[\0-\uffff]/);V=k(ah)})();var X=T.length;var W=function(ah){var Z=ah.sourceCode,Y=ah.basePos;var ad=[Y,F];var af=0;var an=Z.match(V)||[];var aj={};for(var ae=0,aq=an.length;ae<aq;++ae){var ag=an[ae];var ap=aj[ag];var ai=void 0;var am;if(typeof ap==="string"){am=false}else{var aa=S[ag.charAt(0)];if(aa){ai=ag.match(aa[1]);ap=aa[0]}else{for(var ao=0;ao<X;++ao){aa=T[ao];ai=ag.match(aa[1]);if(ai){ap=aa[0];break}}if(!ai){ap=F}}am=ap.length>=5&&"lang-"===ap.substring(0,5);if(am&&!(ai&&typeof ai[1]==="string")){am=false;ap=J}if(!am){aj[ag]=ap}}var ab=af;af+=ag.length;if(!am){ad.push(Y+ab,ap)}else{var al=ai[1];var ak=ag.indexOf(al);var ac=ak+al.length;if(ai[2]){ac=ag.length-ai[2].length;ak=ac-al.length}var ar=ap.substring(5);B(Y+ab,ag.substring(0,ak),W,ad);B(Y+ab+ak,al,q(ar,al),ad);B(Y+ab+ac,ag.substring(ac),W,ad)}}ah.decorations=ad};return W}function i(T){var W=[],S=[];if(T.tripleQuotedStrings){W.push([C,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(T.multiLineStrings){W.push([C,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{W.push([C,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(T.verbatimStrings){S.push([C,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var Y=T.hashComments;if(Y){if(T.cStyleComments){if(Y>1){W.push([j,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{W.push([j,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}S.push([C,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,null])}else{W.push([j,/^#[^\r\n]*/,null,"#"])}}if(T.cStyleComments){S.push([j,/^\/\/[^\r\n]*/,null]);S.push([j,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(T.regexLiterals){var X=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");S.push(["lang-regex",new RegExp("^"+M+"("+X+")")])}var V=T.types;if(V){S.push([O,V])}var U=(""+T.keywords).replace(/^ | $/g,"");if(U.length){S.push([z,new RegExp("^(?:"+U.replace(/[\s,]+/g,"|")+")\\b"),null])}W.push([F,/^\s+/,null," \r\n\t\xA0"]);S.push([G,/^@[a-z_$][a-z_$@0-9]*/i,null],[O,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[F,/^[a-z_$][a-z_$@0-9]*/i,null],[G,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[F,/^\\[\s\S]?/,null],[L,/^.[^\s\w\.$@\'\"\`\/\#\\]*/,null]);return g(W,S)}var K=i({keywords:A,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function Q(V,ag){var U=/(?:^|\s)nocode(?:\s|$)/;var ab=/\r\n?|\n/;var ac=V.ownerDocument;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=ac.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Z=S&&"pre"===S.substring(0,3);var af=ac.createElement("LI");while(V.firstChild){af.appendChild(V.firstChild)}var W=[af];function ae(al){switch(al.nodeType){case 1:if(U.test(al.className)){break}if("BR"===al.nodeName){ad(al);if(al.parentNode){al.parentNode.removeChild(al)}}else{for(var an=al.firstChild;an;an=an.nextSibling){ae(an)}}break;case 3:case 4:if(Z){var am=al.nodeValue;var aj=am.match(ab);if(aj){var ai=am.substring(0,aj.index);al.nodeValue=ai;var ah=am.substring(aj.index+aj[0].length);if(ah){var ak=al.parentNode;ak.insertBefore(ac.createTextNode(ah),al.nextSibling)}ad(al);if(!ai){al.parentNode.removeChild(al)}}}break}}function ad(ak){while(!ak.nextSibling){ak=ak.parentNode;if(!ak){return}}function ai(al,ar){var aq=ar?al.cloneNode(false):al;var ao=al.parentNode;if(ao){var ap=ai(ao,1);var an=al.nextSibling;ap.appendChild(aq);for(var am=an;am;am=an){an=am.nextSibling;ap.appendChild(am)}}return aq}var ah=ai(ak.nextSibling,0);for(var aj;(aj=ah.parentNode)&&aj.nodeType===1;){ah=aj}W.push(ah)}for(var Y=0;Y<W.length;++Y){ae(W[Y])}if(ag===(ag|0)){W[0].setAttribute("value",ag)}var aa=ac.createElement("OL");aa.className="linenums";var X=Math.max(0,((ag-1))|0)||0;for(var Y=0,T=W.length;Y<T;++Y){af=W[Y];af.className="L"+((Y+X)%10);if(!af.firstChild){af.appendChild(ac.createTextNode("\xA0"))}aa.appendChild(af)}V.appendChild(aa)}function D(ac){var aj=/\bMSIE\b/.test(navigator.userAgent);var am=/\n/g;var al=ac.sourceCode;var an=al.length;var V=0;var aa=ac.spans;var T=aa.length;var ah=0;var X=ac.decorations;var Y=X.length;var Z=0;X[Y]=an;var ar,aq;for(aq=ar=0;aq<Y;){if(X[aq]!==X[aq+2]){X[ar++]=X[aq++];X[ar++]=X[aq++]}else{aq+=2}}Y=ar;for(aq=ar=0;aq<Y;){var at=X[aq];var ab=X[aq+1];var W=aq+2;while(W+2<=Y&&X[W+1]===ab){W+=2}X[ar++]=at;X[ar++]=ab;aq=W}Y=X.length=ar;var ae=null;while(ah<T){var af=aa[ah];var S=aa[ah+2]||an;var ag=X[Z];var ap=X[Z+2]||an;var W=Math.min(S,ap);var ak=aa[ah+1];var U;if(ak.nodeType!==1&&(U=al.substring(V,W))){if(aj){U=U.replace(am,"\r")}ak.nodeValue=U;var ai=ak.ownerDocument;var ao=ai.createElement("SPAN");ao.className=X[Z+1];var ad=ak.parentNode;ad.replaceChild(ao,ak);ao.appendChild(ak);if(V<S){aa[ah+1]=ak=ai.createTextNode(al.substring(W,S));ad.insertBefore(ak,ao.nextSibling)}}V=W;if(V>=S){ah+=2}if(V>=ap){Z+=2}}}var t={};function c(U,V){for(var S=V.length;--S>=0;){var T=V[S];if(!t.hasOwnProperty(T)){t[T]=U}else{if(window.console){console.warn("cannot override language handler %s",T)}}}}function q(T,S){if(!(T&&t.hasOwnProperty(T))){T=/^\s*</.test(S)?"default-markup":"default-code"}return t[T]}c(K,["default-code"]);c(g([],[[F,/^[^<?]+/],[E,/^<!\w[^>]*(?:>|$)/],[j,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[L,/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);c(g([[F,/^[\s]+/,null," \t\r\n"],[n,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[m,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[P,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[L,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);c(g([],[[n,/^[\s\S]+/]]),["uq.val"]);c(i({keywords:l,hashComments:true,cStyleComments:true,types:e}),["c","cc","cpp","cxx","cyc","m"]);c(i({keywords:"null,true,false"}),["json"]);c(i({keywords:R,hashComments:true,cStyleComments:true,verbatimStrings:true,types:e}),["cs"]);c(i({keywords:x,cStyleComments:true}),["java"]);c(i({keywords:H,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);c(i({keywords:I,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);c(i({keywords:s,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);c(i({keywords:f,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);c(i({keywords:w,cStyleComments:true,regexLiterals:true}),["js"]);c(i({keywords:r,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);c(g([],[[C,/^[\s\S]+/]]),["regex"]);function d(V){var U=V.langExtension;try{var S=a(V.sourceNode);var T=S.sourceCode;V.sourceCode=T;V.spans=S.spans;V.basePos=0;q(U,T)(V);D(V)}catch(W){if("console" in window){console.log(W&&W.stack?W.stack:W)}}}function y(W,V,U){var S=document.createElement("PRE");S.innerHTML=W;if(U){Q(S,U)}var T={langExtension:V,numberLines:U,sourceNode:S};d(T);return S.innerHTML}function b(ad){function Y(af){return document.getElementsByTagName(af)}var ac=[Y("pre"),Y("code"),Y("xmp")];var T=[];for(var aa=0;aa<ac.length;++aa){for(var Z=0,V=ac[aa].length;Z<V;++Z){T.push(ac[aa][Z])}}ac=null;var W=Date;if(!W.now){W={now:function(){return +(new Date)}}}var X=0;var S;var ab=/\blang(?:uage)?-([\w.]+)(?!\S)/;var ae=/\bprettyprint\b/;function U(){var ag=(window.PR_SHOULD_USE_CONTINUATION?W.now()+250:Infinity);for(;X<T.length&&W.now()<ag;X++){var aj=T[X];var ai=aj.className;if(ai.indexOf("prettyprint")>=0){var ah=ai.match(ab);var am;if(!ah&&(am=o(aj))&&"CODE"===am.tagName){ah=am.className.match(ab)}if(ah){ah=ah[1]}var al=false;for(var ak=aj.parentNode;ak;ak=ak.parentNode){if((ak.tagName==="pre"||ak.tagName==="code"||ak.tagName==="xmp")&&ak.className&&ak.className.indexOf("prettyprint")>=0){al=true;break}}if(!al){var af=aj.className.match(/\blinenums\b(?::(\d+))?/);af=af?af[1]&&af[1].length?+af[1]:true:false;if(af){Q(aj,af)}S={langExtension:ah,sourceNode:aj,numberLines:af};d(S)}}}if(X<T.length){setTimeout(U,250)}else{if(ad){ad()}}}U()}window.prettyPrintOne=y;window.prettyPrint=b;window.PR={createSimpleLexer:g,registerLangHandler:c,sourceDecorator:i,PR_ATTRIB_NAME:P,PR_ATTRIB_VALUE:n,PR_COMMENT:j,PR_DECLARATION:E,PR_KEYWORD:z,PR_LITERAL:G,PR_NOCODE:N,PR_PLAIN:F,PR_PUNCTUATION:L,PR_SOURCE:J,PR_STRING:C,PR_TAG:m,PR_TYPE:O}})();PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_DECLARATION,/^<!\w[^>]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^<script\b[^>]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:<!--|-->)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]); |
@@ -1,3 +0,4 @@ | ||
| var addSorting = (function () { | ||
| "use strict"; | ||
| /* eslint-disable */ | ||
| var addSorting = (function() { | ||
| 'use strict'; | ||
| var cols, | ||
@@ -10,9 +11,17 @@ currentSort = { | ||
| // returns the summary table element | ||
| function getTable() { return document.querySelector('.coverage-summary'); } | ||
| function getTable() { | ||
| return document.querySelector('.coverage-summary'); | ||
| } | ||
| // returns the thead element of the summary table | ||
| function getTableHeader() { return getTable().querySelector('thead tr'); } | ||
| function getTableHeader() { | ||
| return getTable().querySelector('thead tr'); | ||
| } | ||
| // returns the tbody element of the summary table | ||
| function getTableBody() { return getTable().querySelector('tbody'); } | ||
| function getTableBody() { | ||
| return getTable().querySelector('tbody'); | ||
| } | ||
| // returns the th element for nth column | ||
| function getNthColumn(n) { return getTableHeader().querySelectorAll('th')[n]; } | ||
| function getNthColumn(n) { | ||
| return getTableHeader().querySelectorAll('th')[n]; | ||
| } | ||
@@ -37,3 +46,4 @@ // loads all columns | ||
| col.defaultDescSort = col.type === 'number'; | ||
| colNode.innerHTML = colNode.innerHTML + '<span class="sorter"></span>'; | ||
| colNode.innerHTML = | ||
| colNode.innerHTML + '<span class="sorter"></span>'; | ||
| } | ||
@@ -75,3 +85,3 @@ } | ||
| var key = cols[index].key, | ||
| sorter = function (a, b) { | ||
| sorter = function(a, b) { | ||
| a = a.data[key]; | ||
@@ -88,3 +98,3 @@ b = b.data[key]; | ||
| if (desc) { | ||
| finalSorter = function (a, b) { | ||
| finalSorter = function(a, b) { | ||
| return -1 * sorter(a, b); | ||
@@ -115,3 +125,5 @@ }; | ||
| function addSortIndicators() { | ||
| getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted'; | ||
| getNthColumn(currentSort.index).className += currentSort.desc | ||
| ? ' sorted-desc' | ||
| : ' sorted'; | ||
| } | ||
@@ -125,3 +137,3 @@ // adds event listeners for all sorter widgets | ||
| return function () { | ||
| return function() { | ||
| var desc = col.defaultDescSort; | ||
@@ -139,3 +151,3 @@ | ||
| }; | ||
| for (i =0 ; i < cols.length; i += 1) { | ||
| for (i = 0; i < cols.length; i += 1) { | ||
| if (cols[i].sortable) { | ||
@@ -154,3 +166,3 @@ // add the click event handler on the th so users | ||
| // adds sorting functionality to the UI | ||
| return function () { | ||
| return function() { | ||
| if (!getTable()) { | ||
@@ -160,3 +172,3 @@ return; | ||
| cols = loadColumns(); | ||
| loadData(cols); | ||
| loadData(); | ||
| addSortIndicators(); | ||
@@ -163,0 +175,0 @@ enableUI(); |
@@ -0,1 +1,2 @@ | ||
| /* eslint-disable */ | ||
| window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=["break,continue,do,else,for,if,return,while"];var u=[h,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var p=[u,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var l=[p,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var x=[p,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var R=[x,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];var r="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes";var w=[p,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var s="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var I=[h,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var f=[h,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var H=[h,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var C="str";var z="kwd";var j="com";var O="typ";var G="lit";var L="pun";var F="pln";var m="tag";var E="dec";var J="src";var P="atn";var n="atv";var N="nocode";var M="(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V<U;++V){var ae=Z[V];if(ae.ignoreCase){ac=true}else{if(/[a-z]/i.test(ae.source.replace(/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi,""))){S=true;ac=false;break}}}var Y={b:8,t:9,n:10,v:11,f:12,r:13};function ab(ah){var ag=ah.charCodeAt(0);if(ag!==92){return ag}var af=ah.charAt(1);ag=Y[af];if(ag){return ag}else{if("0"<=af&&af<="7"){return parseInt(ah.substring(1),8)}else{if(af==="u"||af==="x"){return parseInt(ah.substring(2),16)}else{return ah.charCodeAt(1)}}}}function T(af){if(af<32){return(af<16?"\\x0":"\\x")+af.toString(16)}var ag=String.fromCharCode(af);if(ag==="\\"||ag==="-"||ag==="["||ag==="]"){ag="\\"+ag}return ag}function X(am){var aq=am.substring(1,am.length-1).match(new RegExp("\\\\u[0-9A-Fa-f]{4}|\\\\x[0-9A-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\s\\S]|-|[^-\\\\]","g"));var ak=[];var af=[];var ao=aq[0]==="^";for(var ar=ao?1:0,aj=aq.length;ar<aj;++ar){var ah=aq[ar];if(/\\[bdsw]/i.test(ah)){ak.push(ah)}else{var ag=ab(ah);var al;if(ar+2<aj&&"-"===aq[ar+1]){al=ab(aq[ar+2]);ar+=2}else{al=ag}af.push([ag,al]);if(!(al<65||ag>122)){if(!(al<65||ag>90)){af.push([Math.max(65,ag)|32,Math.min(al,90)|32])}if(!(al<97||ag>122)){af.push([Math.max(97,ag)&~32,Math.min(al,122)&~32])}}}}af.sort(function(av,au){return(av[0]-au[0])||(au[1]-av[1])});var ai=[];var ap=[NaN,NaN];for(var ar=0;ar<af.length;++ar){var at=af[ar];if(at[0]<=ap[1]+1){ap[1]=Math.max(ap[1],at[1])}else{ai.push(ap=at)}}var an=["["];if(ao){an.push("^")}an.push.apply(an,ak);for(var ar=0;ar<ai.length;++ar){var at=ai[ar];an.push(T(at[0]));if(at[1]>at[0]){if(at[1]+1>at[0]){an.push("-")}an.push(T(at[1]))}}an.push("]");return an.join("")}function W(al){var aj=al.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var ah=aj.length;var an=[];for(var ak=0,am=0;ak<ah;++ak){var ag=aj[ak];if(ag==="("){++am}else{if("\\"===ag.charAt(0)){var af=+ag.substring(1);if(af&&af<=am){an[af]=-1}}}}for(var ak=1;ak<an.length;++ak){if(-1===an[ak]){an[ak]=++ad}}for(var ak=0,am=0;ak<ah;++ak){var ag=aj[ak];if(ag==="("){++am;if(an[am]===undefined){aj[ak]="(?:"}}else{if("\\"===ag.charAt(0)){var af=+ag.substring(1);if(af&&af<=am){aj[ak]="\\"+an[am]}}}}for(var ak=0,am=0;ak<ah;++ak){if("^"===aj[ak]&&"^"!==aj[ak+1]){aj[ak]=""}}if(al.ignoreCase&&S){for(var ak=0;ak<ah;++ak){var ag=aj[ak];var ai=ag.charAt(0);if(ag.length>=2&&ai==="["){aj[ak]=X(ag)}else{if(ai!=="\\"){aj[ak]=ag.replace(/[a-zA-Z]/g,function(ao){var ap=ao.charCodeAt(0);return"["+String.fromCharCode(ap&~32,ap|32)+"]"})}}}}return aj.join("")}var aa=[];for(var V=0,U=Z.length;V<U;++V){var ae=Z[V];if(ae.global||ae.multiline){throw new Error(""+ae)}aa.push("(?:"+W(ae)+")")}return new RegExp(aa.join("|"),ac?"gi":"g")}function a(V){var U=/(?:^|\s)nocode(?:\s|$)/;var X=[];var T=0;var Z=[];var W=0;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=document.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Y=S&&"pre"===S.substring(0,3);function aa(ab){switch(ab.nodeType){case 1:if(U.test(ab.className)){return}for(var ae=ab.firstChild;ae;ae=ae.nextSibling){aa(ae)}var ad=ab.nodeName;if("BR"===ad||"LI"===ad){X[W]="\n";Z[W<<1]=T++;Z[(W++<<1)|1]=ab}break;case 3:case 4:var ac=ab.nodeValue;if(ac.length){if(!Y){ac=ac.replace(/[ \t\r\n]+/g," ")}else{ac=ac.replace(/\r\n?/g,"\n")}X[W]=ac;Z[W<<1]=T;T+=ac.length;Z[(W++<<1)|1]=ab}break}}aa(V);return{sourceCode:X.join("").replace(/\n$/,""),spans:Z}}function B(S,U,W,T){if(!U){return}var V={sourceCode:U,basePos:S};W(V);T.push.apply(T,V.decorations)}var v=/\S/;function o(S){var V=undefined;for(var U=S.firstChild;U;U=U.nextSibling){var T=U.nodeType;V=(T===1)?(V?S:U):(T===3)?(v.test(U.nodeValue)?S:V):V}return V===S?undefined:V}function g(U,T){var S={};var V;(function(){var ad=U.concat(T);var ah=[];var ag={};for(var ab=0,Z=ad.length;ab<Z;++ab){var Y=ad[ab];var ac=Y[3];if(ac){for(var ae=ac.length;--ae>=0;){S[ac.charAt(ae)]=Y}}var af=Y[1];var aa=""+af;if(!ag.hasOwnProperty(aa)){ah.push(af);ag[aa]=null}}ah.push(/[\0-\uffff]/);V=k(ah)})();var X=T.length;var W=function(ah){var Z=ah.sourceCode,Y=ah.basePos;var ad=[Y,F];var af=0;var an=Z.match(V)||[];var aj={};for(var ae=0,aq=an.length;ae<aq;++ae){var ag=an[ae];var ap=aj[ag];var ai=void 0;var am;if(typeof ap==="string"){am=false}else{var aa=S[ag.charAt(0)];if(aa){ai=ag.match(aa[1]);ap=aa[0]}else{for(var ao=0;ao<X;++ao){aa=T[ao];ai=ag.match(aa[1]);if(ai){ap=aa[0];break}}if(!ai){ap=F}}am=ap.length>=5&&"lang-"===ap.substring(0,5);if(am&&!(ai&&typeof ai[1]==="string")){am=false;ap=J}if(!am){aj[ag]=ap}}var ab=af;af+=ag.length;if(!am){ad.push(Y+ab,ap)}else{var al=ai[1];var ak=ag.indexOf(al);var ac=ak+al.length;if(ai[2]){ac=ag.length-ai[2].length;ak=ac-al.length}var ar=ap.substring(5);B(Y+ab,ag.substring(0,ak),W,ad);B(Y+ab+ak,al,q(ar,al),ad);B(Y+ab+ac,ag.substring(ac),W,ad)}}ah.decorations=ad};return W}function i(T){var W=[],S=[];if(T.tripleQuotedStrings){W.push([C,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(T.multiLineStrings){W.push([C,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{W.push([C,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(T.verbatimStrings){S.push([C,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var Y=T.hashComments;if(Y){if(T.cStyleComments){if(Y>1){W.push([j,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{W.push([j,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}S.push([C,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,null])}else{W.push([j,/^#[^\r\n]*/,null,"#"])}}if(T.cStyleComments){S.push([j,/^\/\/[^\r\n]*/,null]);S.push([j,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(T.regexLiterals){var X=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");S.push(["lang-regex",new RegExp("^"+M+"("+X+")")])}var V=T.types;if(V){S.push([O,V])}var U=(""+T.keywords).replace(/^ | $/g,"");if(U.length){S.push([z,new RegExp("^(?:"+U.replace(/[\s,]+/g,"|")+")\\b"),null])}W.push([F,/^\s+/,null," \r\n\t\xA0"]);S.push([G,/^@[a-z_$][a-z_$@0-9]*/i,null],[O,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[F,/^[a-z_$][a-z_$@0-9]*/i,null],[G,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[F,/^\\[\s\S]?/,null],[L,/^.[^\s\w\.$@\'\"\`\/\#\\]*/,null]);return g(W,S)}var K=i({keywords:A,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function Q(V,ag){var U=/(?:^|\s)nocode(?:\s|$)/;var ab=/\r\n?|\n/;var ac=V.ownerDocument;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=ac.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Z=S&&"pre"===S.substring(0,3);var af=ac.createElement("LI");while(V.firstChild){af.appendChild(V.firstChild)}var W=[af];function ae(al){switch(al.nodeType){case 1:if(U.test(al.className)){break}if("BR"===al.nodeName){ad(al);if(al.parentNode){al.parentNode.removeChild(al)}}else{for(var an=al.firstChild;an;an=an.nextSibling){ae(an)}}break;case 3:case 4:if(Z){var am=al.nodeValue;var aj=am.match(ab);if(aj){var ai=am.substring(0,aj.index);al.nodeValue=ai;var ah=am.substring(aj.index+aj[0].length);if(ah){var ak=al.parentNode;ak.insertBefore(ac.createTextNode(ah),al.nextSibling)}ad(al);if(!ai){al.parentNode.removeChild(al)}}}break}}function ad(ak){while(!ak.nextSibling){ak=ak.parentNode;if(!ak){return}}function ai(al,ar){var aq=ar?al.cloneNode(false):al;var ao=al.parentNode;if(ao){var ap=ai(ao,1);var an=al.nextSibling;ap.appendChild(aq);for(var am=an;am;am=an){an=am.nextSibling;ap.appendChild(am)}}return aq}var ah=ai(ak.nextSibling,0);for(var aj;(aj=ah.parentNode)&&aj.nodeType===1;){ah=aj}W.push(ah)}for(var Y=0;Y<W.length;++Y){ae(W[Y])}if(ag===(ag|0)){W[0].setAttribute("value",ag)}var aa=ac.createElement("OL");aa.className="linenums";var X=Math.max(0,((ag-1))|0)||0;for(var Y=0,T=W.length;Y<T;++Y){af=W[Y];af.className="L"+((Y+X)%10);if(!af.firstChild){af.appendChild(ac.createTextNode("\xA0"))}aa.appendChild(af)}V.appendChild(aa)}function D(ac){var aj=/\bMSIE\b/.test(navigator.userAgent);var am=/\n/g;var al=ac.sourceCode;var an=al.length;var V=0;var aa=ac.spans;var T=aa.length;var ah=0;var X=ac.decorations;var Y=X.length;var Z=0;X[Y]=an;var ar,aq;for(aq=ar=0;aq<Y;){if(X[aq]!==X[aq+2]){X[ar++]=X[aq++];X[ar++]=X[aq++]}else{aq+=2}}Y=ar;for(aq=ar=0;aq<Y;){var at=X[aq];var ab=X[aq+1];var W=aq+2;while(W+2<=Y&&X[W+1]===ab){W+=2}X[ar++]=at;X[ar++]=ab;aq=W}Y=X.length=ar;var ae=null;while(ah<T){var af=aa[ah];var S=aa[ah+2]||an;var ag=X[Z];var ap=X[Z+2]||an;var W=Math.min(S,ap);var ak=aa[ah+1];var U;if(ak.nodeType!==1&&(U=al.substring(V,W))){if(aj){U=U.replace(am,"\r")}ak.nodeValue=U;var ai=ak.ownerDocument;var ao=ai.createElement("SPAN");ao.className=X[Z+1];var ad=ak.parentNode;ad.replaceChild(ao,ak);ao.appendChild(ak);if(V<S){aa[ah+1]=ak=ai.createTextNode(al.substring(W,S));ad.insertBefore(ak,ao.nextSibling)}}V=W;if(V>=S){ah+=2}if(V>=ap){Z+=2}}}var t={};function c(U,V){for(var S=V.length;--S>=0;){var T=V[S];if(!t.hasOwnProperty(T)){t[T]=U}else{if(window.console){console.warn("cannot override language handler %s",T)}}}}function q(T,S){if(!(T&&t.hasOwnProperty(T))){T=/^\s*</.test(S)?"default-markup":"default-code"}return t[T]}c(K,["default-code"]);c(g([],[[F,/^[^<?]+/],[E,/^<!\w[^>]*(?:>|$)/],[j,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[L,/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);c(g([[F,/^[\s]+/,null," \t\r\n"],[n,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[m,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[P,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[L,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);c(g([],[[n,/^[\s\S]+/]]),["uq.val"]);c(i({keywords:l,hashComments:true,cStyleComments:true,types:e}),["c","cc","cpp","cxx","cyc","m"]);c(i({keywords:"null,true,false"}),["json"]);c(i({keywords:R,hashComments:true,cStyleComments:true,verbatimStrings:true,types:e}),["cs"]);c(i({keywords:x,cStyleComments:true}),["java"]);c(i({keywords:H,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);c(i({keywords:I,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);c(i({keywords:s,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);c(i({keywords:f,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);c(i({keywords:w,cStyleComments:true,regexLiterals:true}),["js"]);c(i({keywords:r,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);c(g([],[[C,/^[\s\S]+/]]),["regex"]);function d(V){var U=V.langExtension;try{var S=a(V.sourceNode);var T=S.sourceCode;V.sourceCode=T;V.spans=S.spans;V.basePos=0;q(U,T)(V);D(V)}catch(W){if("console" in window){console.log(W&&W.stack?W.stack:W)}}}function y(W,V,U){var S=document.createElement("PRE");S.innerHTML=W;if(U){Q(S,U)}var T={langExtension:V,numberLines:U,sourceNode:S};d(T);return S.innerHTML}function b(ad){function Y(af){return document.getElementsByTagName(af)}var ac=[Y("pre"),Y("code"),Y("xmp")];var T=[];for(var aa=0;aa<ac.length;++aa){for(var Z=0,V=ac[aa].length;Z<V;++Z){T.push(ac[aa][Z])}}ac=null;var W=Date;if(!W.now){W={now:function(){return +(new Date)}}}var X=0;var S;var ab=/\blang(?:uage)?-([\w.]+)(?!\S)/;var ae=/\bprettyprint\b/;function U(){var ag=(window.PR_SHOULD_USE_CONTINUATION?W.now()+250:Infinity);for(;X<T.length&&W.now()<ag;X++){var aj=T[X];var ai=aj.className;if(ai.indexOf("prettyprint")>=0){var ah=ai.match(ab);var am;if(!ah&&(am=o(aj))&&"CODE"===am.tagName){ah=am.className.match(ab)}if(ah){ah=ah[1]}var al=false;for(var ak=aj.parentNode;ak;ak=ak.parentNode){if((ak.tagName==="pre"||ak.tagName==="code"||ak.tagName==="xmp")&&ak.className&&ak.className.indexOf("prettyprint")>=0){al=true;break}}if(!al){var af=aj.className.match(/\blinenums\b(?::(\d+))?/);af=af?af[1]&&af[1].length?+af[1]:true:false;if(af){Q(aj,af)}S={langExtension:ah,sourceNode:aj,numberLines:af};d(S)}}}if(X<T.length){setTimeout(U,250)}else{if(ad){ad()}}}U()}window.prettyPrintOne=y;window.prettyPrint=b;window.PR={createSimpleLexer:g,registerLangHandler:c,sourceDecorator:i,PR_ATTRIB_NAME:P,PR_ATTRIB_VALUE:n,PR_COMMENT:j,PR_DECLARATION:E,PR_KEYWORD:z,PR_LITERAL:G,PR_NOCODE:N,PR_PLAIN:F,PR_PUNCTUATION:L,PR_SOURCE:J,PR_STRING:C,PR_TAG:m,PR_TYPE:O}})();PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_DECLARATION,/^<!\w[^>]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^<script\b[^>]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:<!--|-->)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]); |
@@ -1,3 +0,4 @@ | ||
| var addSorting = (function () { | ||
| "use strict"; | ||
| /* eslint-disable */ | ||
| var addSorting = (function() { | ||
| 'use strict'; | ||
| var cols, | ||
@@ -10,9 +11,17 @@ currentSort = { | ||
| // returns the summary table element | ||
| function getTable() { return document.querySelector('.coverage-summary'); } | ||
| function getTable() { | ||
| return document.querySelector('.coverage-summary'); | ||
| } | ||
| // returns the thead element of the summary table | ||
| function getTableHeader() { return getTable().querySelector('thead tr'); } | ||
| function getTableHeader() { | ||
| return getTable().querySelector('thead tr'); | ||
| } | ||
| // returns the tbody element of the summary table | ||
| function getTableBody() { return getTable().querySelector('tbody'); } | ||
| function getTableBody() { | ||
| return getTable().querySelector('tbody'); | ||
| } | ||
| // returns the th element for nth column | ||
| function getNthColumn(n) { return getTableHeader().querySelectorAll('th')[n]; } | ||
| function getNthColumn(n) { | ||
| return getTableHeader().querySelectorAll('th')[n]; | ||
| } | ||
@@ -37,3 +46,4 @@ // loads all columns | ||
| col.defaultDescSort = col.type === 'number'; | ||
| colNode.innerHTML = colNode.innerHTML + '<span class="sorter"></span>'; | ||
| colNode.innerHTML = | ||
| colNode.innerHTML + '<span class="sorter"></span>'; | ||
| } | ||
@@ -75,3 +85,3 @@ } | ||
| var key = cols[index].key, | ||
| sorter = function (a, b) { | ||
| sorter = function(a, b) { | ||
| a = a.data[key]; | ||
@@ -88,3 +98,3 @@ b = b.data[key]; | ||
| if (desc) { | ||
| finalSorter = function (a, b) { | ||
| finalSorter = function(a, b) { | ||
| return -1 * sorter(a, b); | ||
@@ -115,3 +125,5 @@ }; | ||
| function addSortIndicators() { | ||
| getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted'; | ||
| getNthColumn(currentSort.index).className += currentSort.desc | ||
| ? ' sorted-desc' | ||
| : ' sorted'; | ||
| } | ||
@@ -125,3 +137,3 @@ // adds event listeners for all sorter widgets | ||
| return function () { | ||
| return function() { | ||
| var desc = col.defaultDescSort; | ||
@@ -139,3 +151,3 @@ | ||
| }; | ||
| for (i =0 ; i < cols.length; i += 1) { | ||
| for (i = 0; i < cols.length; i += 1) { | ||
| if (cols[i].sortable) { | ||
@@ -154,3 +166,3 @@ // add the click event handler on the th so users | ||
| // adds sorting functionality to the UI | ||
| return function () { | ||
| return function() { | ||
| if (!getTable()) { | ||
@@ -160,3 +172,3 @@ return; | ||
| cols = loadColumns(); | ||
| loadData(cols); | ||
| loadData(); | ||
| addSortIndicators(); | ||
@@ -163,0 +175,0 @@ enableUI(); |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,30 +6,31 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n border-radius: ', ';\n display: inline-block;\n width: ', ';\n height: ', ';\n'], ['\n border-radius: ', ';\n display: inline-block;\n width: ', ';\n height: ', ';\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Box = require('./Box'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _propTypes = require('prop-types'); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n border-radius: ", ";\n display: inline-block;\n width: ", ";\n height: ", ";\n"]); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _theme = require('./theme'); | ||
| return data; | ||
| } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var px = function px(a) { | ||
| return typeof a === 'number' ? a + 'px' : a; | ||
| return typeof a === 'number' ? "".concat(a, "px") : a; | ||
| }; | ||
| var Avatar = (0, _styledComponents2.default)(_Box2.default.withComponent('img'))(_templateObject, function (_ref) { | ||
| var Avatar = (0, _styledComponents["default"])(_Box["default"].withComponent('img'))(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
@@ -42,14 +43,11 @@ return theme.pill; | ||
| }); | ||
| Avatar.displayName = 'Avatar'; | ||
| Avatar.propTypes = { | ||
| size: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]) | ||
| size: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]) | ||
| }; | ||
| Avatar.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| size: 48 | ||
| }; | ||
| exports.default = Avatar; | ||
| var _default = Avatar; | ||
| exports["default"] = _default; |
@@ -1,40 +0,60 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n ', ' ', ';\n\n ', ';\n'], ['\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n ', ' ', ';\n\n ', ';\n']), | ||
| _templateObject2 = _taggedTemplateLiteral(['\n overflow: hidden;\n transition: ', ' background-size;\n will-change: background-size;\n background-size: auto ', '%;\n &:hover {\n background-size: auto\n ', '%;\n }\n ', ' {\n transition: none;\n background-size: cover !important;\n }\n '], ['\n overflow: hidden;\n transition: ', ' background-size;\n will-change: background-size;\n background-size: auto ', '%;\n &:hover {\n background-size: auto\n ', '%;\n }\n ', ' {\n transition: none;\n background-size: cover !important;\n }\n ']); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _Box = require('./Box'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _propTypes = require('prop-types'); | ||
| var _styledComponents = _interopRequireWildcard(require("styled-components")); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _theme = require('./theme'); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _styledComponents = require('styled-components'); | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n overflow: hidden;\n transition: ", " background-size;\n will-change: background-size;\n background-size: auto ", "%;\n &:hover {\n background-size: auto\n ", "%;\n }\n ", " {\n transition: none;\n background-size: cover !important;\n }\n "]); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n ", " ", ";\n\n ", ";\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var src = function src(props) { | ||
| return props.src && { backgroundImage: 'url(' + props.src + ')' }; | ||
| return props.src && { | ||
| backgroundImage: "url(".concat(props.src, ")") | ||
| }; | ||
| }; | ||
| var height = function height(props) { | ||
| return props.height && { height: props.height }; | ||
| return props.height && { | ||
| height: props.height | ||
| }; | ||
| }; | ||
| var BackgroundImage = (0, _styledComponents2.default)(_Box2.default)(_templateObject, src, height, function (props) { | ||
| return props.scale && (0, _styledComponents.css)(_templateObject2, function (_ref) { | ||
| var BackgroundImage = (0, _styledComponents["default"])(_Box["default"])(_templateObject(), src, height, function (props) { | ||
| return props.scale && (0, _styledComponents.css)(_templateObject2(), function (_ref) { | ||
| var theme = _ref.theme; | ||
@@ -53,19 +73,18 @@ return theme.transition; | ||
| }); | ||
| BackgroundImage.displayName = 'BackgroundImage'; | ||
| BackgroundImage.propTypes = { | ||
| /** background-image url */ | ||
| src: _propTypes2.default.string.isRequired, | ||
| src: _propTypes["default"].string.isRequired, | ||
| /** add hover animation */ | ||
| scale: _propTypes2.default.bool, | ||
| scale: _propTypes["default"].bool, | ||
| /** accessible label */ | ||
| 'aria-label': _propTypes2.default.string.isRequired | ||
| 'aria-label': _propTypes["default"].string.isRequired | ||
| }; | ||
| BackgroundImage.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| bg: 'smoke' | ||
| }; | ||
| exports.default = BackgroundImage; | ||
| var _default = BackgroundImage; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,30 +6,31 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n border-radius: ', ';\n display: inline-block;\n font-weight: normal;\n letter-spacing: 0.0375em;\n line-height: 1.25;\n text-transform: uppercase;\n'], ['\n border-radius: ', ';\n display: inline-block;\n font-weight: normal;\n letter-spacing: 0.0375em;\n line-height: 1.25;\n text-transform: uppercase;\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Text = require('./Text'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Text2 = _interopRequireDefault(_Text); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n border-radius: ", ";\n display: inline-block;\n font-weight: normal;\n letter-spacing: 0.0375em;\n line-height: 1.125;\n text-transform: uppercase;\n"]); | ||
| var _theme = require('./theme'); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| return data; | ||
| } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Badge = (0, _styledComponents2.default)(_Text2.default.span)(_templateObject, function (_ref) { | ||
| var Badge = (0, _styledComponents["default"])(_Text["default"].span)(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
| return theme.radius; | ||
| return theme.pill; | ||
| }); | ||
| Badge.displayName = 'Badge'; | ||
| Badge.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| px: 2, | ||
@@ -41,3 +42,3 @@ py: 1, | ||
| }; | ||
| exports.default = Badge; | ||
| var _default = Badge; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,21 +6,27 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n display: block;\n text-decoration: none;\n'], ['\n display: block;\n text-decoration: none;\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Text = require('./Text'); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n display: block;\n text-decoration: none;\n"]); | ||
| var _Text2 = _interopRequireDefault(_Text); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var BlockLink = (0, _styledComponents2.default)(_Text2.default.withComponent('a')).attrs({ color: 'inherit' })(_templateObject); | ||
| var BlockLink = (0, _styledComponents["default"])(_Text["default"].withComponent('a')).attrs({ | ||
| color: 'inherit' | ||
| })(_templateObject()); | ||
| BlockLink.displayName = 'BlockLink'; | ||
| exports.default = BlockLink; | ||
| var _default = BlockLink; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,32 +6,22 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _react = _interopRequireDefault(require("react")); | ||
| var _react = require('react'); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _styledSystem = require("styled-system"); | ||
| var _styledComponents = require('styled-components'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _propTypes = require('prop-types'); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _styledSystem = require('styled-system'); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var _theme = require('./theme'); | ||
| var Box = _styledComponents["default"].div([], _styledSystem.space, _styledSystem.width, _styledSystem.color, _styledSystem.fontSize, _styledSystem.textAlign); | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| var Base = function Base(props) { | ||
| var next = (0, _theme.filterProps)(props); | ||
| return _react2.default.createElement('div', next); | ||
| }; | ||
| var Box = (0, _styledComponents2.default)(Base)([], _styledSystem.space, _styledSystem.width, _styledSystem.color, _styledSystem.fontSize, _styledSystem.textAlign); | ||
| Box.displayName = 'Box'; | ||
@@ -43,9 +33,7 @@ Box.header = Box.withComponent('header'); | ||
| Box.footer = Box.withComponent('footer'); | ||
| Box.defaultProps = { | ||
| theme: _theme2.default | ||
| theme: _theme["default"] | ||
| }; | ||
| Box.propTypes = _extends({}, _styledSystem.propTypes.textAlign, _styledSystem.propTypes.fontSize, _styledSystem.propTypes.space, _styledSystem.propTypes.color); | ||
| exports.default = Box; | ||
| Box.propTypes = _objectSpread({}, _styledSystem.propTypes.textAlign, {}, _styledSystem.propTypes.fontSize, {}, _styledSystem.propTypes.space, {}, _styledSystem.propTypes.color); | ||
| var _default = Box; | ||
| exports["default"] = _default; |
@@ -1,31 +0,67 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n -webkit-font-smoothing: antialiased;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n text-decoration: none;\n font-size: inherit;\n font-family: inherit;\n font-weight: ', ';\n line-height: 1.125;\n appearance: none;\n cursor: pointer;\n transition: ', ' box-shadow;\n box-shadow: 0 2px 4px ', ';\n border-radius: ', ';\n border: none;\n\n ', ';\n\n &:hover,\n &:focus {\n outline: 0;\n box-shadow: 0 2px 6px\n ', ';\n }\n\n &:active {\n outline: 0;\n box-shadow: 0 2px 8px 2px\n ', ';\n }\n\n ', ';\n\n ', ';\n\n ', ';\n ', ';\n'], ['\n -webkit-font-smoothing: antialiased;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n text-decoration: none;\n font-size: inherit;\n font-family: inherit;\n font-weight: ', ';\n line-height: 1.125;\n appearance: none;\n cursor: pointer;\n transition: ', ' box-shadow;\n box-shadow: 0 2px 4px ', ';\n border-radius: ', ';\n border: none;\n\n ', ';\n\n &:hover,\n &:focus {\n outline: 0;\n box-shadow: 0 2px 6px\n ', ';\n }\n\n &:active {\n outline: 0;\n box-shadow: 0 2px 8px 2px\n ', ';\n }\n\n ', ';\n\n ', ';\n\n ', ';\n ', ';\n']), | ||
| _templateObject2 = _taggedTemplateLiteral(['\n transition: ', ' all;\n will-change: transform;\n transform: scale(1);\n &:hover,\n &:focus {\n transform: scale(', ');\n }\n ', ' {\n transform: none;\n }\n '], ['\n transition: ', ' all;\n will-change: transform;\n transform: scale(1);\n &:hover,\n &:focus {\n transform: scale(', ');\n }\n ', ' {\n transform: none;\n }\n ']), | ||
| _templateObject3 = _taggedTemplateLiteral(['\n &:before {\n content: \'\xAB\';\n padding-right: 0.25em;\n }\n '], ['\n &:before {\n content: \'\xAB\';\n padding-right: 0.25em;\n }\n ']), | ||
| _templateObject4 = _taggedTemplateLiteral(['\n &:after {\n content: \'\xBB\';\n padding-left: 0.25em;\n }\n '], ['\n &:after {\n content: \'\xBB\';\n padding-left: 0.25em;\n }\n ']); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _Box = require('./Box'); | ||
| var _theme = _interopRequireWildcard(require("./theme")); | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| var _styledComponents = require("styled-components"); | ||
| var _theme = require('./theme'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _styledComponents = require('styled-components'); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _propTypes = require('prop-types'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _templateObject4() { | ||
| var data = _taggedTemplateLiteral(["\n &:after {\n content: '\xBB';\n padding-left: 0.25em;\n }\n "]); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| _templateObject4 = function _templateObject4() { | ||
| return data; | ||
| }; | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| return data; | ||
| } | ||
| var Button = _Box2.default.withComponent('a').extend(_templateObject, function (_ref) { | ||
| function _templateObject3() { | ||
| var data = _taggedTemplateLiteral(["\n &:before {\n content: '\xAB';\n padding-right: 0.25em;\n }\n "]); | ||
| _templateObject3 = function _templateObject3() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n transition: ", " all;\n will-change: transform;\n transform: scale(1);\n &:hover,\n &:focus {\n transform: scale(", ");\n }\n ", " {\n transform: none;\n }\n "]); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n -webkit-font-smoothing: antialiased;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n text-decoration: none;\n font-size: inherit;\n font-family: inherit;\n font-weight: ", ";\n line-height: 1.125;\n appearance: none;\n cursor: pointer;\n transition: ", " box-shadow;\n box-shadow: 0 2px 4px ", ";\n border-radius: ", ";\n border: none;\n\n ", ";\n\n &:hover,\n &:focus {\n outline: 0;\n box-shadow: 0 2px 6px\n ", ";\n }\n\n &:active {\n outline: 0;\n box-shadow: 0 2px 8px 2px\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n ", ";\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Button = _Box["default"].withComponent('a').extend(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
@@ -52,5 +88,8 @@ return theme.bold; | ||
| }, function (props) { | ||
| return props.disabled && { opacity: 0.25, cursor: 'not-allowed' }; | ||
| return props.disabled && { | ||
| opacity: 0.25, | ||
| cursor: 'not-allowed' | ||
| }; | ||
| }, function (props) { | ||
| return props.scale && (0, _styledComponents.css)(_templateObject2, function (_ref5) { | ||
| return props.scale && (0, _styledComponents.css)(_templateObject2(), function (_ref5) { | ||
| var theme = _ref5.theme; | ||
@@ -66,22 +105,23 @@ return theme.transition; | ||
| }, function (props) { | ||
| return props.chevronLeft && (0, _styledComponents.css)(_templateObject3); | ||
| return props.chevronLeft && (0, _styledComponents.css)(_templateObject3()); | ||
| }, function (props) { | ||
| return props.chevronRight && (0, _styledComponents.css)(_templateObject4); | ||
| return props.chevronRight && (0, _styledComponents.css)(_templateObject4()); | ||
| }); | ||
| Button.displayName = 'Button'; | ||
| Button.propTypes = { | ||
| /** flip colors */ | ||
| inverted: _propTypes2.default.bool, | ||
| inverted: _propTypes["default"].bool, | ||
| /** add hover/focus animation */ | ||
| scale: _propTypes2.default.bool, | ||
| scale: _propTypes["default"].bool, | ||
| /** add left text arrows */ | ||
| chevronLeft: _propTypes2.default.bool, | ||
| chevronLeft: _propTypes["default"].bool, | ||
| /** add right text arrows */ | ||
| chevronRight: _propTypes2.default.bool | ||
| chevronRight: _propTypes["default"].bool | ||
| }; | ||
| Button.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| bg: 'primary', | ||
@@ -94,6 +134,5 @@ color: 'white', | ||
| }; | ||
| Button.button = Button.withComponent('button'); | ||
| Button.input = Button.withComponent('input'); | ||
| exports.default = Button; | ||
| var _default = Button; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,33 +6,32 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Box = require('./Box'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| var _styledSystem = require("styled-system"); | ||
| var _theme = require('./theme'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _propTypes = require('prop-types'); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var _styledSystem = require('styled-system'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| var boxShadow = function boxShadow(props) { | ||
| var boxShadows = { | ||
| sm: _theme2.default.boxShadows[0], | ||
| md: _theme2.default.boxShadows[1], | ||
| lg: _theme2.default.boxShadows[2], | ||
| xl: _theme2.default.boxShadows[3] | ||
| sm: _theme["default"].boxShadows[0], | ||
| md: _theme["default"].boxShadows[1], | ||
| lg: _theme["default"].boxShadows[2], | ||
| xl: _theme["default"].boxShadows[3] | ||
| }; | ||
| return { boxShadow: boxShadows[props.boxShadowSize] }; | ||
| return { | ||
| boxShadow: boxShadows[props.boxShadowSize] | ||
| }; | ||
| }; | ||
@@ -42,19 +41,17 @@ | ||
| return { | ||
| border: props.borderWidth > 0 ? props.borderWidth + 'px solid ' + props.theme.colors[props.borderColor] : null | ||
| border: props.borderWidth > 0 ? "".concat(props.borderWidth, "px solid ").concat(props.theme.colors[props.borderColor]) : null | ||
| }; | ||
| }; | ||
| var Card = (0, _styledComponents2.default)(_Box2.default)([], boxShadow, boxBorder, _styledSystem.borderRadius); | ||
| Card.propTypes = _extends({ | ||
| var Card = (0, _styledComponents["default"])(_Box["default"])([], boxShadow, boxBorder, _styledSystem.borderRadius); | ||
| Card.propTypes = _objectSpread({ | ||
| /** use scale alias for theme values or null to remove shadow */ | ||
| boxShadowSize: _propTypes2.default.oneOf([null, 'sm', 'md', 'lg', 'xl']), | ||
| borderColor: _propTypes2.default.string | ||
| boxShadowSize: _propTypes["default"].oneOf([null, 'sm', 'md', 'lg', 'xl']), | ||
| borderColor: _propTypes["default"].string | ||
| }, _styledSystem.propTypes.borderRadius, { | ||
| /** use 0 to remove border */ | ||
| borderWidth: _propTypes2.default.oneOf([0, 1, 2]) | ||
| borderWidth: _propTypes["default"].oneOf([0, 1, 2]) | ||
| }); | ||
| Card.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| borderColor: 'smoke', | ||
@@ -64,5 +61,4 @@ borderRadius: 1, | ||
| }; | ||
| Card.displayName = 'Card'; | ||
| exports.default = Card; | ||
| var _default = Card; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,31 +6,31 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n max-width: ', 'rem;\n'], ['\n max-width: ', 'rem;\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Box = require('./Box'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n max-width: ", "rem;\n"]); | ||
| var _propTypes = require('prop-types'); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| return data; | ||
| } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Container = (0, _styledComponents2.default)(_Box2.default)(_templateObject, function (props) { | ||
| var Container = (0, _styledComponents["default"])(_Box["default"])(_templateObject(), function (props) { | ||
| return props.maxWidth; | ||
| }); | ||
| Container.displayName = 'Container'; | ||
| Container.propTypes = { | ||
| maxWidth: _propTypes2.default.number | ||
| maxWidth: _propTypes["default"].number | ||
| }; | ||
| Container.defaultProps = { | ||
@@ -41,3 +41,3 @@ width: 1, | ||
| }; | ||
| exports.default = Container; | ||
| var _default = Container; | ||
| exports["default"] = _default; |
@@ -1,55 +0,53 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports.Error = undefined; | ||
| exports["default"] = exports.Error = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _react = _interopRequireDefault(require("react")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n font-weight: normal;\n &:before {\n content: \'\u2014 \';\n }\n'], ['\n font-weight: normal;\n &:before {\n content: \'\u2014 \';\n }\n']); | ||
| var _Label = _interopRequireDefault(require("./Label")); | ||
| var _react = require('react'); | ||
| var _Flex = _interopRequireDefault(require("./Flex")); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _Label = require('./Label'); | ||
| var _Input = _interopRequireWildcard(require("./Input")); | ||
| var _Label2 = _interopRequireDefault(_Label); | ||
| var _Slider = _interopRequireDefault(require("./Slider")); | ||
| var _Flex = require('./Flex'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Flex2 = _interopRequireDefault(_Flex); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _Text = require('./Text'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Text2 = _interopRequireDefault(_Text); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _Input = require('./Input'); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _Input2 = _interopRequireDefault(_Input); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Slider = require('./Slider'); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var _Slider2 = _interopRequireDefault(_Slider); | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| var _propTypes = require('prop-types'); | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n font-weight: normal;\n &:before {\n content: '\u2014 ';\n }\n"]); | ||
| var _styledComponents = require('styled-components'); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| return data; | ||
| } | ||
| var _theme = require('./theme'); | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Error = exports.Error = (0, _styledComponents2.default)(_Text2.default).attrs({ | ||
| var Error = (0, _styledComponents["default"])(_Text["default"]).attrs({ | ||
| className: 'error', | ||
@@ -60,3 +58,4 @@ color: 'error', | ||
| my: 0 | ||
| })(_templateObject); | ||
| })(_templateObject()); | ||
| exports.Error = Error; | ||
@@ -69,41 +68,46 @@ var Field = function Field(_ref) { | ||
| error = _ref.error, | ||
| props = _objectWithoutProperties(_ref, ['type', 'name', 'label', 'placeholder', 'error']); | ||
| props = _objectWithoutProperties(_ref, ["type", "name", "label", "placeholder", "error"]); | ||
| var Component = { | ||
| select: _Input.InputSelect, | ||
| slider: _Slider2.default, | ||
| slider: _Slider["default"], | ||
| textarea: _Input.InputTextarea | ||
| }[type] || _Input2.default; | ||
| return _react2.default.createElement( | ||
| _Label2.default, | ||
| { className: type, id: name, mb: 2 }, | ||
| _react2.default.createElement( | ||
| _Flex2.default, | ||
| { align: 'center', mb: '2px', wrap: true }, | ||
| label, | ||
| error && _react2.default.createElement(Error, { children: error }) | ||
| ), | ||
| _react2.default.createElement(Component, _extends({ name: name, type: type, placeholder: placeholder }, props)) | ||
| ); | ||
| }[type] || _Input["default"]; | ||
| return _react["default"].createElement(_Label["default"], { | ||
| className: type, | ||
| id: name, | ||
| mb: 2 | ||
| }, _react["default"].createElement(_Flex["default"], { | ||
| align: "center", | ||
| mb: "2px", | ||
| wrap: true | ||
| }, label, error && _react["default"].createElement(Error, { | ||
| children: error | ||
| })), _react["default"].createElement(Component, _extends({ | ||
| name: name, | ||
| type: type, | ||
| placeholder: placeholder | ||
| }, props))); | ||
| }; | ||
| Field.displayName = 'Field'; | ||
| Field.propTypes = { | ||
| /** choose alternate field type (like email, password, textarea, or select) */ | ||
| type: _propTypes2.default.oneOf(['checkbox', 'date', 'email', 'file', 'number', 'password', 'select', 'tel', 'textarea', 'url', 'text']), | ||
| name: _propTypes2.default.string.isRequired, | ||
| type: _propTypes["default"].oneOf(['checkbox', 'date', 'email', 'file', 'number', 'password', 'select', 'tel', 'textarea', 'url', 'text']), | ||
| name: _propTypes["default"].string.isRequired, | ||
| /** label text */ | ||
| label: _propTypes2.default.string.isRequired, | ||
| label: _propTypes["default"].string.isRequired, | ||
| /** validation message */ | ||
| error: _propTypes2.default.string, | ||
| error: _propTypes["default"].string, | ||
| /** placeholder text */ | ||
| placeholder: _propTypes2.default.string | ||
| placeholder: _propTypes["default"].string | ||
| }; | ||
| Field.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| type: 'text' | ||
| }; | ||
| exports.default = Field; | ||
| var _default = Field; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,37 +6,44 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n ', ' ', ' ', ' ', ' ', ' ', ';\n'], ['\n display: flex;\n ', ' ', ' ', ' ', ' ', ' ', ';\n']); | ||
| var _styledSystem = require("styled-system"); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _styledSystem = require('styled-system'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Box = require('./Box'); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _propTypes = require('prop-types'); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n display: flex;\n ", " ", " ", " ", " ", " ", ";\n"]); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var wrap = function wrap(props) { | ||
| return props.wrap ? { flexWrap: 'wrap' } : null; | ||
| return props.wrap ? { | ||
| flexWrap: 'wrap' | ||
| } : null; | ||
| }; | ||
| var Flex = (0, _styledComponents2.default)(_Box2.default)(_templateObject, _styledSystem.alignSelf, _styledSystem.alignItems, _styledSystem.justifyContent, wrap, _styledSystem.flexDirection, _styledSystem.flex); | ||
| Flex.propTypes = _extends({ | ||
| wrap: _propTypes2.default.bool | ||
| }, _styledSystem.propTypes.alignSelf, _styledSystem.propTypes.alignItems, _styledSystem.propTypes.justifyContent, _styledSystem.propTypes.flexDirection, _styledSystem.propTypes.flex); | ||
| var Flex = (0, _styledComponents["default"])(_Box["default"])(_templateObject(), _styledSystem.alignSelf, _styledSystem.alignItems, _styledSystem.justifyContent, wrap, _styledSystem.flexDirection, _styledSystem.flex); | ||
| Flex.propTypes = _objectSpread({ | ||
| wrap: _propTypes["default"].bool | ||
| }, _styledSystem.propTypes.alignSelf, {}, _styledSystem.propTypes.alignItems, {}, _styledSystem.propTypes.justifyContent, {}, _styledSystem.propTypes.flexDirection, {}, _styledSystem.propTypes.flex); | ||
| Flex.displayName = 'Flex'; | ||
| exports.default = Flex; | ||
| var _default = Flex; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,28 +6,39 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n line-height: 1.25;\n'], ['\n line-height: 1.25;\n']), | ||
| _templateObject2 = _taggedTemplateLiteral([''], ['']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Text = require('./Text'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Text2 = _interopRequireDefault(_Text); | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral([""]); | ||
| var _theme = require('./theme'); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| return data; | ||
| } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n line-height: 1.25;\n"]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var Heading = _Text2.default.withComponent('h2').extend(_templateObject); | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Heading = _Text["default"].withComponent('h2').extend(_templateObject()); | ||
| Heading.displayName = 'Heading'; | ||
| Heading.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| regular: true, | ||
@@ -37,4 +48,3 @@ fontSize: 5, | ||
| }; | ||
| Heading.h1 = (0, _styledComponents2.default)(Heading.withComponent('h1'))(_templateObject2); | ||
| Heading.h1 = (0, _styledComponents["default"])(Heading.withComponent('h1'))(_templateObject2()); | ||
| Heading.h1.defaultProps = { | ||
@@ -45,3 +55,2 @@ bold: true, | ||
| }; | ||
| Heading.h2 = Heading.withComponent('h2'); | ||
@@ -53,3 +62,2 @@ Heading.h2.defaultProps = { | ||
| }; | ||
| Heading.h3 = Heading.withComponent('h3'); | ||
@@ -61,3 +69,2 @@ Heading.h3.defaultProps = { | ||
| }; | ||
| Heading.h4 = Heading.withComponent('h4'); | ||
@@ -69,3 +76,2 @@ Heading.h4.defaultProps = { | ||
| }; | ||
| Heading.h5 = Heading.withComponent('h5'); | ||
@@ -77,3 +83,2 @@ Heading.h5.defaultProps = { | ||
| }; | ||
| Heading.h6 = Heading.withComponent('h6'); | ||
@@ -86,3 +91,3 @@ Heading.h6.defaultProps = { | ||
| }; | ||
| exports.default = Heading; | ||
| var _default = Heading; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,21 +6,14 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _styledComponents = require('styled-components'); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _Box = require('./Box'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _propTypes = require('prop-types'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| var _theme = require('./theme'); | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
@@ -34,7 +27,7 @@ | ||
| return { | ||
| xs: '@media screen and (max-width: ' + mw(props.theme.breakpoints[0]) + 'em)', | ||
| sm: '@media screen and (min-width: ' + props.theme.breakpoints[0] + 'em) and (max-width: ' + mw(props.theme.breakpoints[1]) + 'em)', | ||
| md: '@media screen and (min-width: ' + props.theme.breakpoints[1] + 'em) and (max-width: ' + mw(props.theme.breakpoints[2]) + 'em)', | ||
| lg: '@media screen and (min-width: ' + props.theme.breakpoints[2] + 'em) and (max-width: ' + mw(props.theme.breakpoints[3]) + 'em)', | ||
| xl: '@media screen and (min-width: ' + props.theme.breakpoints[3] + 'em)' | ||
| xs: "@media screen and (max-width: ".concat(mw(props.theme.breakpoints[0]), "em)"), | ||
| sm: "@media screen and (min-width: ".concat(props.theme.breakpoints[0], "em) and (max-width: ").concat(mw(props.theme.breakpoints[1]), "em)"), | ||
| md: "@media screen and (min-width: ".concat(props.theme.breakpoints[1], "em) and (max-width: ").concat(mw(props.theme.breakpoints[2]), "em)"), | ||
| lg: "@media screen and (min-width: ".concat(props.theme.breakpoints[2], "em) and (max-width: ").concat(mw(props.theme.breakpoints[3]), "em)"), | ||
| xl: "@media screen and (min-width: ".concat(props.theme.breakpoints[3], "em)") | ||
| }; | ||
@@ -45,22 +38,21 @@ }; | ||
| return function (props) { | ||
| return props[key] ? _defineProperty({}, breakpoints(props)[key], { display: 'none' }) : null; | ||
| return props[key] ? _defineProperty({}, breakpoints(props)[key], { | ||
| display: 'none' | ||
| }) : null; | ||
| }; | ||
| }; | ||
| var Hide = (0, _styledComponents2.default)(_Box2.default)([], hidden('xs'), hidden('sm'), hidden('md'), hidden('lg'), hidden('xl')); | ||
| var Hide = (0, _styledComponents["default"])(_Box["default"])([], hidden('xs'), hidden('sm'), hidden('md'), hidden('lg'), hidden('xl')); | ||
| Hide.displayName = 'Hide'; | ||
| Hide.propTypes = { | ||
| xs: _propTypes2.default.bool, | ||
| sm: _propTypes2.default.bool, | ||
| md: _propTypes2.default.bool, | ||
| lg: _propTypes2.default.bool, | ||
| xl: _propTypes2.default.bool | ||
| xs: _propTypes["default"].bool, | ||
| sm: _propTypes["default"].bool, | ||
| md: _propTypes["default"].bool, | ||
| lg: _propTypes["default"].bool, | ||
| xl: _propTypes["default"].bool | ||
| }; | ||
| Hide.defaultProps = { | ||
| theme: _theme2.default | ||
| theme: _theme["default"] | ||
| }; | ||
| exports.default = Hide; | ||
| var _default = Hide; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,36 +6,35 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n flex: none;\n'], ['\n flex: none;\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _propTypes = require('prop-types'); | ||
| var _icons = _interopRequireDefault(require("@hackclub/icons")); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Box = require('./Box'); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n flex: none;\n"]); | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _icons = require('@hackclub/icons'); | ||
| return data; | ||
| } | ||
| var _icons2 = _interopRequireDefault(_icons); | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Icon = (0, _styledComponents2.default)(_Box2.default.withComponent(_icons2.default))(_templateObject); | ||
| var Icon = (0, _styledComponents["default"])(_Box["default"].withComponent(_icons["default"]))(_templateObject()); | ||
| Icon.displayName = 'Icon'; | ||
| Icon.propTypes = { | ||
| /** which icon to draw */ | ||
| glyph: _propTypes2.default.string, | ||
| glyph: _propTypes["default"].string, | ||
| /** width/height, numbers in px */ | ||
| size: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]) | ||
| size: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]) | ||
| }; | ||
| Icon.defaultProps = { | ||
@@ -45,3 +44,3 @@ glyph: 'flag', | ||
| }; | ||
| exports.default = Icon; | ||
| var _default = Icon; | ||
| exports["default"] = _default; |
@@ -1,44 +0,58 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _react = _interopRequireDefault(require("react")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n box-shadow: none !important;\n line-height: 0 !important;\n ', ';\n'], ['\n box-shadow: none !important;\n line-height: 0 !important;\n ', ';\n']), | ||
| _templateObject2 = _taggedTemplateLiteral(['\n padding: ', 'px;\n '], ['\n padding: ', 'px;\n ']); | ||
| var _styledComponents = _interopRequireWildcard(require("styled-components")); | ||
| var _react = require('react'); | ||
| var _Icon = _interopRequireDefault(require("./Icon")); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _Button = _interopRequireDefault(require("./Button")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Icon = require('./Icon'); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _Icon2 = _interopRequireDefault(_Icon); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _Button = require('./Button'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Button2 = _interopRequireDefault(_Button); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var _propTypes = require('prop-types'); | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| var _theme = require('./theme'); | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n padding: ", "px;\n "]); | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| return data; | ||
| } | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n box-shadow: none !important;\n line-height: 0 !important;\n ", ";\n"]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var Base = (0, _styledComponents2.default)(_Button2.default.button)(_templateObject, function (props) { | ||
| return props.circle && (0, _styledComponents.css)(_templateObject2, props.theme.space[props.p || 2]); | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Base = (0, _styledComponents["default"])(_Button["default"].button)(_templateObject(), function (props) { | ||
| return props.circle && (0, _styledComponents.css)(_templateObject2(), props.theme.space[props.p || 2]); | ||
| }); | ||
@@ -50,6 +64,10 @@ | ||
| color = _ref.color, | ||
| props = _objectWithoutProperties(_ref, ['glyph', 'size', 'color']); | ||
| props = _objectWithoutProperties(_ref, ["glyph", "size", "color"]); | ||
| return _react2.default.createElement(Base, _extends({ | ||
| children: _react2.default.createElement(_Icon2.default, { glyph: glyph, size: size, color: color }) | ||
| return _react["default"].createElement(Base, _extends({ | ||
| children: _react["default"].createElement(_Icon["default"], { | ||
| glyph: glyph, | ||
| size: size, | ||
| color: color | ||
| }) | ||
| }, props)); | ||
@@ -59,11 +77,9 @@ }; | ||
| IconButton.displayName = 'IconButton'; | ||
| IconButton.propTypes = { | ||
| glyph: _propTypes2.default.string, | ||
| onClick: _propTypes2.default.func, | ||
| circle: _propTypes2.default.bool | ||
| glyph: _propTypes["default"].string, | ||
| onClick: _propTypes["default"].func, | ||
| circle: _propTypes["default"].bool | ||
| }; | ||
| IconButton.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| glyph: 'flag', | ||
@@ -73,3 +89,3 @@ bg: 'transparent', | ||
| }; | ||
| exports.default = IconButton; | ||
| var _default = IconButton; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,29 +6,30 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n display: block;\n max-width: 100%;\n height: auto;\n'], ['\n display: block;\n max-width: 100%;\n height: auto;\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Box = require('./Box'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n display: block;\n max-width: 100%;\n height: auto;\n"]); | ||
| var _propTypes = require('prop-types'); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| return data; | ||
| } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Image = (0, _styledComponents2.default)(_Box2.default.withComponent('img'))(_templateObject); | ||
| var Image = (0, _styledComponents["default"])(_Box["default"].withComponent('img'))(_templateObject()); | ||
| Image.displayName = 'Image'; | ||
| Image.propTypes = { | ||
| alt: _propTypes2.default.string.isRequired | ||
| alt: _propTypes["default"].string.isRequired | ||
| }; | ||
| exports.default = Image; | ||
| var _default = Image; | ||
| exports["default"] = _default; |
@@ -1,269 +0,264 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| var _Avatar = require('./Avatar'); | ||
| Object.defineProperty(exports, 'Avatar', { | ||
| var _exportNames = { | ||
| Avatar: true, | ||
| BackgroundImage: true, | ||
| Badge: true, | ||
| BlockLink: true, | ||
| Box: true, | ||
| Button: true, | ||
| Card: true, | ||
| Container: true, | ||
| Field: true, | ||
| Flex: true, | ||
| Heading: true, | ||
| Hide: true, | ||
| Icon: true, | ||
| IconButton: true, | ||
| Image: true, | ||
| Input: true, | ||
| Label: true, | ||
| LargeButton: true, | ||
| Link: true, | ||
| Loading: true, | ||
| OutlineButton: true, | ||
| Section: true, | ||
| Sheet: true, | ||
| Slider: true, | ||
| Submit: true, | ||
| Text: true, | ||
| theme: true, | ||
| ThemeProvider: true | ||
| }; | ||
| Object.defineProperty(exports, "Avatar", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Avatar).default; | ||
| return _Avatar["default"]; | ||
| } | ||
| }); | ||
| var _BackgroundImage = require('./BackgroundImage'); | ||
| Object.defineProperty(exports, 'BackgroundImage', { | ||
| Object.defineProperty(exports, "BackgroundImage", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_BackgroundImage).default; | ||
| return _BackgroundImage["default"]; | ||
| } | ||
| }); | ||
| var _Badge = require('./Badge'); | ||
| Object.defineProperty(exports, 'Badge', { | ||
| Object.defineProperty(exports, "Badge", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Badge).default; | ||
| return _Badge["default"]; | ||
| } | ||
| }); | ||
| var _BlockLink = require('./BlockLink'); | ||
| Object.defineProperty(exports, 'BlockLink', { | ||
| Object.defineProperty(exports, "BlockLink", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_BlockLink).default; | ||
| return _BlockLink["default"]; | ||
| } | ||
| }); | ||
| var _Box = require('./Box'); | ||
| Object.defineProperty(exports, 'Box', { | ||
| Object.defineProperty(exports, "Box", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Box).default; | ||
| return _Box["default"]; | ||
| } | ||
| }); | ||
| var _Button = require('./Button'); | ||
| Object.defineProperty(exports, 'Button', { | ||
| Object.defineProperty(exports, "Button", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Button).default; | ||
| return _Button["default"]; | ||
| } | ||
| }); | ||
| var _Card = require('./Card'); | ||
| Object.defineProperty(exports, 'Card', { | ||
| Object.defineProperty(exports, "Card", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Card).default; | ||
| return _Card["default"]; | ||
| } | ||
| }); | ||
| var _Container = require('./Container'); | ||
| Object.defineProperty(exports, 'Container', { | ||
| Object.defineProperty(exports, "Container", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Container).default; | ||
| return _Container["default"]; | ||
| } | ||
| }); | ||
| var _Divider = require('./Divider'); | ||
| Object.defineProperty(exports, 'Divider', { | ||
| Object.defineProperty(exports, "Field", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Divider).default; | ||
| return _Field["default"]; | ||
| } | ||
| }); | ||
| var _Field = require('./Field'); | ||
| Object.defineProperty(exports, 'Field', { | ||
| Object.defineProperty(exports, "Flex", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Field).default; | ||
| return _Flex["default"]; | ||
| } | ||
| }); | ||
| var _Flex = require('./Flex'); | ||
| Object.defineProperty(exports, 'Flex', { | ||
| Object.defineProperty(exports, "Heading", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Flex).default; | ||
| return _Heading["default"]; | ||
| } | ||
| }); | ||
| var _Heading = require('./Heading'); | ||
| Object.defineProperty(exports, 'Heading', { | ||
| Object.defineProperty(exports, "Hide", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Heading).default; | ||
| return _Hide["default"]; | ||
| } | ||
| }); | ||
| var _Hide = require('./Hide'); | ||
| Object.defineProperty(exports, 'Hide', { | ||
| Object.defineProperty(exports, "Icon", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Hide).default; | ||
| return _Icon["default"]; | ||
| } | ||
| }); | ||
| var _Icon = require('./Icon'); | ||
| Object.defineProperty(exports, 'Icon', { | ||
| Object.defineProperty(exports, "IconButton", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Icon).default; | ||
| return _IconButton["default"]; | ||
| } | ||
| }); | ||
| var _IconButton = require('./IconButton'); | ||
| Object.defineProperty(exports, 'IconButton', { | ||
| Object.defineProperty(exports, "Image", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_IconButton).default; | ||
| return _Image["default"]; | ||
| } | ||
| }); | ||
| var _Image = require('./Image'); | ||
| Object.defineProperty(exports, 'Image', { | ||
| Object.defineProperty(exports, "Input", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Image).default; | ||
| return _Input["default"]; | ||
| } | ||
| }); | ||
| var _Input = require('./Input'); | ||
| Object.defineProperty(exports, 'Input', { | ||
| Object.defineProperty(exports, "Label", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Input).default; | ||
| return _Label["default"]; | ||
| } | ||
| }); | ||
| var _Label = require('./Label'); | ||
| Object.defineProperty(exports, 'Label', { | ||
| Object.defineProperty(exports, "LargeButton", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Label).default; | ||
| return _LargeButton["default"]; | ||
| } | ||
| }); | ||
| var _LargeButton = require('./LargeButton'); | ||
| Object.defineProperty(exports, 'LargeButton', { | ||
| Object.defineProperty(exports, "Link", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_LargeButton).default; | ||
| return _Link["default"]; | ||
| } | ||
| }); | ||
| var _Link = require('./Link'); | ||
| Object.defineProperty(exports, 'Link', { | ||
| Object.defineProperty(exports, "Loading", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Link).default; | ||
| return _Loading["default"]; | ||
| } | ||
| }); | ||
| var _Loading = require('./Loading'); | ||
| Object.defineProperty(exports, 'Loading', { | ||
| Object.defineProperty(exports, "OutlineButton", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Loading).default; | ||
| return _OutlineButton["default"]; | ||
| } | ||
| }); | ||
| var _OutlineButton = require('./OutlineButton'); | ||
| Object.defineProperty(exports, 'OutlineButton', { | ||
| Object.defineProperty(exports, "Section", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_OutlineButton).default; | ||
| return _Section["default"]; | ||
| } | ||
| }); | ||
| var _Section = require('./Section'); | ||
| Object.defineProperty(exports, 'Section', { | ||
| Object.defineProperty(exports, "Sheet", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Section).default; | ||
| return _Sheet["default"]; | ||
| } | ||
| }); | ||
| var _Sheet = require('./Sheet'); | ||
| Object.defineProperty(exports, 'Sheet', { | ||
| Object.defineProperty(exports, "Slider", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Sheet).default; | ||
| return _Slider["default"]; | ||
| } | ||
| }); | ||
| var _Slider = require('./Slider'); | ||
| Object.defineProperty(exports, 'Slider', { | ||
| Object.defineProperty(exports, "Submit", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Slider).default; | ||
| return _Submit["default"]; | ||
| } | ||
| }); | ||
| var _Submit = require('./Submit'); | ||
| Object.defineProperty(exports, 'Submit', { | ||
| Object.defineProperty(exports, "Text", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Submit).default; | ||
| return _Text["default"]; | ||
| } | ||
| }); | ||
| var _Text = require('./Text'); | ||
| Object.defineProperty(exports, 'Text', { | ||
| Object.defineProperty(exports, "theme", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_Text).default; | ||
| return _theme["default"]; | ||
| } | ||
| }); | ||
| var _theme = require('./theme'); | ||
| Object.defineProperty(exports, 'theme', { | ||
| Object.defineProperty(exports, "ThemeProvider", { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_theme).default; | ||
| return _ThemeProvider["default"]; | ||
| } | ||
| }); | ||
| var _ThemeProvider = require('./ThemeProvider'); | ||
| var _Avatar = _interopRequireDefault(require("./Avatar")); | ||
| Object.defineProperty(exports, 'ThemeProvider', { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _interopRequireDefault(_ThemeProvider).default; | ||
| } | ||
| }); | ||
| var _BackgroundImage = _interopRequireDefault(require("./BackgroundImage")); | ||
| var _Badge = _interopRequireDefault(require("./Badge")); | ||
| var _BlockLink = _interopRequireDefault(require("./BlockLink")); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _Button = _interopRequireDefault(require("./Button")); | ||
| var _Card = _interopRequireDefault(require("./Card")); | ||
| var _Container = _interopRequireDefault(require("./Container")); | ||
| var _Field = _interopRequireDefault(require("./Field")); | ||
| var _Flex = _interopRequireDefault(require("./Flex")); | ||
| var _Heading = _interopRequireDefault(require("./Heading")); | ||
| var _Hide = _interopRequireDefault(require("./Hide")); | ||
| var _Icon = _interopRequireDefault(require("./Icon")); | ||
| var _IconButton = _interopRequireDefault(require("./IconButton")); | ||
| var _Image = _interopRequireDefault(require("./Image")); | ||
| var _Input = _interopRequireDefault(require("./Input")); | ||
| var _Label = _interopRequireDefault(require("./Label")); | ||
| var _LargeButton = _interopRequireDefault(require("./LargeButton")); | ||
| var _Link = _interopRequireDefault(require("./Link")); | ||
| var _Loading = _interopRequireDefault(require("./Loading")); | ||
| var _OutlineButton = _interopRequireDefault(require("./OutlineButton")); | ||
| var _Section = _interopRequireDefault(require("./Section")); | ||
| var _Sheet = _interopRequireDefault(require("./Sheet")); | ||
| var _Slider = _interopRequireDefault(require("./Slider")); | ||
| var _Submit = _interopRequireDefault(require("./Submit")); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _theme = _interopRequireWildcard(require("./theme")); | ||
| Object.keys(_theme).forEach(function (key) { | ||
| if (key === "default" || key === "__esModule") return; | ||
| if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; | ||
| Object.defineProperty(exports, key, { | ||
@@ -277,2 +272,8 @@ enumerable: true, | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider")); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,43 +6,44 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports.InputTextarea = exports.InputSelect = undefined; | ||
| exports["default"] = exports.InputTextarea = exports.InputSelect = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _react = _interopRequireDefault(require("react")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n appearance: none;\n display: block;\n vertical-align: middle;\n max-width: 32rem;\n min-height: 36px;\n line-height: inherit;\n font-family: inherit;\n background-color: transparent;\n border-radius: ', ';\n border-width: 1px;\n border-style: solid;\n border-color: ', ';\n transition: ', ' box-shadow;\n\n ::placeholder {\n color: ', ';\n }\n\n ::-ms-clear {\n display: none;\n }\n\n &:focus {\n outline: none;\n border-color: ', ';\n box-shadow: 0 0 0 2px ', ';\n }\n\n &[type=\'select\'] {\n background: #fff url("data:image/svg+xml;charset=utf8,', '") no-repeat right .75rem center;\n background-size: .5rem;\n }\n\n &[type=\'textarea\'] {\n resize: vertical;\n }\n\n ', ' ', ' ', ' ', ';\n'], ['\n appearance: none;\n display: block;\n vertical-align: middle;\n max-width: 32rem;\n min-height: 36px;\n line-height: inherit;\n font-family: inherit;\n background-color: transparent;\n border-radius: ', ';\n border-width: 1px;\n border-style: solid;\n border-color: ', ';\n transition: ', ' box-shadow;\n\n ::placeholder {\n color: ', ';\n }\n\n ::-ms-clear {\n display: none;\n }\n\n &:focus {\n outline: none;\n border-color: ', ';\n box-shadow: 0 0 0 2px ', ';\n }\n\n &[type=\'select\'] {\n background: #fff url("data:image/svg+xml;charset=utf8,', '") no-repeat right .75rem center;\n background-size: .5rem;\n }\n\n &[type=\'textarea\'] {\n resize: vertical;\n }\n\n ', ' ', ' ', ' ', ';\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _react = require('react'); | ||
| var _styledSystem = require("styled-system"); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _styledSystem = require('styled-system'); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _theme = require('./theme'); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var _propTypes = require('prop-types'); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n appearance: none;\n display: block;\n vertical-align: middle;\n max-width: 32rem;\n min-height: 36px;\n line-height: inherit;\n font-family: inherit;\n background-color: transparent;\n border-radius: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n transition: ", " box-shadow;\n\n ::placeholder {\n color: ", ";\n }\n\n ::-ms-clear {\n display: none;\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n }\n\n &[type='select'] {\n background: #fff url(\"data:image/svg+xml;charset=utf8,", "\") no-repeat right .75rem center;\n background-size: .5rem;\n }\n\n &[type='textarea'] {\n resize: vertical;\n }\n\n ", " ", " ", " ", ";\n"]); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var chevron = function chevron() { | ||
| var props = 'xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\''; | ||
| var slate = '%23' + _theme2.default.colors.slate.replace('#', ''); | ||
| var pathProps = 'fill=\'' + slate + '\' d=\'M2 0L0 2h4zm0 5L0 3h4z\''; | ||
| return '%3Csvg ' + props + '%3E%3Cpath ' + pathProps + '/%3E%3C/svg%3E'; | ||
| }; | ||
| var props = "xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'"; | ||
| var Base = function Base(props) { | ||
| var next = (0, _theme.filterProps)(props); | ||
| return _react2.default.createElement('input', next); | ||
| var slate = '%23' + _theme["default"].colors.slate.replace('#', ''); | ||
| var pathProps = "fill='".concat(slate, "' d='M2 0L0 2h4zm0 5L0 3h4z'"); | ||
| return "%3Csvg ".concat(props, "%3E%3Cpath ").concat(pathProps, "/%3E%3C/svg%3E"); | ||
| }; | ||
| var Input = (0, _styledComponents2.default)(Base)(_templateObject, function (_ref) { | ||
| var Input = _styledComponents["default"].input(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
@@ -68,9 +69,7 @@ return theme.radius; | ||
| Input.displayName = 'Input'; | ||
| Input.propTypes = _extends({ | ||
| id: _propTypes2.default.string | ||
| }, _styledSystem.propTypes.fontSize, _styledSystem.propTypes.space, _styledSystem.propTypes.width, _styledSystem.propTypes.color); | ||
| Input.propTypes = _objectSpread({ | ||
| id: _propTypes["default"].string | ||
| }, _styledSystem.propTypes.fontSize, {}, _styledSystem.propTypes.space, {}, _styledSystem.propTypes.width, {}, _styledSystem.propTypes.color); | ||
| Input.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| width: 1, | ||
@@ -84,6 +83,7 @@ m: 0, | ||
| }; | ||
| var InputSelect = exports.InputSelect = Input.withComponent('select'); | ||
| var InputTextarea = exports.InputTextarea = Input.withComponent('textarea'); | ||
| exports.default = Input; | ||
| var InputSelect = Input.withComponent('select'); | ||
| exports.InputSelect = InputSelect; | ||
| var InputTextarea = Input.withComponent('textarea'); | ||
| exports.InputTextarea = InputTextarea; | ||
| var _default = Input; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,36 +6,40 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n display: block;\n\n a {\n color: ', ';\n text-decoration: underline;\n }\n'], ['\n display: block;\n\n a {\n color: ', ';\n text-decoration: underline;\n }\n']); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _styledSystem = require("styled-system"); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Text = require('./Text'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Text2 = _interopRequireDefault(_Text); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _styledSystem = require('styled-system'); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _theme = require('./theme'); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n display: block;\n\n a {\n color: ", ";\n text-decoration: underline;\n }\n"]); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| return data; | ||
| } | ||
| var Label = (0, _styledComponents2.default)(_Text2.default.withComponent('label'))(_templateObject, function (_ref) { | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Label = (0, _styledComponents["default"])(_Text["default"].withComponent('label'))(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
| return theme.colors.info; | ||
| }); | ||
| Label.displayName = 'Label'; | ||
| Label.propTypes = _extends({}, _styledSystem.propTypes.width); | ||
| Label.propTypes = _objectSpread({}, _styledSystem.propTypes.width); | ||
| Label.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| color: 'black', | ||
@@ -45,3 +49,3 @@ fontSize: 2, | ||
| }; | ||
| exports.default = Label; | ||
| var _default = Label; | ||
| exports["default"] = _default; |
@@ -1,22 +0,33 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n text-transform: uppercase;\n box-shadow: 0 2px 12px ', ';\n\n &:hover,\n &:focus {\n box-shadow: 0 2px 12px 2px\n ', ';\n }\n\n &:active {\n box-shadow: 0 4px 16px 2px\n ', ';\n }\n'], ['\n text-transform: uppercase;\n box-shadow: 0 2px 12px ', ';\n\n &:hover,\n &:focus {\n box-shadow: 0 2px 12px 2px\n ', ';\n }\n\n &:active {\n box-shadow: 0 4px 16px 2px\n ', ';\n }\n']); | ||
| var _Button = _interopRequireDefault(require("./Button")); | ||
| var _Button = require('./Button'); | ||
| var _theme = _interopRequireWildcard(require("./theme")); | ||
| var _Button2 = _interopRequireDefault(_Button); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _theme = require('./theme'); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n text-transform: uppercase;\n box-shadow: 0 2px 12px ", ";\n\n &:hover,\n &:focus {\n box-shadow: 0 2px 12px 2px\n ", ";\n }\n\n &:active {\n box-shadow: 0 4px 16px 2px\n ", ";\n }\n"]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var LargeButton = _Button2.default.extend(_templateObject, function (_ref) { | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var LargeButton = _Button["default"].extend(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
@@ -31,5 +42,4 @@ return theme.shadowColor; | ||
| LargeButton.displayName = 'LargeButton'; | ||
| LargeButton.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| bg: 'primary', | ||
@@ -42,6 +52,5 @@ color: 'white', | ||
| }; | ||
| LargeButton.button = LargeButton.withComponent('button'); | ||
| LargeButton.input = LargeButton.withComponent('input'); | ||
| exports.default = LargeButton; | ||
| var _default = LargeButton; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,56 +6,88 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n text-decoration: ', ';\n\n ', ';\n\n &:before,\n &:after {\n text-decoration: none !important;\n display: inline-block;\n }\n ', ';\n ', ';\n'], ['\n text-decoration: ', ';\n\n ', ';\n\n &:before,\n &:after {\n text-decoration: none !important;\n display: inline-block;\n }\n ', ';\n ', ';\n']), | ||
| _templateObject2 = _taggedTemplateLiteral(['\n &:focus,\n &:hover {\n text-decoration: underline;\n }\n '], ['\n &:focus,\n &:hover {\n text-decoration: underline;\n }\n ']), | ||
| _templateObject3 = _taggedTemplateLiteral(['\n &:before {\n content: \'\u2039\';\n padding-right: 0.25em;\n }\n '], ['\n &:before {\n content: \'\u2039\';\n padding-right: 0.25em;\n }\n ']), | ||
| _templateObject4 = _taggedTemplateLiteral(['\n &:after {\n content: \'\u203A\';\n padding-left: 0.25em;\n }\n '], ['\n &:after {\n content: \'\u203A\';\n padding-left: 0.25em;\n }\n ']); | ||
| var _Text = _interopRequireDefault(require("./Text")); | ||
| var _Text = require('./Text'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _Text2 = _interopRequireDefault(_Text); | ||
| var _styledComponents = require("styled-components"); | ||
| var _propTypes = require('prop-types'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _styledComponents = require('styled-components'); | ||
| function _templateObject4() { | ||
| var data = _taggedTemplateLiteral(["\n &:after {\n content: '\u203A';\n padding-left: 0.25em;\n }\n "]); | ||
| var _theme = require('./theme'); | ||
| _templateObject4 = function _templateObject4() { | ||
| return data; | ||
| }; | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| return data; | ||
| } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _templateObject3() { | ||
| var data = _taggedTemplateLiteral(["\n &:before {\n content: '\u2039';\n padding-right: 0.25em;\n }\n "]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject3 = function _templateObject3() { | ||
| return data; | ||
| }; | ||
| var Link = _Text2.default.withComponent('a').extend(_templateObject, function (props) { | ||
| return data; | ||
| } | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n &:focus,\n &:hover {\n text-decoration: underline;\n }\n "]); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n text-decoration: ", ";\n\n ", ";\n\n &:before,\n &:after {\n text-decoration: none !important;\n display: inline-block;\n }\n ", ";\n ", ";\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Link = _Text["default"].withComponent('a').extend(_templateObject(), function (props) { | ||
| return props.underline ? 'underline' : 'none'; | ||
| }, function (props) { | ||
| return props.hoverline && (0, _styledComponents.css)(_templateObject2); | ||
| return props.hoverline && (0, _styledComponents.css)(_templateObject2()); | ||
| }, function (props) { | ||
| return props.chevronLeft && (0, _styledComponents.css)(_templateObject3); | ||
| return props.chevronLeft && (0, _styledComponents.css)(_templateObject3()); | ||
| }, function (props) { | ||
| return props.chevronRight && (0, _styledComponents.css)(_templateObject4); | ||
| return props.chevronRight && (0, _styledComponents.css)(_templateObject4()); | ||
| }); | ||
| Link.displayName = 'Link'; | ||
| Link.propTypes = { | ||
| /** you know, where the link goes */ | ||
| href: _propTypes2.default.string, | ||
| href: _propTypes["default"].string, | ||
| /** enable text-decoration: underline */ | ||
| underline: _propTypes2.default.bool, | ||
| underline: _propTypes["default"].bool, | ||
| /** enable text-decoration: underline on hover*/ | ||
| hoverline: _propTypes2.default.bool, | ||
| hoverline: _propTypes["default"].bool, | ||
| /** add left text arrows */ | ||
| chevronLeft: _propTypes2.default.bool, | ||
| chevronLeft: _propTypes["default"].bool, | ||
| /** add right text arrows */ | ||
| chevronRight: _propTypes2.default.bool | ||
| chevronRight: _propTypes["default"].bool | ||
| }; | ||
| Link.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| color: 'info' | ||
| }; | ||
| exports.default = Link; | ||
| var _default = Link; | ||
| exports["default"] = _default; |
@@ -1,52 +0,74 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _styledComponents = _interopRequireWildcard(require("styled-components")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n }\n 100% {\n width: 56px; // 64px - 3px border on two sides\n height: 56px;\n opacity: 0;\n }\n'], ['\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n }\n 100% {\n width: 56px; // 64px - 3px border on two sides\n height: 56px;\n opacity: 0;\n }\n']), | ||
| _templateObject2 = _taggedTemplateLiteral(['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 64px;\n height: 64px;\n border-radius: 50%;\n'], ['\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 64px;\n height: 64px;\n border-radius: 50%;\n']), | ||
| _templateObject3 = _taggedTemplateLiteral(['\n position: absolute;\n border: 4px solid currentColor;\n opacity: 1;\n border-radius: 50%;\n transform-origin: center;\n animation: ', ' 0.975s ease-out infinite;\n'], ['\n position: absolute;\n border: 4px solid currentColor;\n opacity: 1;\n border-radius: 50%;\n transform-origin: center;\n animation: ', ' 0.975s ease-out infinite;\n']); | ||
| var _react = _interopRequireDefault(require("react")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Box = _interopRequireDefault(require("./Box")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _react = require('react'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _react2 = _interopRequireDefault(_react); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _Box = require('./Box'); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _Box2 = _interopRequireDefault(_Box); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var _theme = require('./theme'); | ||
| function _templateObject3() { | ||
| var data = _taggedTemplateLiteral(["\n position: absolute;\n border: 4px solid currentColor;\n opacity: 1;\n border-radius: 50%;\n transform-origin: center;\n animation: ", " 0.975s ease-out infinite;\n"]); | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| _templateObject3 = function _templateObject3() { | ||
| return data; | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 64px;\n height: 64px;\n border-radius: 50%;\n"]); | ||
| var animation = (0, _styledComponents.keyframes)(_templateObject); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| var Base = (0, _styledComponents2.default)(_Box2.default)(_templateObject2); | ||
| var Inner = (0, _styledComponents2.default)(_Box2.default)(_templateObject3, animation); | ||
| return data; | ||
| } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n }\n 100% {\n width: 56px; // 64px - 3px border on two sides\n height: 56px;\n opacity: 0;\n }\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var animation = (0, _styledComponents.keyframes)(_templateObject()); | ||
| var Base = (0, _styledComponents["default"])(_Box["default"])(_templateObject2()); | ||
| var Inner = (0, _styledComponents["default"])(_Box["default"])(_templateObject3(), animation); | ||
| var Loading = function Loading(props) { | ||
| return _react2.default.createElement( | ||
| Base, | ||
| _extends({ role: 'presentation', 'aria-label': 'Loading' }, props), | ||
| _react2.default.createElement(Inner, null), | ||
| _react2.default.createElement(Inner, null) | ||
| ); | ||
| return _react["default"].createElement(Base, _extends({ | ||
| role: "presentation", | ||
| "aria-label": "Loading" | ||
| }, props), _react["default"].createElement(Inner, null), _react["default"].createElement(Inner, null)); | ||
| }; | ||
| Loading.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| color: 'primary' | ||
| }; | ||
| exports.default = Loading; | ||
| var _default = Loading; | ||
| exports["default"] = _default; |
@@ -1,22 +0,33 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n background: transparent;\n border-width: 2px;\n border-style: solid;\n border-color: ', ';\n box-shadow: none;\n color: ', ';\n &:focus:enabled,\n &:hover:enabled {\n background: ', ';\n color: ', ';\n transition: ', ' background,\n ', ' color;\n }\n'], ['\n background: transparent;\n border-width: 2px;\n border-style: solid;\n border-color: ', ';\n box-shadow: none;\n color: ', ';\n &:focus:enabled,\n &:hover:enabled {\n background: ', ';\n color: ', ';\n transition: ', ' background,\n ', ' color;\n }\n']); | ||
| var _LargeButton = _interopRequireDefault(require("./LargeButton")); | ||
| var _LargeButton = require('./LargeButton'); | ||
| var _theme = _interopRequireWildcard(require("./theme")); | ||
| var _LargeButton2 = _interopRequireDefault(_LargeButton); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _theme = require('./theme'); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n background: transparent;\n border-width: 2px;\n border-style: solid;\n border-color: ", ";\n box-shadow: none;\n color: ", ";\n &:focus:enabled,\n &:hover:enabled {\n background: ", ";\n color: ", ";\n transition: ", " background,\n ", " color;\n }\n"]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var OutlineButton = _LargeButton2.default.extend(_templateObject, function (props) { | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var OutlineButton = _LargeButton["default"].extend(_templateObject(), function (props) { | ||
| return (0, _theme.cx)(props.bg); | ||
@@ -38,13 +49,12 @@ }, function (props) { | ||
| OutlineButton.displayName = 'OutlineButton'; | ||
| OutlineButton.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| bg: 'primary', | ||
| color: 'white', | ||
| fontSize: 3, | ||
| py: _theme2.default.space[3] - 2, | ||
| px: _theme2.default.space[4] - 2, | ||
| py: _theme["default"].space[3] - 2, | ||
| px: _theme["default"].space[4] - 2, | ||
| m: 0 | ||
| }; | ||
| exports.default = OutlineButton; | ||
| var _default = OutlineButton; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,27 +6,28 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n text-align: center;\n'], ['\n text-align: center;\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Flex = _interopRequireDefault(require("./Flex")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Flex = require('./Flex'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Flex2 = _interopRequireDefault(_Flex); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n text-align: center;\n"]); | ||
| var _theme = require('./theme'); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| return data; | ||
| } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Section = (0, _styledComponents2.default)(_Flex2.default)(_templateObject); | ||
| var Section = (0, _styledComponents["default"])(_Flex["default"])(_templateObject()); | ||
| Section.displayName = 'Section'; | ||
| Section.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| align: 'center', | ||
@@ -39,3 +40,3 @@ justify: 'center', | ||
| }; | ||
| exports.default = Section; | ||
| var _default = Section; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,35 +6,34 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n overflow: hidden;\n border-radius: ', ';\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.0625);\n'], ['\n position: relative;\n overflow: hidden;\n border-radius: ', ';\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.0625);\n']); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _Card = _interopRequireDefault(require("./Card")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _Container = _interopRequireDefault(require("./Container")); | ||
| var _Card = require('./Card'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _Card2 = _interopRequireDefault(_Card); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Container = require('./Container'); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n border-radius: ", ";\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.0625);\n"]); | ||
| var _Container2 = _interopRequireDefault(_Container); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var _theme = require('./theme'); | ||
| return data; | ||
| } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Sheet = (0, _styledComponents2.default)(_Card2.default.withComponent(_Container2.default))(_templateObject, _theme2.default.radii[2]); | ||
| var Sheet = (0, _styledComponents["default"])(_Card["default"].withComponent(_Container["default"]))(_templateObject(), _theme["default"].radii[2]); | ||
| Sheet.displayName = 'Sheet'; | ||
| Sheet.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| bg: 'rgba(255, 255, 255, 0.875)', | ||
| p: [3, 4] | ||
| }; | ||
| exports.default = Sheet; | ||
| var _default = Sheet; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,22 +6,33 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n appearance: none;\n display: block;\n border-radius: ', ';\n height: 4px;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n width: 16px;\n height: 16px;\n background-color: currentColor;\n border: 0;\n border-radius: ', ';\n appearance: none;\n }\n\n ', ' ', ' ', ';\n'], ['\n appearance: none;\n display: block;\n border-radius: ', ';\n height: 4px;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n width: 16px;\n height: 16px;\n background-color: currentColor;\n border: 0;\n border-radius: ', ';\n appearance: none;\n }\n\n ', ' ', ' ', ';\n']); | ||
| var _styledSystem = require("styled-system"); | ||
| var _styledComponents = require('styled-components'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _styledSystem = require('styled-system'); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _theme = require('./theme'); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n appearance: none;\n display: block;\n border-radius: ", ";\n height: 4px;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n width: 16px;\n height: 16px;\n background-color: currentColor;\n border: 0;\n border-radius: ", ";\n appearance: none;\n }\n\n ", " ", " ", ";\n"]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var Slider = _styledComponents2.default.input.attrs({ type: 'range' })(_templateObject, function (_ref) { | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var Slider = _styledComponents["default"].input.attrs({ | ||
| type: 'range' | ||
| })(_templateObject(), function (_ref) { | ||
| var theme = _ref.theme; | ||
@@ -35,7 +46,5 @@ return theme.pill; | ||
| Slider.displayName = 'Input'; | ||
| Slider.propTypes = _extends({}, _styledSystem.propTypes.space, _styledSystem.propTypes.width, _styledSystem.propTypes.color); | ||
| Slider.propTypes = _objectSpread({}, _styledSystem.propTypes.space, {}, _styledSystem.propTypes.width, {}, _styledSystem.propTypes.color); | ||
| Slider.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| width: 1, | ||
@@ -45,3 +54,3 @@ bg: 'smoke', | ||
| }; | ||
| exports.default = Slider; | ||
| var _default = Slider; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,39 +6,29 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _styledComponents = require('styled-components'); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _Button = _interopRequireDefault(require("./Button")); | ||
| var _Button = require('./Button'); | ||
| var _LargeButton = _interopRequireDefault(require("./LargeButton")); | ||
| var _Button2 = _interopRequireDefault(_Button); | ||
| var _Text = require("./Text"); | ||
| var _LargeButton = require('./LargeButton'); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _LargeButton2 = _interopRequireDefault(_LargeButton); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _Text = require('./Text'); | ||
| var _theme = require('./theme'); | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| var Submit = (0, _styledComponents2.default)(_Button2.default.input).attrs({ | ||
| var Submit = (0, _styledComponents["default"])(_Button["default"].input).attrs({ | ||
| type: 'submit' | ||
| })([], _Text.caps); | ||
| Submit.lg = (0, _styledComponents2.default)(_LargeButton2.default.input).attrs({ | ||
| Submit.lg = (0, _styledComponents["default"])(_LargeButton["default"].input).attrs({ | ||
| type: 'submit' | ||
| })([], _Text.caps); | ||
| var attrs = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| caps: true | ||
| }; | ||
| Submit.defaultProps = attrs; | ||
| Submit.lg.defaultProps = attrs; | ||
| exports.default = Submit; | ||
| var _default = Submit; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,68 +6,72 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports.maxWidth = exports.bold = exports.regular = exports.caps = undefined; | ||
| exports["default"] = exports.maxWidth = exports.bold = exports.regular = exports.caps = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _react = _interopRequireDefault(require("react")); | ||
| var _react = require('react'); | ||
| var _styledComponents = _interopRequireDefault(require("styled-components")); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _styledComponents = require('styled-components'); | ||
| var _styledSystem = require("styled-system"); | ||
| var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _propTypes = require('prop-types'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _styledSystem = require('styled-system'); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| var _theme = require('./theme'); | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| var caps = function caps(props) { | ||
| return props.caps && { | ||
| textTransform: 'uppercase' | ||
| }; | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| exports.caps = caps; | ||
| var caps = exports.caps = function caps(props) { | ||
| return props.caps && { textTransform: 'uppercase' }; | ||
| var regular = function regular(props) { | ||
| return props.regular && { | ||
| fontWeight: 'regular' | ||
| }; | ||
| }; | ||
| var regular = exports.regular = function regular(props) { | ||
| return props.regular && { fontWeight: 'regular' }; | ||
| }; | ||
| exports.regular = regular; | ||
| var bold = exports.bold = function bold(props) { | ||
| return props.bold && { fontWeight: 'bold' }; | ||
| var bold = function bold(props) { | ||
| return props.bold && { | ||
| fontWeight: 'bold' | ||
| }; | ||
| }; | ||
| var maxWidth = exports.maxWidth = function maxWidth(_ref) { | ||
| exports.bold = bold; | ||
| var maxWidth = function maxWidth(_ref) { | ||
| var maxWidth = _ref.maxWidth; | ||
| return maxWidth && { maxWidth: maxWidth + 'rem' }; | ||
| return maxWidth && { | ||
| maxWidth: "".concat(maxWidth, "rem") | ||
| }; | ||
| }; | ||
| var Base = function Base(props) { | ||
| var next = (0, _theme.filterProps)(props); | ||
| return _react2.default.createElement('p', next); | ||
| }; | ||
| exports.maxWidth = maxWidth; | ||
| var Text = (0, _styledComponents2.default)(Base)([], _styledSystem.fontSize, _styledSystem.space, _styledSystem.color, caps, _styledSystem.textAlign, bold, regular, _styledSystem.fontWeight, maxWidth); | ||
| var Text = _styledComponents["default"].p([], _styledSystem.fontSize, _styledSystem.space, _styledSystem.color, caps, _styledSystem.textAlign, bold, regular, _styledSystem.fontWeight, maxWidth); | ||
| Text.displayName = 'Text'; | ||
| Text.propTypes = _extends({ | ||
| caps: _propTypes2.default.bool, | ||
| regular: _propTypes2.default.bool, | ||
| bold: _propTypes2.default.bool, | ||
| maxWidth: _propTypes2.default.number | ||
| }, _styledSystem.propTypes.fontSize, _styledSystem.propTypes.fontWeight, _styledSystem.propTypes.textAlign, _styledSystem.propTypes.space, _styledSystem.propTypes.color); | ||
| Text.propTypes = _objectSpread({ | ||
| caps: _propTypes["default"].bool, | ||
| regular: _propTypes["default"].bool, | ||
| bold: _propTypes["default"].bool, | ||
| maxWidth: _propTypes["default"].number | ||
| }, _styledSystem.propTypes.fontSize, {}, _styledSystem.propTypes.fontWeight, {}, _styledSystem.propTypes.textAlign, {}, _styledSystem.propTypes.space, {}, _styledSystem.propTypes.color); | ||
| Text.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| m: 0 | ||
| }; | ||
| Text.span = Text.withComponent('span'); | ||
| Text.p = Text.withComponent('p'); | ||
| Text.s = Text.withComponent('s'); | ||
| exports.default = Text; | ||
| var _default = Text; | ||
| exports["default"] = _default; |
@@ -1,2 +0,2 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports.filterProps = exports.gradient = exports.hexa = exports.boxShadows = exports.baseShadow = exports.shadowColor = exports.radius = exports.radii = exports.pill = exports.transition = exports.scaleFactor = exports.fontWeights = exports.bold = exports.regular = exports.fontSizes = exports.mono = exports.font = exports.space = exports.mediaQueries = exports.breakpoints = exports.cx = exports.colors = exports.brand = exports.grays = exports.palette = undefined; | ||
| exports["default"] = exports.gradient = exports.hexa = exports.boxShadows = exports.baseShadow = exports.shadowColor = exports.radius = exports.radii = exports.pill = exports.transition = exports.scaleFactor = exports.fontWeights = exports.bold = exports.regular = exports.fontSizes = exports.mono = exports.font = exports.space = exports.mediaQueries = exports.breakpoints = exports.cx = exports.colors = exports.brand = exports.grays = exports.palette = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _palx = _interopRequireDefault(require("palx")); | ||
| var _palx = require('palx'); | ||
| var _lodash = require("lodash"); | ||
| var _palx2 = _interopRequireDefault(_palx); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _lodash = require('lodash'); | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| var _styledSystem = require('styled-system'); | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
| var red = '#e42d42'; | ||
| var blue = '#2d9ce4'; | ||
| var palette = exports.palette = (0, _palx2.default)(blue); | ||
| var grays = exports.grays = { | ||
| var palette = (0, _palx["default"])(blue); | ||
| exports.palette = palette; | ||
| var grays = { | ||
| darker: '#121217', | ||
@@ -35,4 +35,4 @@ dark: '#17171d', | ||
| }; | ||
| var brand = exports.brand = { | ||
| exports.grays = grays; | ||
| var brand = { | ||
| primary: red, | ||
@@ -46,11 +46,16 @@ accent: palette.indigo[4], | ||
| }; | ||
| exports.brand = brand; | ||
| var colors = exports.colors = _extends({}, brand, grays, palette); | ||
| var colors = _objectSpread({}, brand, {}, grays, {}, palette); | ||
| var cx = exports.cx = function cx(key) { | ||
| exports.colors = colors; | ||
| var cx = function cx(key) { | ||
| return (0, _lodash.get)(colors, key, key); | ||
| }; | ||
| exports.cx = cx; | ||
| var createMediaQuery = function createMediaQuery(n) { | ||
| return '@media screen and (min-width:' + n + 'em)'; | ||
| return "@media screen and (min-width:".concat(n, "em)"); | ||
| }; | ||
@@ -70,5 +75,6 @@ | ||
| var aliases = ['sm', 'md', 'lg', 'xl']; | ||
| var breakpoints = exports.breakpoints = [32, 48, 64, 80]; | ||
| var breakpoints = [32, 48, 64, 80]; | ||
| exports.breakpoints = breakpoints; | ||
| var mediaQueries = exports.mediaQueries = _extends({}, breakpoints.map(createMediaQuery), { | ||
| var mediaQueries = _objectSpread({}, breakpoints.map(createMediaQuery), { | ||
| reduceMotion: '@media (prefers-reduced-motion: reduce)', | ||
@@ -78,32 +84,43 @@ reduceTransparency: '@media (prefers-reduced-transparency: reduce)' | ||
| exports.mediaQueries = mediaQueries; | ||
| addAliases(breakpoints, aliases); | ||
| addAliases(mediaQueries, aliases); | ||
| var space = exports.space = [0, 6, 12, 18, 24, 36, 72, 108, 144, 288, 432]; | ||
| var space = [0, 6, 12, 18, 24, 36, 72, 108, 144, 288, 432]; | ||
| exports.space = space; | ||
| var emoji = '"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"'; | ||
| var font = exports.font = '"Phantom Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif,' + emoji; | ||
| var mono = exports.mono = 'SFMono-Regular,"Roboto Mono",Menlo,monospace'; | ||
| var font = "\"Phantom Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif,".concat(emoji); | ||
| exports.font = font; | ||
| var mono = 'SFMono-Regular,"Roboto Mono",Menlo,monospace'; | ||
| exports.mono = mono; | ||
| var fontSizes = [13.5, 16, 18, 24, 27, 36, 48, 54, 72, 96]; | ||
| exports.fontSizes = fontSizes; | ||
| var regular = 'regular'; | ||
| exports.regular = regular; | ||
| var bold = 'bold'; // styled-system's `fontWeight` function can hook into the `fontWeights` object | ||
| var fontSizes = exports.fontSizes = [13.5, 16, 18, 24, 27, 36, 48, 54, 72, 96]; | ||
| exports.bold = bold; | ||
| var fontWeights = { | ||
| regular: regular, | ||
| bold: bold | ||
| }; | ||
| exports.fontWeights = fontWeights; | ||
| var scaleFactor = 17 / 16; | ||
| exports.scaleFactor = scaleFactor; | ||
| var transition = "".concat(3 / 16, "s cubic-bezier(0.375, 0, 0.675, 1)"); // styled-system’s `borderRadius` function can hook into the `radii` object/array | ||
| var regular = exports.regular = 'regular'; | ||
| var bold = exports.bold = 'bold'; | ||
| exports.transition = transition; | ||
| var pill = '9999px'; | ||
| exports.pill = pill; | ||
| var radii = ['0px', '4px', '8px', '16px', pill]; | ||
| exports.radii = radii; | ||
| var radius = '4px'; | ||
| exports.radius = radius; | ||
| var shadowColor = 'rgba(0,0,0,0.125)'; | ||
| exports.shadowColor = shadowColor; | ||
| var baseShadow = '0 0 2px 0 rgba(0,0,0,.0625),'; | ||
| exports.baseShadow = baseShadow; | ||
| var boxShadows = [baseShadow + "0 2px 4px 0 ".concat(shadowColor), baseShadow + "0 4px 8px 0 ".concat(shadowColor), baseShadow + "0 12px 12px 0 ".concat(shadowColor), baseShadow + "0 24px 24px 0 ".concat(shadowColor)]; | ||
| exports.boxShadows = boxShadows; | ||
| // styled-system's `fontWeight` function can hook into the `fontWeights` object | ||
| var fontWeights = exports.fontWeights = { regular: regular, bold: bold }; | ||
| var scaleFactor = exports.scaleFactor = 17 / 16; | ||
| var transition = exports.transition = 3 / 16 + 's cubic-bezier(0.375, 0, 0.675, 1)'; | ||
| // styled-system’s `borderRadius` function can hook into the `radii` object/array | ||
| var pill = exports.pill = '9999px'; | ||
| var radii = exports.radii = ['0px', '4px', '8px', '16px', pill]; | ||
| var radius = exports.radius = '4px'; | ||
| var shadowColor = exports.shadowColor = 'rgba(0,0,0,0.125)'; | ||
| var baseShadow = exports.baseShadow = '0 0 2px 0 rgba(0,0,0,.0625),'; | ||
| var boxShadows = exports.boxShadows = [baseShadow + ('0 2px 4px 0 ' + shadowColor), baseShadow + ('0 4px 8px 0 ' + shadowColor), baseShadow + ('0 12px 12px 0 ' + shadowColor), baseShadow + ('0 24px 24px 0 ' + shadowColor)]; | ||
| var hexa = exports.hexa = function hexa(color, alpha) { | ||
| var hexa = function hexa(color, alpha) { | ||
| var hex = cx(color); | ||
@@ -116,16 +133,15 @@ if (!(0, _lodash.includes)(hex, '#')) return shadowColor; | ||
| if (alpha >= 0) { | ||
| return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + alpha + ')'; | ||
| return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")"); | ||
| } else { | ||
| return 'rgb(' + r + ', ' + g + ', ' + b + ')'; | ||
| return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")"); | ||
| } | ||
| }; | ||
| var gradient = exports.gradient = function gradient(color1, color2) { | ||
| return 'radial-gradient(\n ellipse farthest-corner at top left,\n ' + cx(color1) + ' 0%, ' + cx(color2) + ' 100%\n )'; | ||
| }; | ||
| exports.hexa = hexa; | ||
| var filterProps = exports.filterProps = function filterProps(props) { | ||
| return (0, _lodash.omit)((0, _styledSystem.removeProps)(props), ['theme', 'xs', 'sm', 'md', 'lg', 'xl', 'color', 'bg', 'fill', 'fontSize', 'f', 'image', 'maxWidth', 'bold', 'regular', 'caps', 'wrap', 'size', 'height', 'boxShadowSize']); | ||
| var gradient = function gradient(color1, color2) { | ||
| return "radial-gradient(\n ellipse farthest-corner at top left,\n ".concat(cx(color1), " 0%, ").concat(cx(color2), " 100%\n )"); | ||
| }; | ||
| exports.gradient = gradient; | ||
| var theme = { | ||
@@ -153,3 +169,3 @@ breakpoints: breakpoints, | ||
| }; | ||
| exports.default = theme; | ||
| var _default = theme; | ||
| exports["default"] = _default; |
@@ -1,50 +0,65 @@ | ||
| 'use strict'; | ||
| "use strict"; | ||
| function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = void 0; | ||
| var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
| var _react = _interopRequireWildcard(require("react")); | ||
| var _templateObject = _taggedTemplateLiteral(['\n @font-face {\n font-family: \'Phantom Sans\';\n src: url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Regular.woff\')\n format(\'woff\'),\n url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Regular.woff2\')\n format(\'woff2\');\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: \'Phantom Sans\';\n src: url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Bold.woff\')\n format(\'woff\'),\n url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Bold.woff2\')\n format(\'woff2\');\n font-weight: bold;\n font-style: normal;\n font-display: swap;\n }\n'], ['\n @font-face {\n font-family: \'Phantom Sans\';\n src: url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Regular.woff\')\n format(\'woff\'),\n url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Regular.woff2\')\n format(\'woff2\');\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: \'Phantom Sans\';\n src: url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Bold.woff\')\n format(\'woff\'),\n url(\'https://hackclub.com/fonts/Phantom_Sans_0.4/Bold.woff2\')\n format(\'woff2\');\n font-weight: bold;\n font-style: normal;\n font-display: swap;\n }\n']), | ||
| _templateObject2 = _taggedTemplateLiteral(['\n * {\n box-sizing: border-box;\n font-weight: inherit;\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n html,\n body {\n min-height: 100%;\n min-width: 100%;\n }\n\n body {\n padding: 0;\n margin: 0;\n font-size: ', 'px;\n font-family: ', ';\n line-height: 1.375;\n position: relative;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n a {\n color: currentColor;\n text-decoration: none;\n }\n\n textarea {\n resize: none;\n }\n\n strong {\n font-weight: bold;\n }\n\n pre,\n code,\n kbd {\n font-family: ', ';\n }\n'], ['\n * {\n box-sizing: border-box;\n font-weight: inherit;\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n html,\n body {\n min-height: 100%;\n min-width: 100%;\n }\n\n body {\n padding: 0;\n margin: 0;\n font-size: ', 'px;\n font-family: ', ';\n line-height: 1.375;\n position: relative;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n a {\n color: currentColor;\n text-decoration: none;\n }\n\n textarea {\n resize: none;\n }\n\n strong {\n font-weight: bold;\n }\n\n pre,\n code,\n kbd {\n font-family: ', ';\n }\n']); | ||
| var _styledComponents = require("styled-components"); | ||
| var _react = require('react'); | ||
| var _propTypes = _interopRequireDefault(require("prop-types")); | ||
| var _react2 = _interopRequireDefault(_react); | ||
| var _theme = _interopRequireDefault(require("./theme")); | ||
| var _styledComponents = require('styled-components'); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
| var _propTypes = require('prop-types'); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| var _theme = require('./theme'); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| var _theme2 = _interopRequireDefault(_theme); | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n * {\n box-sizing: border-box;\n font-weight: inherit;\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n html {\n -ms-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%\n }\n\n html,\n body {\n min-height: 100%;\n min-width: 100%;\n }\n\n body {\n padding: 0;\n margin: 0;\n font-size: ", "px;\n font-family: ", ";\n line-height: 1.375;\n position: relative;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n a {\n color: currentColor;\n text-decoration: none;\n }\n\n textarea {\n resize: none;\n }\n\n strong {\n font-weight: bold;\n }\n\n pre,\n code,\n kbd {\n font-family: ", ";\n }\n"]); | ||
| function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| var fontsCss = (0, _styledComponents.css)(_templateObject); | ||
| return data; | ||
| } | ||
| (0, _styledComponents.injectGlobal)(_templateObject2, _theme2.default.fontSizes[2], _theme2.default.font, _theme2.default.mono); | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n @font-face {\n font-family: 'Phantom Sans';\n src: url('https://hackclub.com/fonts/Phantom_Sans_0.4/Regular.woff')\n format('woff'),\n url('https://hackclub.com/fonts/Phantom_Sans_0.4/Regular.woff2')\n format('woff2');\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Phantom Sans';\n src: url('https://hackclub.com/fonts/Phantom_Sans_0.4/Bold.woff')\n format('woff'),\n url('https://hackclub.com/fonts/Phantom_Sans_0.4/Bold.woff2')\n format('woff2');\n font-weight: bold;\n font-style: normal;\n font-display: swap;\n }\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
| var fontsCss = (0, _styledComponents.css)(_templateObject()); | ||
| (0, _styledComponents.injectGlobal)(_templateObject2(), _theme["default"].fontSizes[2], _theme["default"].font, _theme["default"].mono); | ||
| var ThemeProvider = function ThemeProvider(_ref) { | ||
| var theme = _ref.theme, | ||
| webfonts = _ref.webfonts, | ||
| props = _objectWithoutProperties(_ref, ['theme', 'webfonts']); | ||
| props = _objectWithoutProperties(_ref, ["theme", "webfonts"]); | ||
| if (webfonts) (0, _styledComponents.injectGlobal)([], fontsCss); | ||
| return _react2.default.createElement(_styledComponents.ThemeProvider, _extends({ | ||
| return _react["default"].createElement(_styledComponents.ThemeProvider, _extends({ | ||
| theme: theme | ||
| }, props, { | ||
| children: _react2.default.createElement( | ||
| _react.Fragment, | ||
| null, | ||
| props.children | ||
| ) | ||
| children: _react["default"].createElement(_react.Fragment, null, props.children) | ||
| })); | ||
@@ -54,11 +69,10 @@ }; | ||
| ThemeProvider.propTypes = { | ||
| theme: _propTypes2.default.object, | ||
| webfonts: _propTypes2.default.bool | ||
| theme: _propTypes["default"].object, | ||
| webfonts: _propTypes["default"].bool | ||
| }; | ||
| ThemeProvider.defaultProps = { | ||
| theme: _theme2.default, | ||
| theme: _theme["default"], | ||
| webfonts: false | ||
| }; | ||
| exports.default = ThemeProvider; | ||
| var _default = ThemeProvider; | ||
| exports["default"] = _default; |
| { | ||
| "name": "@hackclub/design-system", | ||
| "version": "0.0.1-16", | ||
| "version": "0.0.1-17", | ||
| "description": "Hack Club Design System", | ||
@@ -15,29 +15,30 @@ "main": "dist/index.js", | ||
| }, | ||
| "author": "Lachlan Campbell", | ||
| "author": "Lachlan Campbell <lachlan@hackclub.com>", | ||
| "license": "MIT", | ||
| "dependencies": { | ||
| "@hackclub/icons": "^0.0.2", | ||
| "lodash": "^4.17.11", | ||
| "lodash": "^4.17.15", | ||
| "palx": "1.0.2", | ||
| "prop-types": "^15.7.2", | ||
| "react": "^16.8.6", | ||
| "react-dom": "^16.8.6", | ||
| "styled-components": "^3.4.9", | ||
| "react": "^16.12.0", | ||
| "react-dom": "^16.12.0", | ||
| "styled-components": "3.4.10", | ||
| "styled-system": "1.1.7" | ||
| }, | ||
| "devDependencies": { | ||
| "@storybook/addon-info": "^3.4.11", | ||
| "@storybook/react": "^3.4.11", | ||
| "@babel/cli": "^7.7.7", | ||
| "@babel/core": "^7.7.7", | ||
| "@babel/preset-env": "^7.7.7", | ||
| "@babel/preset-react": "^7.7.4", | ||
| "@storybook/addon-info": "^5.2.8", | ||
| "@storybook/react": "^5.2.8", | ||
| "@storybook/storybook-deployer": "^2.8.1", | ||
| "babel-cli": "^6.26.0", | ||
| "babel-core": "^6.26.3", | ||
| "babel-jest": "^23.6.0", | ||
| "babel-preset-env": "^1.7.0", | ||
| "babel-preset-react": "^6.24.1", | ||
| "babel-jest": "^24.9.0", | ||
| "babel-loader": "^8.0.6", | ||
| "babel-preset-stage-0": "^6.24.1", | ||
| "enzyme": "^3.9.0", | ||
| "enzyme-adapter-react-16": "^1.11.2", | ||
| "jest": "^23.6.0", | ||
| "jest-styled-components": "^6.3.1", | ||
| "react-test-renderer": "^16.8.6" | ||
| "enzyme": "^3.11.0", | ||
| "enzyme-adapter-react-16": "^1.15.2", | ||
| "jest": "^24.9.0", | ||
| "jest-styled-components": "^6.3.4", | ||
| "react-test-renderer": "^16.12.0" | ||
| }, | ||
@@ -44,0 +45,0 @@ "jest": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by97.49%
7024013
- Number of package files
- increased by124.49%
220
- Lines of code
- increased by348.88%
17017
Worsened metrics
- Dev dependency count
- increased by7.14%
15
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
Updatedlodash@^4.17.15
Updatedreact@^16.12.0
Updatedreact-dom@^16.12.0
Updatedstyled-components@3.4.10