{"version":3,"sources":["webpack:///./src/components/banner/index.js","webpack:///./content/components/villain-panel.mdx","webpack:///./src/@nib/gatsby-theme-mesh-docs/templates/Content.js"],"names":["Banner","React","createElement","Inline","space","Link","component","GatsbyLink","to","_frontmatter","Alert","name","props","console","warn","mdx","layoutProps","MDXLayout","DefaultLayout","MDXContent","_ref","components","_objectWithoutProperties","_excluded","Object","assign","mdxType","parentName","src","alt","title","type","isMDXComponent","GridLayout","styled","div","withConfig","displayName","componentId","breakpoint","BREAKPOINTS","DRAWER","Content","Theme","theme","nib","Layout","bannerContent","SkipLink","link","text","Header","Sidebar","location","Target","id","Main","pageContext","children","Footer","propTypes","PropTypes","node","object"],"mappings":"8FAAA,6DAceA,IATAA,IACbC,IAAAC,cAACC,SAAM,CAACC,MAAO,GACbH,IAAAC,cAAA,YAAM,mDAAuD,IAC7DD,IAAAC,cAACG,IAAI,CAACC,UAAWC,OAAYC,GAAG,4BAA2B,qC,0PCElDC,EAAe,GAKtBC,GAJgBC,EAIM,QAJE,SAA6BC,GAEzD,OADAC,QAAQC,KAAK,aAAeH,EAAO,2EAC5BI,YAAA,MAASH,KAFID,MAKtB,MAAMK,EAAc,CAClBP,gBAEIQ,EAAYC,IACH,SAASC,EAAUC,GAG/B,IAHgC,WACjCC,GAEDD,EADIR,EAAKU,IAAAF,EAAAG,GAER,OAAOR,YAACE,EAASO,OAAAC,OAAA,GAAKT,EAAiBJ,EAAK,CAAES,WAAYA,EAAYK,QAAQ,cAK5EX,YAAA,MACE,GAAM,eACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,gBACR,aAAc,yBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,gBACvBZ,YAAA,WAAKA,YAAA,QAAMY,WAAW,MAClB,UAAa,iBACX,gDAENZ,YAAA,MACE,GAAM,QACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,SACR,aAAc,kBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,SACvBZ,YAAA,WAAKA,YAAA,QAAMY,WAAW,MAClB,UAAa,gBACX,gEAENZ,YAAA,MACE,GAAM,mBACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,oBACR,aAAc,6BACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,oBACvBZ,YAAA,WAAKA,YAAA,QAAMY,WAAW,MAClB,UAAa,eACb,WAAc,OACd,MAAQ,GACN,0eAgBNZ,YAAA,MACE,GAAM,QACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,SACR,aAAc,kBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,SACvBZ,YAAA,aACEA,YAAA,SAAOY,WAAW,SAChBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,QACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,QACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,WACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,iBAGRZ,YAAA,SAAOY,WAAW,SAChBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,UAAuB,IAAIZ,YAAA,MAAIY,WAAW,MAAM,eAChFZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,SAEXZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,2DAA2DZ,YAAA,KAAGY,WAAW,KACzE,KAAQ,gBACN,eAAmB,mBAE3BZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,UAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,SAEXZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,oCAENZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,mBAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,SAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,iDAAiDZ,YAAA,cAAYY,WAAW,MAAM,SAAsB,mBAAmBZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,OAAoB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,SAAsB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,QAAqB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,UAAuB,MAEppBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,cAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,oBACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,mBAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,iCAAiCZ,YAAA,cAAYY,WAAW,MAAM,SAAsB,oBAAoBZ,YAAA,cAAYY,WAAW,MAAM,KAAkB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,KAAkB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,KAAkB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,KAAkB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,KAAkB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,KAAkB,6GAA6GZ,YAAA,UAAQY,WAAW,MAAM,QAAiB,YAAYZ,YAAA,cAAYY,WAAW,MAAM,MAAmB,uBAEpnBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,iBAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,QACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,SAEXZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,4FAENZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,UAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,SAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UAAW,IAAIZ,YAAA,cAAYY,WAAW,MAAM,QAAqB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,SAAsB,IAAK,mDAEpIZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,aAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,OAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,6CAA6CZ,YAAA,KAAGY,WAAW,KAC3D,KAAQ,oBACN,OAAW,2EAEnBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,aAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,QACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,SAEXZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,oGAAoGZ,YAAA,KAAGY,WAAW,KAClH,KAAQ,qBACN,QAAY,KAAKZ,YAAA,KAAGY,WAAW,KACjC,KAAQ,qBACN,QAAY,QAAQZ,YAAA,KAAGY,WAAW,KACpC,KAAQ,uBACN,UAAc,gCAAgCZ,YAAA,KAAGY,WAAW,KAC9D,KAAQ,gDACN,qBAAyB,8CAEjCZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACRZ,YAAA,cAAYY,WAAW,MAAM,mBAChCZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,oBACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,SAEXZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,2DAA2DZ,YAAA,cAAYY,WAAW,MAAM,UAAuB,KAAKZ,YAAA,cAAYY,WAAW,MAAM,WAAwB,OAAOZ,YAAA,cAAYY,WAAW,MAAM,QAAqB,oEAI5OZ,YAAA,MACE,GAAM,YACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,aACR,aAAc,sBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,aACvBZ,YAAA,SAAI,gFAAgFA,YAAA,cAAYY,WAAW,KAAK,SAAsB,8GACtIZ,YAAA,MACE,GAAM,UACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,WACR,aAAc,oBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,WACvBZ,YAAA,SAAI,wJAAwJA,YAAA,KAAGY,WAAW,IACtK,KAAQ,qBACN,QAAY,OAAOZ,YAAA,KAAGY,WAAW,IACnC,KAAQ,uBACN,UAAc,KACpBZ,YAAA,SAAI,oNACJA,YAAA,MACE,GAAM,oBACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,qBACR,aAAc,8BACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,qBACvBZ,YAAA,SAAI,mFAAmFA,YAAA,cAAYY,WAAW,KAAK,YAAyB,gBAC5IZ,YAAA,MACE,GAAM,SACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,UACR,aAAc,mBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,UACvBZ,YAAA,MACE,GAAM,wBACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,yBACR,aAAc,kCACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,yBACvBZ,YAAA,SAAI,mBAAmBA,YAAA,KAAGY,WAAW,IACjC,KAAQ,2IACN,4CAAgD,gGAAgGZ,YAAA,cAAYY,WAAW,KAAK,UAAuB,mDACzMZ,YAAA,MACE,GAAM,gBACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,iBACR,aAAc,0BACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,iBACvBZ,YAAA,SAAI,oGACJA,YAAA,SAAI,sGACJA,YAAA,SAAI,0LACJA,YAAA,cACFA,YAAA,OAAKa,IAAI,iEAAiEC,IAAI,kCAC9Ed,YAAA,kBAAY,gHAEVA,YAAA,MACE,GAAM,cACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,eACR,aAAc,wBACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,eACvBZ,YAAA,SAAI,mIACJA,YAACL,EAAK,CAACoB,MAAM,gDAAgDC,KAAK,OAAOL,QAAQ,SAAQ,oEAGzFX,YAAA,aACEA,YAAA,SAAOY,WAAW,SAChBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,SACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,mBACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,qBAGRZ,YAAA,SAAOY,WAAW,SAChBZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,WACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,YACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UAENZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,WACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,SAENZ,YAAA,MAAIY,WAAW,SACbZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,UACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,WACJZ,YAAA,MAAIY,WAAW,KACb,MAAS,QACP,WAIVZ,YAAA,MACE,GAAM,sCACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,uCACR,aAAc,gDACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,wCACvBZ,YAAA,SAAI,qBAAqBA,YAAA,cAAYY,WAAW,KAAK,OAAoB,kJACzEZ,YAAA,SAAI,sBAAsBA,YAAA,cAAYY,WAAW,KAAK,oBAAiC,4EACvFZ,YAAA,MACE,GAAM,qBACN,MAAS,CACP,SAAY,aAEbA,YAAA,KAAGY,WAAW,KACb,KAAQ,sBACR,aAAc,+BACd,UAAa,iBACZZ,YAAA,OAAKY,WAAW,IACf,MAAS,OACT,OAAU,OACV,QAAW,YACX,QAAW,MACX,MAAS,6BACT,WAAc,gCACZ,qBACMZ,YAAA,KAAGY,WAAW,MACpB,GAAM,wBACN,OAAU,OACV,YAAe,IACf,KAAQ,OACR,SAAY,WACV,yBACQZ,YAAA,KAAGY,WAAW,IACtB,GAAM,gBACJ,6BACUZ,YAAA,WAASY,WAAW,IAC9B,GAAM,QACN,OAAU,wBACE,0BACD,yBACLZ,YAAA,QAAMY,WAAW,IACzB,EAAK,4xDACL,GAAM,iBACN,KAAQ,UACR,SAAY,YACH,sBACA,qBACI,sBACvBZ,YAAA,UACEA,YAAA,MAAIY,WAAW,MAAKZ,YAAA,KAAGY,WAAW,KAC9B,KAAQ,2BACN,iBAMZR,EAAWa,gBAAiB,G,kCClzB5B,0JAYA,MAAMC,EAAaC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAVJ,CAAU,iJAUzBK,qBAAWC,IAAYC,OAAO;;;;;;KAS5BC,EAAU9B,GAEZX,IAAAC,cAACyC,IAAK,CAACC,MAAOC,KACZ5C,IAAAC,cAAC4C,IAAM,CAACC,cAAe9C,IAAAC,cAACF,IAAM,OAC5BC,IAAAC,cAAC8C,IAAQ,CAACC,KAAK,WAAWC,KAAK,oBAC/BjD,IAAAC,cAAC+B,EAAU,KACThC,IAAAC,cAACiD,IAAM,MACPlD,IAAAC,cAACkD,IAAO,CAACC,SAAUzC,EAAMyC,WACzBpD,IAAAC,cAACoD,IAAM,CAACC,GAAG,UAAUjD,UAAWkD,IAAMC,YAAa7C,EAAM6C,YAAaJ,SAAUzC,EAAMyC,UACnFzC,EAAM8C,UAETzD,IAAAC,cAACyD,IAAM,SAOjBjB,EAAQL,YAAc,UACtBK,EAAQkB,UAAY,CAClBF,SAAUG,IAAUC,KACpBT,SAAUQ,IAAUE,OACpBN,YAAaI,IAAUE,QAGVrB","file":"component---content-components-villain-panel-mdx-4b5d12d812720302738b.js","sourcesContent":["import React from 'react';\nimport {Inline} from '@nib/layout';\nimport Link from '@nib-components/link';\nimport {Link as GatsbyLink} from 'gatsby';\n\nconst Banner = () => (\n \n Design Tokens for Mesh have just been released!{' '}\n \n Check out the design tokens now\n \n \n);\n\nexport default Banner;\n","import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport DefaultLayout from \"/tmp/node_modules/@nib/gatsby-theme-mesh-docs/src/templates/Content.js\";\nimport VillainPanel from '@nib-components/villain-panel';\nimport villainDesktop from '../images/villain-panel/desktop.jpg';\nimport villainTablet from '../images/villain-panel/tablet.jpg';\nimport villainMobile from '../images/villain-panel/mobile.jpg';\nexport const _frontmatter = {};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return
;\n};\nconst Alert = makeShortcode(\"Alert\");\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n components,\n ...props\n}) {\n return \n\n\n\n\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Installation`}

\n 
{`npm install @nib-components/villain-panel\n`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Usage`}

\n 
{`import VillainPanel from '@nib-components/villain-panel';\n`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Interactive demo`}

\n 
{`\n  \n    You've started a family but there's room for more! You're looking for a cover that will include things like pregnancy and birth-related services that meets your family's needs.\n    \n      Start your quote\n    \n  \n\n`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Props`}

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
{`Prop`}{`Type`}{`Default`}{`Description`}
{`images`}{` `}{`(required)`}{`object`}{`Images for mobile, tablet and desktop screen sizes. All `}{`image sizes`}{` are required.`}
{`title`}{`string`}{`The title of the villain panel.`}
{`titleComponent`}{`string`}{`'h2'`}{`The underlying component of the villian-panel `}{`title`}{`.Must be one of `}{`h1`}{`, `}{`h2`}{`, `}{`h3`}{`, `}{`h4`}{`, `}{`h5`}{`, `}{`h6`}{`, `}{`div`}{`, `}{`label`}{`, `}{`span`}{`, `}{`header`}{`.`}
{`titleSize`}{`number or object`}{`{xs: 3, md: 2}`}{`The size of the villian-panel `}{`title`}{`. Must be one of `}{`1`}{`, `}{`2`}{`, `}{`3`}{`, `}{`4`}{`, `}{`5`}{`, `}{`6`}{`. Can be made responsive by passing an object of breakpoints. If you are passing a responsive object, you `}{`must`}{` provide `}{`xs`}{` breakpoint value.`}
{`imageCaption`}{`node`}{`An optional caption for the image. Could be used for attribution or to provide context.`}
{`align`}{`string`}{`left`}{`One of `}{`[`}{`left`}{`, `}{`right`}{`]`}{`, The alignment of the content box on desktop.`}
{`boxProps`}{`object`}{`{}`}{`Props to be passed down to the underlying `}{`Box`}{` component wrapping the content of the panel. All Box props are valid.`}
{`children`}{`node`}{`You are free to render any node as the children of this component. Common components include our `}{`Copy`}{`, `}{`Link`}{` and `}{`Button`}{` components. Please refer to `}{`Content placement`}{` below for guidance on order of elements.`}
{`containerWidth`}{`string or object`}{`Sets the maximum width of the container. Must be one of `}{`narrow`}{`, `}{`default`}{` or `}{`wide`}{`. Can be made responsive by passing an object of breakpoints.`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Alignment`}

\n

{`The content box can be left-aligned (by default) or right aligned, using the `}{`align`}{` prop. Be sure to check the alignment works with the imagery used without compromising important elements.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Content`}

\n

{`If you are using a title, be sure to use the title prop to ensure the correct styling is applied. You can also add additional elements such as a CTA `}{`Link`}{` or `}{`Button`}{`.`}

\n

{`While you can include 1-2 paragraphs of supporting information under the title, be sure not to include too much text in the content box. The taller the box becomes, the more the background image will stretch.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Content placement`}

\n

{`Please refer to the following images for guidance on the placement and order of `}{`children`}{` components.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Images`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Creating image assets`}

\n

{`You can use the `}{`Villain Panel image template (Photoshop)`}{` to create image assets suitable for the villain panel. Download the template and follow the `}{`README`}{` instructions to produce the required 3 assets.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Image content`}

\n

{`You should follow nib brand guidelines for imagery selection when sourcing villain panel images.`}

\n

{`Desktop and tablet images should be panoramic-style images, following the size requirements below.`}

\n

{`Similar to our hero panel, important elements of the picture should not be in the bottom right quarter of the desktop image as they will be covered by the content box when on mobile.`}

\n
\n \"Villain\n
Villain Panel variations. From left to right; Desktop, Tablet, and Mobile screen size variations are shown.
\n
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Image sizes`}

\n

{`All 3 image sizes are required. Images should adhere to the following dimensions and remain under the allowed file size limits:`}

\n \n Unlike Hero Panel, Villain Panel does not support retina images.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
{`Image`}{`Dimensions (px)`}{`File size limit`}
{`Desktop`}{`1600x425`}{`100kb`}
{`Tablet`}{`640x280`}{`20kb`}
{`Mobile`}{`320x250`}{`10kb`}
\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Why background-images over img tags?`}

\n

{`Image tags with a `}{`src`}{` attribute are always downloaded by the browser. We do not want our desktop users to have to download 2 images they are not even going to see.`}

\n

{`The browser treats `}{`background-image`}{` differently, and only downloads the required image for the screen size.`}

\n

{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`\n `}{`Related components`}

\n \n\n ;\n}\n;\nMDXContent.isMDXComponent = true;\n ","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport {breakpoint} from '@nib/layout';\nimport {SkipLink, Target} from '@nib-components/skip-link';\nimport {Footer, Layout, Main, Sidebar} from '@nib/gatsby-theme-mesh-docs';\nimport Theme, {nib} from '@nib-components/theme';\n\nimport Header from '../../../components/header/Header';\nimport {BREAKPOINTS} from '../../../constants';\nimport Banner from '../../../components/banner';\n\nconst GridLayout = styled.div`\n min-height: 100vh;\n display: grid;\n grid-template-areas:\n 'header'\n 'main'\n 'footer';\n grid-template-rows: 3.5rem 1fr auto;\n grid-template-columns: 1fr;\n\n ${breakpoint(BREAKPOINTS.DRAWER)`\n grid-template-areas:\n \"header header\"\n \"sidebar main\"\n \"sidebar footer\";\n grid-template-columns: 15rem 1fr;\n `};\n`;\n\nconst Content = props => {\n return (\n \n }>\n \n \n
\n \n \n {props.children}\n \n