@undataforum/components - npm Package Compare versions

Comparing version 0.81.0 to 0.82.0

CHANGELOG.md

 # Change Log
 
+## 0.82.0
+
+### Minor Changes
+
+- da81a49: Add support for React v17
+
 ## 0.81.0
@@ -4,0 +10,0 @@

dist/index.js

@@ -1,2 +0,2 @@
-var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("prop-types"),i=require("theme-ui");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function o(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(i[r]=e[r]);return i}var l=function(e){var t={start:"flex-start",center:"center",end:"flex-end"};return Array.isArray(e)?e.map(function(e){return t[e]}):t[e]},s=function(e){var t=e.values,n=e.gap,a=void 0===n?2:n,s=e.align,c=void 0===s?"start":s,p=e.variant,f=void 0===p?"badges.primary":p,m=o(e,["values","gap","align","variant"]);return r.createElement(i.Box,m,r.createElement(i.Flex,{sx:{justifyContent:l(c),flexWrap:"wrap",mr:-a,mb:-a}},t.map(function(e){return r.createElement(i.Badge,{key:e,sx:{variant:f,mr:a,mb:a}},e)})))},c=n.oneOf(["start","center","end"]);s.propTypes={values:n.arrayOf(n.string.isRequired).isRequired,gap:n.number,align:n.oneOfType([c,n.arrayOf(c)]),variant:n.string};var p=function(e){var t=e.profile,n=e.align,c=void 0===n?"center":n,p=e.variant,f=void 0===p?"badges.primary":p,m=o(e,["profile","align","variant"]);return r.createElement(i.Flex,a({},m,{sx:{flexDirection:"column",alignItems:l(c),fontFamily:"body"}}),t.avatar,t.honorific&&r.createElement(i.Text,{sx:{fontSize:1,lineHeight:"body",textAlign:c}},t.honorific),t.name,t.jobtitle&&r.createElement(i.Text,{sx:{fontSize:2,lineHeight:"body",textAlign:c}},t.jobtitle),t.organization&&r.createElement(i.Text,{sx:{fontSize:2,fontWeight:"bold",lineHeight:"body",textAlign:c}},t.organization),t.socialIcons,t.badges&&r.createElement(s,{values:t.badges,align:c,variant:f,mt:2}))},f=n.oneOf(["start","center","end"]);p.propTypes={profile:n.shape({avatar:n.node.isRequired,honorific:n.string,name:n.node,jobtitle:n.string,organization:n.string,socialIcons:n.arrayOf(n.shape({id:n.string.isRequired,username:n.string.isRequired,title:n.string}).isRequired),badges:n.arrayOf(n.string)}).isRequired,align:n.oneOfType([f,n.arrayOf(f)]),variant:n.string};var m=function(e){var t=e.values,n=e.align,l=void 0===n?"start":n,s=o(e,["values","align"]);return r.createElement(i.Grid,a({},s,{gap:2,sx:{gridTemplateColumns:"repeat(auto-fit, 96px)",justifyItems:l,justifyContent:l,alignSelf:"stretch"}}),t.map(function(e){return r.createElement(i.Link,{key:e.id,href:e.href,sx:{color:"inherit",textDecoration:"none"}},r.createElement(p,{profile:{avatar:e.avatar,name:e.name},fontSize:1,align:l}))}))},u=n.oneOf(["start","center","end"]);m.propTypes={values:n.arrayOf(n.shape({id:n.string.isRequired,avatar:n.node.isRequired,name:n.node,href:n.string.isRequired})).isRequired,align:n.oneOfType([u,n.arrayOf(u)])};var x=function(e){var t=e.color,n=void 0===t?"primary":t,l=e.title,s=e.subtitle,c=e.children,p=o(e,["color","title","subtitle","children"]);return r.createElement(i.Box,a({},p,{sx:{border:"1px solid",borderColor:n}}),r.createElement(i.Box,{sx:{color:"background",bg:n,p:[2,3],mb:[2,3]}},l,s&&s),r.createElement(i.Box,{sx:{px:[2,3],mb:[2,3]}},c))};x.propTypes={color:n.string,title:n.node.isRequired,subtitle:n.node,children:n.node.isRequired};var d=function(e){var t=e.size,n=void 0===t?32:t,l=o(e,["size"]);return r.createElement(i.Box,a({},l,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:n,height:n,color:"inherit",bg:"transparent"}}))};d.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)])};var g=function(e){var t=e.size,n=e.title,i=o(e,["size","title"]);return r.createElement(d,a({},i,{size:t,"aria-label":"E-mail icon"}),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 14 10"},n&&r.createElement("title",null,n),r.createElement("path",{d:"M0 1V9C0 9.55 0.45 10 1 10H13C13.55 10 14 9.55 14 9V1C14 0.45 13.55 0 13 0H1C0.45 0 0 0.45 0 1ZM13 1L7 6L1 1H13ZM1 2.5L5 5.5L1 8.5V2.5ZM2 9L5.5 6L7 7.5L8.5 6L12 9H2ZM13 8.5L9 5.5L13 2.5V8.5Z"})))};g.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)]),title:n.string};var v=function(e){var t=e.event,n=o(e,["event"]);return r.createElement(i.Flex,a({},n,{sx:{flexDirection:"column",alignItems:"flex-start",fontFamily:"body"}}),t.tag&&r.createElement(i.Box,{sx:{mb:2}},r.createElement(i.Badge,{sx:{variant:"event-preview.badge"}},t.tag)),t.title,t.speakers&&t.speakers,r.createElement(i.Text,{as:"time",sx:{display:"block",textAlign:"start",mb:t.description||t.href||t.registrationLink?3:0}},t.date),t.description&&t.description,(t.href||t.registrationLink)&&r.createElement(i.Flex,{sx:{flexGrow:1,flexDirection:"row",flexWrap:"wrap",alignItems:"flex-end"}},t.href&&r.createElement(i.Button,{as:i.Link,sx:{variant:"event-preview.buttons.event",mr:t.registrationLink?[2,3]:0},href:t.href},"Details"),t.registrationLink&&r.createElement(i.Button,{as:i.Link,href:t.registrationLink,sx:{variant:"event-preview.buttons.registration"}},"Register")))};v.propTypes={event:n.shape({tag:n.string,title:n.node.isRequired,date:n.string.isRequired,speakers:n.node,description:n.node,href:n.string,registrationLink:n.string}).isRequired};var h=function(e){var t=e.logo,n=e.title,a=e.socialIcons,o=e.links;return r.createElement(i.Box,{sx:{color:"background",bg:"secondary",variant:"footer"}},r.createElement(i.Container,{sx:{maxWidth:"96em",px:[2,3,4],py:4,variant:"footer.container"}},r.createElement(i.Flex,{as:"footer",sx:{flexDirection:"column",alignItems:"center"}},t&&r.createElement(i.Link,{href:"/",sx:{mb:[3,4],variant:"footer.logo",color:"inherit",height:"100%",textDecoration:"none"}},t),n&&r.createElement(i.Link,{href:"/",sx:{mb:[2,3],variant:"footer.title",color:"inherit",textDecoration:"none"}},r.createElement(i.Heading,{sx:{whiteSpace:"nowrap",fontSize:[3,4,5]}},n)),a,r.createElement(i.Flex,{sx:{flexWrap:"wrap",justifyContent:"center"}},o.map(function(e){return r.createElement(i.Link,{href:e.href,key:e.href,sx:{color:"inherit",textDecoration:"none",px:[2,3],py:[1,2]}},r.createElement(i.Text,{sx:{fontFamily:"body",textAlign:"center"}},e.text))})))))};h.propTypes={logo:n.node,title:n.string,socialIcons:n.node,links:n.arrayOf(n.shape({text:n.string.isRequired,href:n.string,label:n.string})).isRequired};var y=function(e){var t=e.size,n=e.title,i=o(e,["size","title"]);return r.createElement(d,a({},i,{size:t,"aria-label":"GitHub icon"}),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 24"},n&&r.createElement("title",null,n),r.createElement("path",{d:"M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997"})))};y.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)]),title:n.string};var b=r.createContext({}),E=[48,64,80],C=function(e){var n=e.logo,l=e.title,s=e.links,c=e.button,p=o(e,["logo","title","links","button"]),f=t.useState(!1),m=f[0],u=f[1];return r.createElement(b.Provider,{value:{menuOpen:m,setMenuOpen:u}},r.createElement(i.Box,a({},p,{sx:{color:"background",bg:"primary",variant:"header"}}),r.createElement(i.Container,{sx:{maxWidth:"96em",px:[2,3,4],py:[2,3],variant:"header.container"}},r.createElement(i.Flex,{as:"header",sx:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",height:E}},n&&r.createElement(i.Link,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",height:"100%",flexShrink:0,textDecoration:"none",mr:[2,3]}},n),l&&r.createElement(i.Link,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",flex:"none",textDecoration:"none",mr:[0,3,4]}},r.createElement(i.Heading,{as:"div",sx:{whiteSpace:"nowrap}",fontSize:[4,5,6]}},l)),r.createElement(i.Box,{as:"nav",sx:{bg:"primary",variant:"header.nav",display:[m?"flex":"none","flex"],flexDirection:["column","row"],justifyContent:["flex-start","flex-end"],alignItems:"center",flex:1,position:["fixed","static"],top:0,bottom:0,left:0,right:0,zIndex:2,pb:[4,0]}},r.createElement(i.Box,{"aria-label":"Close navigation",sx:{display:["block","none"],height:E,width:"100%",textAlign:"right",p:2,my:2},onClick:function(){u(!1)}},r.createElement(i.Close,{css:{WebkitTapHighlightColor:"transparent"}})),r.createElement(i.Flex,{sx:{flexDirection:["column","row"],alignItems:"center",overflow:"auto"}},r.createElement(i.Link,{key:"/",href:"/","aria-label":"Back to homepage",sx:{color:"inherit",display:["flex","none"],textDecoration:"none",mb:[4,0],ml:[0,3,4]}},r.createElement(i.Heading,{as:"div",sx:{fontSize:[4,3,4]}},"Home")),s.map(function(e){var t=e.href;return r.createElement(i.Link,{key:t,href:t,sx:{color:"inherit",flexShrink:0,fontSize:[4,3,4],textDecoration:"none",mb:[4,0],mr:[0,3,4],"&:last-of-type":{mr:0,mb:0}}},r.createElement(i.Heading,{as:"div",sx:{fontSize:[4,3,4]}},e.text))})),c&&r.createElement(i.Button,{as:i.Link,href:c.href,sx:{color:"primary",bg:"background",variant:"header.cta",flex:"none",mt:[4,0],ml:[0,3,4]}},r.createElement(i.Heading,{as:"div",sx:{fontSize:[4,3,4]}},c.text))),r.createElement(i.Box,{"aria-label":"Open navigation",sx:{display:["block","none"],flex:1,height:"100%",textAlign:"right",py:2,zIndex:1},onClick:function(){u(!0)}},r.createElement(i.MenuButton,{css:{WebkitTapHighlightColor:"transparent"},"aria-label":"Open navigation"}))))))},k=n.shape({text:n.string.isRequired,href:n.string});C.propTypes={logo:n.node,title:n.string,links:n.arrayOf(k).isRequired,button:k};var w=function(e){var t=e.values,n=e.align,l=void 0===n?"start":n,s=e.variant,c=void 0===s?"names.default":s,p=o(e,["values","align","variant"]);return r.createElement(i.Text,a({as:"div"},p,{sx:{fontFamily:"body",lineHeight:"body",variant:c,textAlign:l}}),t.join(", "))},O=n.oneOf(["start","center","end"]);w.propTypes={values:n.arrayOf(n.string).isRequired,align:n.oneOfType([O,n.arrayOf(O)]),variant:n.string};var T=function(e){return r.createElement("a",{className:e.className,href:e.href,target:"_blank",rel:"noreferrer noopener"},e.children)};T.propTypes={children:n.node.isRequired,href:n.string,className:n.string};var q=function(e){var t=e.post,n=o(e,["post"]),l=t.description||t.href?3:0;return r.createElement(i.Flex,a({},n,{sx:{flexDirection:"column",fontFamily:"body"}}),t.tag&&r.createElement(i.Box,{sx:{mb:2}},r.createElement(i.Badge,{sx:{variant:"post-preview.badge"}},t.tag)),t.title,t.authors&&t.authors,r.createElement(i.Text,{as:"time",sx:{display:"block",mb:l}},t.date),t.description&&t.description,t.href&&r.createElement(i.Flex,{sx:{flexGrow:1,flexDirection:"column",justifyContent:"flex-end"}},r.createElement(i.Button,{as:i.Link,sx:{variant:"post-preview.button",alignSelf:["stretch","flex-start"],whiteSpace:"nowrap"},href:t.href},"Read on")))};q.propTypes={post:n.shape({tag:n.string,title:n.node.isRequired,date:n.string.isRequired,authors:n.node,description:n.node,href:n.string}).isRequired};var R=function(e){var t=e.values,n=e.align,a=void 0===n?"start":n,s=o(e,["values","align"]);return r.createElement(i.Box,s,r.createElement(i.Flex,{sx:{flexWrap:"wrap",justifyContent:l(a),alignItems:"center",mx:-2}},t.map(function(e){return r.createElement(i.Box,{key:e.id,sx:{mx:2}},e.icon)})))},B=n.oneOf(["start","center","end"]);R.propTypes={values:n.arrayOf(n.shape({id:n.string.isRequired,icon:n.node.isRequired})).isRequired,align:n.oneOfType([B,n.arrayOf(B)])};var L=function(e){var t=e.id,n=e.title,l=e.ratio,s=void 0===l?16/9:l,c=o(e,["id","title","ratio"]);return r.createElement(i.AspectRatio,a({},c,{ratio:s}),r.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube-nocookie.com/embed/"+t+"?rel=0",title:n,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}))};L.propTypes={id:n.string.isRequired,title:n.string.isRequired,ratio:n.number};var z=function(e){var t=e.values,n=e.gap,a=void 0===n?2:n,s=e.align,c=void 0===s?"start":s,p=e.variant,f=void 0===p?"tags.primary":p,m=o(e,["values","gap","align","variant"]);return r.createElement(i.Box,m,r.createElement(i.Flex,{sx:{justifyContent:l(c),flexWrap:"wrap",mr:-a,mb:-a}},t.map(function(e){var t=e.tag;return r.createElement(i.Link,{href:e.path,key:t,sx:{textDecoration:"none",mr:a,mb:a}},r.createElement(i.Badge,{sx:{variant:f,display:"block"},variant:f},t))})))},I=n.oneOf(["start","center","end"]);z.propTypes={values:n.arrayOf(n.shape({tag:n.string.isRequired,path:n.string.isRequired})).isRequired,gap:n.number,align:n.oneOfType([I,n.arrayOf(I)]),variant:n.string};var S=function(e){var t=e.size,n=e.title,i=o(e,["size","title"]);return r.createElement(d,a({},i,{size:t,"aria-label":"Twitter icon"}),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 20"},n&&r.createElement("title",null,n),r.createElement("path",{d:"M23.954 2.56897C23.069 2.95797 22.124 3.22297 21.129 3.34397C22.143 2.73297 22.923 1.76997 23.292 0.620972C22.341 1.17597 21.287 1.57997 20.165 1.80497C19.269 0.845972 17.992 0.245972 16.574 0.245972C13.857 0.245972 11.654 2.44897 11.654 5.16297C11.654 5.55297 11.699 5.92797 11.781 6.28697C7.691 6.09397 4.066 4.12997 1.64 1.16097C1.213 1.88297 0.974 2.72197 0.974 3.63597C0.974 5.34597 1.844 6.84897 3.162 7.73197C2.355 7.70597 1.596 7.48397 0.934 7.11597V7.17697C0.934 9.56197 2.627 11.551 4.88 12.004C4.467 12.115 4.031 12.175 3.584 12.175C3.27 12.175 2.969 12.145 2.668 12.089C3.299 14.042 5.113 15.466 7.272 15.506C5.592 16.825 3.463 17.611 1.17 17.611C0.78 17.611 0.391 17.588 0 17.544C2.189 18.938 4.768 19.753 7.557 19.753C16.611 19.753 21.556 12.257 21.556 5.76697C21.556 5.55797 21.556 5.34697 21.541 5.13697C22.502 4.44797 23.341 3.57697 24.001 2.58897L23.954 2.56897Z"})))};S.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)]),title:n.string},exports.Avatars=m,exports.Badges=s,exports.Card=x,exports.EmailIcon=g,exports.EventPreview=v,exports.Footer=h,exports.GitHubIcon=y,exports.Header=C,exports.Icon=d,exports.Names=w,exports.NewTabLink=T,exports.PostPreview=q,exports.ProfilePreview=p,exports.SocialIcons=R,exports.Tags=z,exports.TwitterIcon=S,exports.Video=L;
+var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("prop-types"),i=require("theme-ui");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function o(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(i[r]=e[r]);return i}var l=function(e){var t={start:"flex-start",center:"center",end:"flex-end"};return Array.isArray(e)?e.map(function(e){return t[e]}):t[e]},s=function(e){var t=e.values,n=e.gap,a=void 0===n?2:n,s=e.align,c=void 0===s?"start":s,p=e.variant,f=void 0===p?"badges.primary":p,m=o(e,["values","gap","align","variant"]);return r.createElement(i.Box,m,r.createElement(i.Flex,{sx:{justifyContent:l(c),flexWrap:"wrap",mr:-a,mb:-a}},t.map(function(e){return r.createElement(i.Badge,{key:e,sx:{variant:f,mr:a,mb:a}},e)})))},c=n.oneOf(["start","center","end"]);s.propTypes={values:n.arrayOf(n.string.isRequired).isRequired,gap:n.number,align:n.oneOfType([c,n.arrayOf(c)]),variant:n.string};var p=function(e){var t=e.profile,n=e.align,c=void 0===n?"center":n,p=e.variant,f=void 0===p?"badges.primary":p,m=o(e,["profile","align","variant"]);return r.createElement(i.Flex,a({},m,{sx:{flexDirection:"column",alignItems:l(c),fontFamily:"body"}}),t.avatar,t.honorific&&r.createElement(i.Text,{sx:{fontSize:1,lineHeight:"body",textAlign:c}},t.honorific),t.name,t.jobtitle&&r.createElement(i.Text,{sx:{fontSize:2,lineHeight:"body",textAlign:c}},t.jobtitle),t.organization&&r.createElement(i.Text,{sx:{fontSize:2,fontWeight:"bold",lineHeight:"body",textAlign:c}},t.organization),t.socialIcons,t.badges&&r.createElement(s,{values:t.badges,align:c,variant:f,mt:2}))},f=n.oneOf(["start","center","end"]);p.propTypes={profile:n.shape({avatar:n.node.isRequired,honorific:n.string,name:n.node,jobtitle:n.string,organization:n.string,socialIcons:n.node,badges:n.arrayOf(n.string)}).isRequired,align:n.oneOfType([f,n.arrayOf(f)]),variant:n.string};var m=function(e){var t=e.values,n=e.align,l=void 0===n?"start":n,s=o(e,["values","align"]);return r.createElement(i.Grid,a({},s,{gap:2,sx:{gridTemplateColumns:"repeat(auto-fit, 96px)",justifyItems:l,justifyContent:l,alignSelf:"stretch"}}),t.map(function(e){return r.createElement(i.Link,{key:e.id,href:e.href,sx:{color:"inherit",textDecoration:"none"}},r.createElement(p,{profile:{avatar:e.avatar,name:e.name},fontSize:1,align:l}))}))},x=n.oneOf(["start","center","end"]);m.propTypes={values:n.arrayOf(n.shape({id:n.string.isRequired,avatar:n.node.isRequired,name:n.node,href:n.string.isRequired})).isRequired,align:n.oneOfType([x,n.arrayOf(x)])};var u=function(e){var t=e.color,n=void 0===t?"primary":t,l=e.title,s=e.subtitle,c=e.children,p=o(e,["color","title","subtitle","children"]);return r.createElement(i.Box,a({},p,{sx:{border:"1px solid",borderColor:n}}),r.createElement(i.Box,{sx:{color:"background",bg:n,p:[2,3],mb:[2,3]}},l,s&&s),r.createElement(i.Box,{sx:{px:[2,3],mb:[2,3]}},c))};u.propTypes={color:n.string,title:n.node.isRequired,subtitle:n.node,children:n.node.isRequired};var d=function(e){var t=e.size,n=void 0===t?32:t,l=o(e,["size"]);return r.createElement(i.Box,a({},l,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:n,height:n,color:"inherit",bg:"transparent"}}))};d.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)])};var g=function(e){var t=e.size,n=e.title,i=o(e,["size","title"]);return r.createElement(d,a({},i,{size:t,"aria-label":"E-mail icon"}),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 14 10"},n&&r.createElement("title",null,n),r.createElement("path",{d:"M0 1V9C0 9.55 0.45 10 1 10H13C13.55 10 14 9.55 14 9V1C14 0.45 13.55 0 13 0H1C0.45 0 0 0.45 0 1ZM13 1L7 6L1 1H13ZM1 2.5L5 5.5L1 8.5V2.5ZM2 9L5.5 6L7 7.5L8.5 6L12 9H2ZM13 8.5L9 5.5L13 2.5V8.5Z"})))};g.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)]),title:n.string};var v=function(e){var t=e.event,n=o(e,["event"]);return r.createElement(i.Flex,a({},n,{sx:{flexDirection:"column",alignItems:"flex-start",fontFamily:"body"}}),t.tag&&r.createElement(i.Box,{sx:{mb:2}},r.createElement(i.Badge,{sx:{variant:"event-preview.badge"}},t.tag)),t.title,t.speakers&&t.speakers,r.createElement(i.Text,{as:"time",sx:{display:"block",textAlign:"start",mb:t.description||t.href||t.registrationLink?3:0}},t.date),t.description&&t.description,(t.href||t.registrationLink)&&r.createElement(i.Flex,{sx:{flexGrow:1,flexDirection:"row",flexWrap:"wrap",alignItems:"flex-end"}},t.href&&r.createElement(i.Button,{as:i.Link,sx:{variant:"event-preview.buttons.event",mr:t.registrationLink?[2,3]:0},href:t.href},"Details"),t.registrationLink&&r.createElement(i.Button,{as:i.Link,href:t.registrationLink,sx:{variant:"event-preview.buttons.registration"}},"Register")))};v.propTypes={event:n.shape({tag:n.string,title:n.node.isRequired,date:n.string.isRequired,speakers:n.node,description:n.node,href:n.string,registrationLink:n.string}).isRequired};var h=function(e){var t=e.logo,n=e.title,a=e.socialIcons,o=e.links;return r.createElement(i.Box,{sx:{color:"background",bg:"secondary",variant:"footer"}},r.createElement(i.Container,{sx:{maxWidth:"96em",px:[2,3,4],py:4,variant:"footer.container"}},r.createElement(i.Flex,{as:"footer",sx:{flexDirection:"column",alignItems:"center"}},t&&r.createElement(i.Link,{href:"/",sx:{mb:[3,4],variant:"footer.logo",color:"inherit",height:"100%",textDecoration:"none"}},t),n&&r.createElement(i.Link,{href:"/",sx:{mb:[2,3],variant:"footer.title",color:"inherit",textDecoration:"none"}},r.createElement(i.Heading,{sx:{whiteSpace:"nowrap",fontSize:[3,4,5]}},n)),a,r.createElement(i.Flex,{sx:{flexWrap:"wrap",justifyContent:"center"}},o.map(function(e){return r.createElement(i.Link,{href:e.href,key:e.href,sx:{color:"inherit",textDecoration:"none",px:[2,3],py:[1,2]}},r.createElement(i.Text,{sx:{fontFamily:"body",textAlign:"center"}},e.text))})))))};h.propTypes={logo:n.node,title:n.string,socialIcons:n.node,links:n.arrayOf(n.shape({text:n.string.isRequired,href:n.string,label:n.string})).isRequired};var y=function(e){var t=e.size,n=e.title,i=o(e,["size","title"]);return r.createElement(d,a({},i,{size:t,"aria-label":"GitHub icon"}),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 24"},n&&r.createElement("title",null,n),r.createElement("path",{d:"M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997"})))};y.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)]),title:n.string};var b=r.createContext({}),E=[48,64,80],C=function(e){var n=e.logo,l=e.title,s=e.links,c=e.button,p=o(e,["logo","title","links","button"]),f=t.useState(!1),m=f[0],x=f[1];return r.createElement(b.Provider,{value:{menuOpen:m,setMenuOpen:x}},r.createElement(i.Box,a({},p,{sx:{color:"background",bg:"primary",variant:"header"}}),r.createElement(i.Container,{sx:{maxWidth:"96em",px:[2,3,4],py:[2,3],variant:"header.container"}},r.createElement(i.Flex,{as:"header",sx:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",height:E}},n&&r.createElement(i.Link,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",height:"100%",flexShrink:0,textDecoration:"none",mr:[2,3]}},n),l&&r.createElement(i.Link,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",flex:"none",textDecoration:"none",mr:[0,3,4]}},r.createElement(i.Heading,{as:"div",sx:{whiteSpace:"nowrap",fontSize:[4,5,6]}},l)),r.createElement(i.Box,{as:"nav",sx:{bg:"primary",variant:"header.nav",display:[m?"flex":"none","flex"],flexDirection:["column","row"],justifyContent:["flex-start","flex-end"],alignItems:"center",flex:1,position:["fixed","static"],top:0,bottom:0,left:0,right:0,zIndex:2,pb:[4,0]}},r.createElement(i.Box,{"aria-label":"Close navigation",sx:{display:["block","none"],height:E,width:"100%",textAlign:"right",p:2,my:2},onClick:function(){x(!1)}},r.createElement(i.Close,{css:{WebkitTapHighlightColor:"transparent"}})),r.createElement(i.Flex,{sx:{flexDirection:["column","row"],alignItems:"center",overflow:"auto"}},r.createElement(i.Link,{key:"/",href:"/","aria-label":"Back to homepage",sx:{color:"inherit",display:["flex","none"],textDecoration:"none",mb:[4,0],ml:[0,3,4]}},r.createElement(i.Heading,{as:"div",sx:{fontSize:[4,3,4]}},"Home")),s.map(function(e){var t=e.href;return r.createElement(i.Link,{key:t,href:t,sx:{color:"inherit",flexShrink:0,fontSize:[4,3,4],textDecoration:"none",mb:[4,0],mr:[0,3,4],"&:last-of-type":{mr:0,mb:0}}},r.createElement(i.Heading,{as:"div",sx:{fontSize:[4,3,4]}},e.text))})),c&&r.createElement(i.Button,{as:i.Link,href:c.href,sx:{color:"primary",bg:"background",variant:"header.cta",flex:"none",mt:[4,0],ml:[0,3,4]}},r.createElement(i.Heading,{as:"div",sx:{fontSize:[4,3,4]}},c.text))),r.createElement(i.Box,{"aria-label":"Open navigation",sx:{display:["block","none"],flex:1,height:"100%",textAlign:"right",py:2,zIndex:1},onClick:function(){x(!0)}},r.createElement(i.MenuButton,{css:{WebkitTapHighlightColor:"transparent"},"aria-label":"Open navigation"}))))))},k=n.shape({text:n.string.isRequired,href:n.string});C.propTypes={logo:n.node,title:n.string,links:n.arrayOf(k).isRequired,button:k};var w=function(e){var t=e.values,n=e.align,l=void 0===n?"start":n,s=e.variant,c=void 0===s?"names.default":s,p=o(e,["values","align","variant"]);return r.createElement(i.Text,a({as:"div"},p,{sx:{fontFamily:"body",lineHeight:"body",variant:c,textAlign:l}}),t.join(", "))},O=n.oneOf(["start","center","end"]);w.propTypes={values:n.arrayOf(n.string).isRequired,align:n.oneOfType([O,n.arrayOf(O)]),variant:n.string};var T=function(e){return r.createElement("a",{className:e.className,href:e.href,target:"_blank",rel:"noreferrer noopener"},e.children)};T.propTypes={children:n.node.isRequired,href:n.string,className:n.string};var q=function(e){var t=e.post,n=o(e,["post"]),l=t.description||t.href?3:0;return r.createElement(i.Flex,a({},n,{sx:{flexDirection:"column",fontFamily:"body"}}),t.tag&&r.createElement(i.Box,{sx:{mb:2}},r.createElement(i.Badge,{sx:{variant:"post-preview.badge"}},t.tag)),t.title,t.authors&&t.authors,r.createElement(i.Text,{as:"time",sx:{display:"block",mb:l}},t.date),t.description&&t.description,t.href&&r.createElement(i.Flex,{sx:{flexGrow:1,flexDirection:"column",justifyContent:"flex-end"}},r.createElement(i.Button,{as:i.Link,sx:{variant:"post-preview.button",alignSelf:["stretch","flex-start"],whiteSpace:"nowrap"},href:t.href},"Read on")))};q.propTypes={post:n.shape({tag:n.string,title:n.node.isRequired,date:n.string.isRequired,authors:n.node,description:n.node,href:n.string}).isRequired};var R=function(e){var t=e.values,n=e.align,a=void 0===n?"start":n,s=o(e,["values","align"]);return r.createElement(i.Box,s,r.createElement(i.Flex,{sx:{flexWrap:"wrap",justifyContent:l(a),alignItems:"center",mx:-2}},t.map(function(e){return r.createElement(i.Box,{key:e.id,sx:{mx:2}},e.icon)})))},B=n.oneOf(["start","center","end"]);R.propTypes={values:n.arrayOf(n.shape({id:n.string.isRequired,icon:n.node.isRequired})).isRequired,align:n.oneOfType([B,n.arrayOf(B)])};var L=function(e){var t=e.id,n=e.title,l=e.ratio,s=void 0===l?16/9:l,c=o(e,["id","title","ratio"]);return r.createElement(i.AspectRatio,a({},c,{ratio:s}),r.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube-nocookie.com/embed/"+t+"?rel=0",title:n,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}))};L.propTypes={id:n.string.isRequired,title:n.string.isRequired,ratio:n.number};var z=function(e){var t=e.values,n=e.gap,a=void 0===n?2:n,s=e.align,c=void 0===s?"start":s,p=e.variant,f=void 0===p?"tags.primary":p,m=o(e,["values","gap","align","variant"]);return r.createElement(i.Box,m,r.createElement(i.Flex,{sx:{justifyContent:l(c),flexWrap:"wrap",mr:-a,mb:-a}},t.map(function(e){var t=e.tag;return r.createElement(i.Link,{href:e.path,key:t,sx:{textDecoration:"none",mr:a,mb:a}},r.createElement(i.Badge,{sx:{variant:f,display:"block"},variant:f},t))})))},I=n.oneOf(["start","center","end"]);z.propTypes={values:n.arrayOf(n.shape({tag:n.string.isRequired,path:n.string.isRequired})).isRequired,gap:n.number,align:n.oneOfType([I,n.arrayOf(I)]),variant:n.string};var S=function(e){var t=e.size,n=e.title,i=o(e,["size","title"]);return r.createElement(d,a({},i,{size:t,"aria-label":"Twitter icon"}),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 20"},n&&r.createElement("title",null,n),r.createElement("path",{d:"M23.954 2.56897C23.069 2.95797 22.124 3.22297 21.129 3.34397C22.143 2.73297 22.923 1.76997 23.292 0.620972C22.341 1.17597 21.287 1.57997 20.165 1.80497C19.269 0.845972 17.992 0.245972 16.574 0.245972C13.857 0.245972 11.654 2.44897 11.654 5.16297C11.654 5.55297 11.699 5.92797 11.781 6.28697C7.691 6.09397 4.066 4.12997 1.64 1.16097C1.213 1.88297 0.974 2.72197 0.974 3.63597C0.974 5.34597 1.844 6.84897 3.162 7.73197C2.355 7.70597 1.596 7.48397 0.934 7.11597V7.17697C0.934 9.56197 2.627 11.551 4.88 12.004C4.467 12.115 4.031 12.175 3.584 12.175C3.27 12.175 2.969 12.145 2.668 12.089C3.299 14.042 5.113 15.466 7.272 15.506C5.592 16.825 3.463 17.611 1.17 17.611C0.78 17.611 0.391 17.588 0 17.544C2.189 18.938 4.768 19.753 7.557 19.753C16.611 19.753 21.556 12.257 21.556 5.76697C21.556 5.55797 21.556 5.34697 21.541 5.13697C22.502 4.44797 23.341 3.57697 24.001 2.58897L23.954 2.56897Z"})))};S.propTypes={size:n.oneOfType([n.number,n.arrayOf(n.number)]),title:n.string},exports.Avatars=m,exports.Badges=s,exports.Card=u,exports.EmailIcon=g,exports.EventPreview=v,exports.Footer=h,exports.GitHubIcon=y,exports.Header=C,exports.Icon=d,exports.Names=w,exports.NewTabLink=T,exports.PostPreview=q,exports.ProfilePreview=p,exports.SocialIcons=R,exports.Tags=z,exports.TwitterIcon=S,exports.Video=L;
 //# sourceMappingURL=index.js.map

dist/index.modern.js

@@ -1,2 +0,2 @@
-import e,{useState as t}from"react";import{oneOf as r,arrayOf as i,string as n,number as a,oneOfType as l,shape as o,node as s}from"prop-types";import{Box as c,Flex as m,Badge as p,Text as d,Grid as x,Link as g,Button as f,Container as u,Heading as h,Close as v,MenuButton as b,AspectRatio as y}from"theme-ui";function E(){return(E=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}function C(e,t){if(null==e)return{};var r,i,n={},a=Object.keys(e);for(i=0;i<a.length;i++)t.indexOf(r=a[i])>=0||(n[r]=e[r]);return n}const w=e=>{const t={start:"flex-start",center:"center",end:"flex-end"};return Array.isArray(e)?e.map(e=>t[e]):t[e]},k=t=>{let{values:r,gap:i=2,align:n="start",variant:a="badges.primary"}=t,l=C(t,["values","gap","align","variant"]);return e.createElement(c,l,e.createElement(m,{sx:{justifyContent:w(n),flexWrap:"wrap",mr:-i,mb:-i}},r.map(t=>e.createElement(p,{key:t,sx:{variant:a,mr:i,mb:i}},t))))},R=r(["start","center","end"]);k.propTypes={values:i(n.isRequired).isRequired,gap:a,align:l([R,i(R)]),variant:n};const q=t=>{let{profile:r,align:i="center",variant:n="badges.primary"}=t,a=C(t,["profile","align","variant"]);return e.createElement(m,E({},a,{sx:{flexDirection:"column",alignItems:w(i),fontFamily:"body"}}),r.avatar,r.honorific&&e.createElement(d,{sx:{fontSize:1,lineHeight:"body",textAlign:i}},r.honorific),r.name,r.jobtitle&&e.createElement(d,{sx:{fontSize:2,lineHeight:"body",textAlign:i}},r.jobtitle),r.organization&&e.createElement(d,{sx:{fontSize:2,fontWeight:"bold",lineHeight:"body",textAlign:i}},r.organization),r.socialIcons,r.badges&&e.createElement(k,{values:r.badges,align:i,variant:n,mt:2}))},z=r(["start","center","end"]);q.propTypes={profile:o({avatar:s.isRequired,honorific:n,name:s,jobtitle:n,organization:n,socialIcons:i(o({id:n.isRequired,username:n.isRequired,title:n}).isRequired),badges:i(n)}).isRequired,align:l([z,i(z)]),variant:n};const T=t=>{let{values:r,align:i="start"}=t,n=C(t,["values","align"]);return e.createElement(x,E({},n,{gap:2,sx:{gridTemplateColumns:"repeat(auto-fit, 96px)",justifyItems:i,justifyContent:i,alignSelf:"stretch"}}),r.map(({id:t,avatar:r,name:n,href:a})=>e.createElement(g,{key:t,href:a,sx:{color:"inherit",textDecoration:"none"}},e.createElement(q,{profile:{avatar:r,name:n},fontSize:1,align:i}))))},D=r(["start","center","end"]);T.propTypes={values:i(o({id:n.isRequired,avatar:s.isRequired,name:s,href:n.isRequired})).isRequired,align:l([D,i(D)])};const S=t=>{let{color:r="primary",title:i,subtitle:n,children:a}=t,l=C(t,["color","title","subtitle","children"]);return e.createElement(c,E({},l,{sx:{border:"1px solid",borderColor:r}}),e.createElement(c,{sx:{color:"background",bg:r,p:[2,3],mb:[2,3]}},i,n&&n),e.createElement(c,{sx:{px:[2,3],mb:[2,3]}},a))};S.propTypes={color:n,title:s.isRequired,subtitle:s,children:s.isRequired};const j=t=>{let{size:r=32}=t,i=C(t,["size"]);return e.createElement(c,E({},i,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:r,height:r,color:"inherit",bg:"transparent"}}))};j.propTypes={size:l([a,i(a)])};const L=t=>{let{size:r,title:i}=t,n=C(t,["size","title"]);return e.createElement(j,E({},n,{size:r,"aria-label":"E-mail icon"}),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 14 10"},i&&e.createElement("title",null,i),e.createElement("path",{d:"M0 1V9C0 9.55 0.45 10 1 10H13C13.55 10 14 9.55 14 9V1C14 0.45 13.55 0 13 0H1C0.45 0 0 0.45 0 1ZM13 1L7 6L1 1H13ZM1 2.5L5 5.5L1 8.5V2.5ZM2 9L5.5 6L7 7.5L8.5 6L12 9H2ZM13 8.5L9 5.5L13 2.5V8.5Z"})))};L.propTypes={size:l([a,i(a)]),title:n};const I=t=>{let{event:r}=t,i=C(t,["event"]);return e.createElement(m,E({},i,{sx:{flexDirection:"column",alignItems:"flex-start",fontFamily:"body"}}),r.tag&&e.createElement(c,{sx:{mb:2}},e.createElement(p,{sx:{variant:"event-preview.badge"}},r.tag)),r.title,r.speakers&&r.speakers,e.createElement(d,{as:"time",sx:{display:"block",textAlign:"start",mb:r.description||r.href||r.registrationLink?3:0}},r.date),r.description&&r.description,(r.href||r.registrationLink)&&e.createElement(m,{sx:{flexGrow:1,flexDirection:"row",flexWrap:"wrap",alignItems:"flex-end"}},r.href&&e.createElement(f,{as:g,sx:{variant:"event-preview.buttons.event",mr:r.registrationLink?[2,3]:0},href:r.href},"Details"),r.registrationLink&&e.createElement(f,{as:g,href:r.registrationLink,sx:{variant:"event-preview.buttons.registration"}},"Register")))};I.propTypes={event:o({tag:n,title:s.isRequired,date:n.isRequired,speakers:s,description:s,href:n,registrationLink:n}).isRequired};const H=({logo:t,title:r,socialIcons:i,links:n})=>e.createElement(c,{sx:{color:"background",bg:"secondary",variant:"footer"}},e.createElement(u,{sx:{maxWidth:"96em",px:[2,3,4],py:4,variant:"footer.container"}},e.createElement(m,{as:"footer",sx:{flexDirection:"column",alignItems:"center"}},t&&e.createElement(g,{href:"/",sx:{mb:[3,4],variant:"footer.logo",color:"inherit",height:"100%",textDecoration:"none"}},t),r&&e.createElement(g,{href:"/",sx:{mb:[2,3],variant:"footer.title",color:"inherit",textDecoration:"none"}},e.createElement(h,{sx:{whiteSpace:"nowrap",fontSize:[3,4,5]}},r)),i,e.createElement(m,{sx:{flexWrap:"wrap",justifyContent:"center"}},n.map(t=>e.createElement(g,{href:t.href,key:t.href,sx:{color:"inherit",textDecoration:"none",px:[2,3],py:[1,2]}},e.createElement(d,{sx:{fontFamily:"body",textAlign:"center"}},t.text)))))));H.propTypes={logo:s,title:n,socialIcons:s,links:i(o({text:n.isRequired,href:n,label:n})).isRequired};const A=t=>{let{size:r,title:i}=t,n=C(t,["size","title"]);return e.createElement(j,E({},n,{size:r,"aria-label":"GitHub icon"}),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 24"},i&&e.createElement("title",null,i),e.createElement("path",{d:"M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997"})))};A.propTypes={size:l([a,i(a)]),title:n};const W=e.createContext({}),O=[48,64,80],M=r=>{let{logo:i,title:n,links:a,button:l}=r,o=C(r,["logo","title","links","button"]);const[s,p]=t(!1);return e.createElement(W.Provider,{value:{menuOpen:s,setMenuOpen:p}},e.createElement(c,E({},o,{sx:{color:"background",bg:"primary",variant:"header"}}),e.createElement(u,{sx:{maxWidth:"96em",px:[2,3,4],py:[2,3],variant:"header.container"}},e.createElement(m,{as:"header",sx:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",height:O}},i&&e.createElement(g,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",height:"100%",flexShrink:0,textDecoration:"none",mr:[2,3]}},i),n&&e.createElement(g,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",flex:"none",textDecoration:"none",mr:[0,3,4]}},e.createElement(h,{as:"div",sx:{whiteSpace:"nowrap}",fontSize:[4,5,6]}},n)),e.createElement(c,{as:"nav",sx:{bg:"primary",variant:"header.nav",display:[s?"flex":"none","flex"],flexDirection:["column","row"],justifyContent:["flex-start","flex-end"],alignItems:"center",flex:1,position:["fixed","static"],top:0,bottom:0,left:0,right:0,zIndex:2,pb:[4,0]}},e.createElement(c,{"aria-label":"Close navigation",sx:{display:["block","none"],height:O,width:"100%",textAlign:"right",p:2,my:2},onClick:()=>{p(!1)}},e.createElement(v,{css:{WebkitTapHighlightColor:"transparent"}})),e.createElement(m,{sx:{flexDirection:["column","row"],alignItems:"center",overflow:"auto"}},e.createElement(g,{key:"/",href:"/","aria-label":"Back to homepage",sx:{color:"inherit",display:["flex","none"],textDecoration:"none",mb:[4,0],ml:[0,3,4]}},e.createElement(h,{as:"div",sx:{fontSize:[4,3,4]}},"Home")),a.map(({href:t,text:r})=>e.createElement(g,{key:t,href:t,sx:{color:"inherit",flexShrink:0,fontSize:[4,3,4],textDecoration:"none",mb:[4,0],mr:[0,3,4],"&:last-of-type":{mr:0,mb:0}}},e.createElement(h,{as:"div",sx:{fontSize:[4,3,4]}},r)))),l&&e.createElement(f,{as:g,href:l.href,sx:{color:"primary",bg:"background",variant:"header.cta",flex:"none",mt:[4,0],ml:[0,3,4]}},e.createElement(h,{as:"div",sx:{fontSize:[4,3,4]}},l.text))),e.createElement(c,{"aria-label":"Open navigation",sx:{display:["block","none"],flex:1,height:"100%",textAlign:"right",py:2,zIndex:1},onClick:()=>{p(!0)}},e.createElement(b,{css:{WebkitTapHighlightColor:"transparent"},"aria-label":"Open navigation"}))))))},B=o({text:n.isRequired,href:n});M.propTypes={logo:s,title:n,links:i(B).isRequired,button:B};const F=t=>{let{values:r,align:i="start",variant:n="names.default"}=t,a=C(t,["values","align","variant"]);return e.createElement(d,E({as:"div"},a,{sx:{fontFamily:"body",lineHeight:"body",variant:n,textAlign:i}}),r.join(", "))},Z=r(["start","center","end"]);F.propTypes={values:i(n).isRequired,align:l([Z,i(Z)]),variant:n};const V=({children:t,href:r,className:i})=>e.createElement("a",{className:i,href:r,target:"_blank",rel:"noreferrer noopener"},t);V.propTypes={children:s.isRequired,href:n,className:n};const G=t=>{let{post:r}=t,i=C(t,["post"]);const n=r.description||r.href?3:0;return e.createElement(m,E({},i,{sx:{flexDirection:"column",fontFamily:"body"}}),r.tag&&e.createElement(c,{sx:{mb:2}},e.createElement(p,{sx:{variant:"post-preview.badge"}},r.tag)),r.title,r.authors&&r.authors,e.createElement(d,{as:"time",sx:{display:"block",mb:n}},r.date),r.description&&r.description,r.href&&e.createElement(m,{sx:{flexGrow:1,flexDirection:"column",justifyContent:"flex-end"}},e.createElement(f,{as:g,sx:{variant:"post-preview.button",alignSelf:["stretch","flex-start"],whiteSpace:"nowrap"},href:r.href},"Read on")))};G.propTypes={post:o({tag:n,title:s.isRequired,date:n.isRequired,authors:s,description:s,href:n}).isRequired};const N=t=>{let{values:r,align:i="start"}=t,n=C(t,["values","align"]);return e.createElement(c,n,e.createElement(m,{sx:{flexWrap:"wrap",justifyContent:w(i),alignItems:"center",mx:-2}},r.map(({id:t,icon:r})=>e.createElement(c,{key:t,sx:{mx:2}},r))))},P=r(["start","center","end"]);N.propTypes={values:i(o({id:n.isRequired,icon:s.isRequired})).isRequired,align:l([P,i(P)])};const $=t=>{let{id:r,title:i,ratio:n=16/9}=t,a=C(t,["id","title","ratio"]);return e.createElement(y,E({},a,{ratio:n}),e.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube-nocookie.com/embed/${r}?rel=0`,title:i,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}))};$.propTypes={id:n.isRequired,title:n.isRequired,ratio:a};const _=t=>{let{values:r,gap:i=2,align:n="start",variant:a="tags.primary"}=t,l=C(t,["values","gap","align","variant"]);return e.createElement(c,l,e.createElement(m,{sx:{justifyContent:w(n),flexWrap:"wrap",mr:-i,mb:-i}},r.map(({tag:t,path:r})=>e.createElement(g,{href:r,key:t,sx:{textDecoration:"none",mr:i,mb:i}},e.createElement(p,{sx:{variant:a,display:"block"},variant:a},t)))))},J=r(["start","center","end"]);_.propTypes={values:i(o({tag:n.isRequired,path:n.isRequired})).isRequired,gap:a,align:l([J,i(J)]),variant:n};const K=t=>{let{size:r,title:i}=t,n=C(t,["size","title"]);return e.createElement(j,E({},n,{size:r,"aria-label":"Twitter icon"}),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 20"},i&&e.createElement("title",null,i),e.createElement("path",{d:"M23.954 2.56897C23.069 2.95797 22.124 3.22297 21.129 3.34397C22.143 2.73297 22.923 1.76997 23.292 0.620972C22.341 1.17597 21.287 1.57997 20.165 1.80497C19.269 0.845972 17.992 0.245972 16.574 0.245972C13.857 0.245972 11.654 2.44897 11.654 5.16297C11.654 5.55297 11.699 5.92797 11.781 6.28697C7.691 6.09397 4.066 4.12997 1.64 1.16097C1.213 1.88297 0.974 2.72197 0.974 3.63597C0.974 5.34597 1.844 6.84897 3.162 7.73197C2.355 7.70597 1.596 7.48397 0.934 7.11597V7.17697C0.934 9.56197 2.627 11.551 4.88 12.004C4.467 12.115 4.031 12.175 3.584 12.175C3.27 12.175 2.969 12.145 2.668 12.089C3.299 14.042 5.113 15.466 7.272 15.506C5.592 16.825 3.463 17.611 1.17 17.611C0.78 17.611 0.391 17.588 0 17.544C2.189 18.938 4.768 19.753 7.557 19.753C16.611 19.753 21.556 12.257 21.556 5.76697C21.556 5.55797 21.556 5.34697 21.541 5.13697C22.502 4.44797 23.341 3.57697 24.001 2.58897L23.954 2.56897Z"})))};K.propTypes={size:l([a,i(a)]),title:n};export{T as Avatars,k as Badges,S as Card,L as EmailIcon,I as EventPreview,H as Footer,A as GitHubIcon,M as Header,j as Icon,F as Names,V as NewTabLink,G as PostPreview,q as ProfilePreview,N as SocialIcons,_ as Tags,K as TwitterIcon,$ as Video};
+import e,{useState as t}from"react";import{oneOf as r,arrayOf as n,string as i,number as a,oneOfType as l,shape as o,node as s}from"prop-types";import{Box as c,Flex as m,Badge as p,Text as x,Grid as g,Link as d,Button as f,Container as u,Heading as h,Close as v,MenuButton as b,AspectRatio as y}from"theme-ui";function E(){return(E=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function C(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(i[r]=e[r]);return i}const w=e=>{const t={start:"flex-start",center:"center",end:"flex-end"};return Array.isArray(e)?e.map(e=>t[e]):t[e]},k=t=>{let{values:r,gap:n=2,align:i="start",variant:a="badges.primary"}=t,l=C(t,["values","gap","align","variant"]);return e.createElement(c,l,e.createElement(m,{sx:{justifyContent:w(i),flexWrap:"wrap",mr:-n,mb:-n}},r.map(t=>e.createElement(p,{key:t,sx:{variant:a,mr:n,mb:n}},t))))},R=r(["start","center","end"]);k.propTypes={values:n(i.isRequired).isRequired,gap:a,align:l([R,n(R)]),variant:i};const q=t=>{let{profile:r,align:n="center",variant:i="badges.primary"}=t,a=C(t,["profile","align","variant"]);return e.createElement(m,E({},a,{sx:{flexDirection:"column",alignItems:w(n),fontFamily:"body"}}),r.avatar,r.honorific&&e.createElement(x,{sx:{fontSize:1,lineHeight:"body",textAlign:n}},r.honorific),r.name,r.jobtitle&&e.createElement(x,{sx:{fontSize:2,lineHeight:"body",textAlign:n}},r.jobtitle),r.organization&&e.createElement(x,{sx:{fontSize:2,fontWeight:"bold",lineHeight:"body",textAlign:n}},r.organization),r.socialIcons,r.badges&&e.createElement(k,{values:r.badges,align:n,variant:i,mt:2}))},z=r(["start","center","end"]);q.propTypes={profile:o({avatar:s.isRequired,honorific:i,name:s,jobtitle:i,organization:i,socialIcons:s,badges:n(i)}).isRequired,align:l([z,n(z)]),variant:i};const T=t=>{let{values:r,align:n="start"}=t,i=C(t,["values","align"]);return e.createElement(g,E({},i,{gap:2,sx:{gridTemplateColumns:"repeat(auto-fit, 96px)",justifyItems:n,justifyContent:n,alignSelf:"stretch"}}),r.map(({id:t,avatar:r,name:i,href:a})=>e.createElement(d,{key:t,href:a,sx:{color:"inherit",textDecoration:"none"}},e.createElement(q,{profile:{avatar:r,name:i},fontSize:1,align:n}))))},D=r(["start","center","end"]);T.propTypes={values:n(o({id:i.isRequired,avatar:s.isRequired,name:s,href:i.isRequired})).isRequired,align:l([D,n(D)])};const S=t=>{let{color:r="primary",title:n,subtitle:i,children:a}=t,l=C(t,["color","title","subtitle","children"]);return e.createElement(c,E({},l,{sx:{border:"1px solid",borderColor:r}}),e.createElement(c,{sx:{color:"background",bg:r,p:[2,3],mb:[2,3]}},n,i&&i),e.createElement(c,{sx:{px:[2,3],mb:[2,3]}},a))};S.propTypes={color:i,title:s.isRequired,subtitle:s,children:s.isRequired};const j=t=>{let{size:r=32}=t,n=C(t,["size"]);return e.createElement(c,E({},n,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:r,height:r,color:"inherit",bg:"transparent"}}))};j.propTypes={size:l([a,n(a)])};const L=t=>{let{size:r,title:n}=t,i=C(t,["size","title"]);return e.createElement(j,E({},i,{size:r,"aria-label":"E-mail icon"}),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 14 10"},n&&e.createElement("title",null,n),e.createElement("path",{d:"M0 1V9C0 9.55 0.45 10 1 10H13C13.55 10 14 9.55 14 9V1C14 0.45 13.55 0 13 0H1C0.45 0 0 0.45 0 1ZM13 1L7 6L1 1H13ZM1 2.5L5 5.5L1 8.5V2.5ZM2 9L5.5 6L7 7.5L8.5 6L12 9H2ZM13 8.5L9 5.5L13 2.5V8.5Z"})))};L.propTypes={size:l([a,n(a)]),title:i};const I=t=>{let{event:r}=t,n=C(t,["event"]);return e.createElement(m,E({},n,{sx:{flexDirection:"column",alignItems:"flex-start",fontFamily:"body"}}),r.tag&&e.createElement(c,{sx:{mb:2}},e.createElement(p,{sx:{variant:"event-preview.badge"}},r.tag)),r.title,r.speakers&&r.speakers,e.createElement(x,{as:"time",sx:{display:"block",textAlign:"start",mb:r.description||r.href||r.registrationLink?3:0}},r.date),r.description&&r.description,(r.href||r.registrationLink)&&e.createElement(m,{sx:{flexGrow:1,flexDirection:"row",flexWrap:"wrap",alignItems:"flex-end"}},r.href&&e.createElement(f,{as:d,sx:{variant:"event-preview.buttons.event",mr:r.registrationLink?[2,3]:0},href:r.href},"Details"),r.registrationLink&&e.createElement(f,{as:d,href:r.registrationLink,sx:{variant:"event-preview.buttons.registration"}},"Register")))};I.propTypes={event:o({tag:i,title:s.isRequired,date:i.isRequired,speakers:s,description:s,href:i,registrationLink:i}).isRequired};const H=({logo:t,title:r,socialIcons:n,links:i})=>e.createElement(c,{sx:{color:"background",bg:"secondary",variant:"footer"}},e.createElement(u,{sx:{maxWidth:"96em",px:[2,3,4],py:4,variant:"footer.container"}},e.createElement(m,{as:"footer",sx:{flexDirection:"column",alignItems:"center"}},t&&e.createElement(d,{href:"/",sx:{mb:[3,4],variant:"footer.logo",color:"inherit",height:"100%",textDecoration:"none"}},t),r&&e.createElement(d,{href:"/",sx:{mb:[2,3],variant:"footer.title",color:"inherit",textDecoration:"none"}},e.createElement(h,{sx:{whiteSpace:"nowrap",fontSize:[3,4,5]}},r)),n,e.createElement(m,{sx:{flexWrap:"wrap",justifyContent:"center"}},i.map(t=>e.createElement(d,{href:t.href,key:t.href,sx:{color:"inherit",textDecoration:"none",px:[2,3],py:[1,2]}},e.createElement(x,{sx:{fontFamily:"body",textAlign:"center"}},t.text)))))));H.propTypes={logo:s,title:i,socialIcons:s,links:n(o({text:i.isRequired,href:i,label:i})).isRequired};const A=t=>{let{size:r,title:n}=t,i=C(t,["size","title"]);return e.createElement(j,E({},i,{size:r,"aria-label":"GitHub icon"}),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 24"},n&&e.createElement("title",null,n),e.createElement("path",{d:"M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997"})))};A.propTypes={size:l([a,n(a)]),title:i};const W=e.createContext({}),O=[48,64,80],M=r=>{let{logo:n,title:i,links:a,button:l}=r,o=C(r,["logo","title","links","button"]);const[s,p]=t(!1);return e.createElement(W.Provider,{value:{menuOpen:s,setMenuOpen:p}},e.createElement(c,E({},o,{sx:{color:"background",bg:"primary",variant:"header"}}),e.createElement(u,{sx:{maxWidth:"96em",px:[2,3,4],py:[2,3],variant:"header.container"}},e.createElement(m,{as:"header",sx:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",height:O}},n&&e.createElement(d,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",height:"100%",flexShrink:0,textDecoration:"none",mr:[2,3]}},n),i&&e.createElement(d,{href:"/","aria-label":"Back to homepage",sx:{color:"inherit",flex:"none",textDecoration:"none",mr:[0,3,4]}},e.createElement(h,{as:"div",sx:{whiteSpace:"nowrap",fontSize:[4,5,6]}},i)),e.createElement(c,{as:"nav",sx:{bg:"primary",variant:"header.nav",display:[s?"flex":"none","flex"],flexDirection:["column","row"],justifyContent:["flex-start","flex-end"],alignItems:"center",flex:1,position:["fixed","static"],top:0,bottom:0,left:0,right:0,zIndex:2,pb:[4,0]}},e.createElement(c,{"aria-label":"Close navigation",sx:{display:["block","none"],height:O,width:"100%",textAlign:"right",p:2,my:2},onClick:()=>{p(!1)}},e.createElement(v,{css:{WebkitTapHighlightColor:"transparent"}})),e.createElement(m,{sx:{flexDirection:["column","row"],alignItems:"center",overflow:"auto"}},e.createElement(d,{key:"/",href:"/","aria-label":"Back to homepage",sx:{color:"inherit",display:["flex","none"],textDecoration:"none",mb:[4,0],ml:[0,3,4]}},e.createElement(h,{as:"div",sx:{fontSize:[4,3,4]}},"Home")),a.map(({href:t,text:r})=>e.createElement(d,{key:t,href:t,sx:{color:"inherit",flexShrink:0,fontSize:[4,3,4],textDecoration:"none",mb:[4,0],mr:[0,3,4],"&:last-of-type":{mr:0,mb:0}}},e.createElement(h,{as:"div",sx:{fontSize:[4,3,4]}},r)))),l&&e.createElement(f,{as:d,href:l.href,sx:{color:"primary",bg:"background",variant:"header.cta",flex:"none",mt:[4,0],ml:[0,3,4]}},e.createElement(h,{as:"div",sx:{fontSize:[4,3,4]}},l.text))),e.createElement(c,{"aria-label":"Open navigation",sx:{display:["block","none"],flex:1,height:"100%",textAlign:"right",py:2,zIndex:1},onClick:()=>{p(!0)}},e.createElement(b,{css:{WebkitTapHighlightColor:"transparent"},"aria-label":"Open navigation"}))))))},B=o({text:i.isRequired,href:i});M.propTypes={logo:s,title:i,links:n(B).isRequired,button:B};const F=t=>{let{values:r,align:n="start",variant:i="names.default"}=t,a=C(t,["values","align","variant"]);return e.createElement(x,E({as:"div"},a,{sx:{fontFamily:"body",lineHeight:"body",variant:i,textAlign:n}}),r.join(", "))},Z=r(["start","center","end"]);F.propTypes={values:n(i).isRequired,align:l([Z,n(Z)]),variant:i};const V=({children:t,href:r,className:n})=>e.createElement("a",{className:n,href:r,target:"_blank",rel:"noreferrer noopener"},t);V.propTypes={children:s.isRequired,href:i,className:i};const G=t=>{let{post:r}=t,n=C(t,["post"]);const i=r.description||r.href?3:0;return e.createElement(m,E({},n,{sx:{flexDirection:"column",fontFamily:"body"}}),r.tag&&e.createElement(c,{sx:{mb:2}},e.createElement(p,{sx:{variant:"post-preview.badge"}},r.tag)),r.title,r.authors&&r.authors,e.createElement(x,{as:"time",sx:{display:"block",mb:i}},r.date),r.description&&r.description,r.href&&e.createElement(m,{sx:{flexGrow:1,flexDirection:"column",justifyContent:"flex-end"}},e.createElement(f,{as:d,sx:{variant:"post-preview.button",alignSelf:["stretch","flex-start"],whiteSpace:"nowrap"},href:r.href},"Read on")))};G.propTypes={post:o({tag:i,title:s.isRequired,date:i.isRequired,authors:s,description:s,href:i}).isRequired};const N=t=>{let{values:r,align:n="start"}=t,i=C(t,["values","align"]);return e.createElement(c,i,e.createElement(m,{sx:{flexWrap:"wrap",justifyContent:w(n),alignItems:"center",mx:-2}},r.map(({id:t,icon:r})=>e.createElement(c,{key:t,sx:{mx:2}},r))))},P=r(["start","center","end"]);N.propTypes={values:n(o({id:i.isRequired,icon:s.isRequired})).isRequired,align:l([P,n(P)])};const $=t=>{let{id:r,title:n,ratio:i=16/9}=t,a=C(t,["id","title","ratio"]);return e.createElement(y,E({},a,{ratio:i}),e.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube-nocookie.com/embed/${r}?rel=0`,title:n,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}))};$.propTypes={id:i.isRequired,title:i.isRequired,ratio:a};const _=t=>{let{values:r,gap:n=2,align:i="start",variant:a="tags.primary"}=t,l=C(t,["values","gap","align","variant"]);return e.createElement(c,l,e.createElement(m,{sx:{justifyContent:w(i),flexWrap:"wrap",mr:-n,mb:-n}},r.map(({tag:t,path:r})=>e.createElement(d,{href:r,key:t,sx:{textDecoration:"none",mr:n,mb:n}},e.createElement(p,{sx:{variant:a,display:"block"},variant:a},t)))))},J=r(["start","center","end"]);_.propTypes={values:n(o({tag:i.isRequired,path:i.isRequired})).isRequired,gap:a,align:l([J,n(J)]),variant:i};const K=t=>{let{size:r,title:n}=t,i=C(t,["size","title"]);return e.createElement(j,E({},i,{size:r,"aria-label":"Twitter icon"}),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"100%",width:"100%",fill:"currentColor",viewBox:"0 0 24 20"},n&&e.createElement("title",null,n),e.createElement("path",{d:"M23.954 2.56897C23.069 2.95797 22.124 3.22297 21.129 3.34397C22.143 2.73297 22.923 1.76997 23.292 0.620972C22.341 1.17597 21.287 1.57997 20.165 1.80497C19.269 0.845972 17.992 0.245972 16.574 0.245972C13.857 0.245972 11.654 2.44897 11.654 5.16297C11.654 5.55297 11.699 5.92797 11.781 6.28697C7.691 6.09397 4.066 4.12997 1.64 1.16097C1.213 1.88297 0.974 2.72197 0.974 3.63597C0.974 5.34597 1.844 6.84897 3.162 7.73197C2.355 7.70597 1.596 7.48397 0.934 7.11597V7.17697C0.934 9.56197 2.627 11.551 4.88 12.004C4.467 12.115 4.031 12.175 3.584 12.175C3.27 12.175 2.969 12.145 2.668 12.089C3.299 14.042 5.113 15.466 7.272 15.506C5.592 16.825 3.463 17.611 1.17 17.611C0.78 17.611 0.391 17.588 0 17.544C2.189 18.938 4.768 19.753 7.557 19.753C16.611 19.753 21.556 12.257 21.556 5.76697C21.556 5.55797 21.556 5.34697 21.541 5.13697C22.502 4.44797 23.341 3.57697 24.001 2.58897L23.954 2.56897Z"})))};K.propTypes={size:l([a,n(a)]),title:i};export{T as Avatars,k as Badges,S as Card,L as EmailIcon,I as EventPreview,H as Footer,A as GitHubIcon,M as Header,j as Icon,F as Names,V as NewTabLink,G as PostPreview,q as ProfilePreview,N as SocialIcons,_ as Tags,K as TwitterIcon,$ as Video};
 //# sourceMappingURL=index.modern.js.map

package.json

 {
   "name": "@undataforum/components",
   "description": "React components for the United Nations World Data Forum website.",
-  "version": "0.81.0",
+  "version": "0.82.0",
   "author": "Thilo Maier <[e-mail]>",
@@ -29,5 +29,5 @@ "license": "MIT",
   "peerDependencies": {
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "theme-ui": "^0.3.4"
+    "react": "^16.14.0 || ^17.0.1",
+    "react-dom": "^16.14.0 || ^17.0.1",
+    "theme-ui": "^0.6.0-alpha.3"
   },
@@ -34,0 +34,0 @@ "dependencies": {

src/header.js

@@ -78,3 +78,3 @@ import React, { useState } from 'react';
                   sx={{
-                    whiteSpace: 'nowrap}',
+                    whiteSpace: 'nowrap',
                     fontSize: [4, 5, 6],
@@ -81,0 +81,0 @@ }}

src/profile-preview.js

@@ -75,9 +75,3 @@ import React from 'react';
     organization: string,
-    socialIcons: arrayOf(
-      shape({
-        id: string.isRequired,
-        username: string.isRequired,
-        title: string,
-      }).isRequired
-    ),
+    socialIcons: node,
     badges: arrayOf(string),
@@ -84,0 +78,0 @@ }).isRequired,

No alert changes

Worsened metrics

Total package byte prevSize

165175

decreased by-0.39%

Lines of code

1068

decreased by-0.56%

No dependency changes