https://www.rev.com.au/component---src-pages-styleguide-js-9459ac6abe5693bfec65.js

1(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[6990],{72500:function(e,t,a){"use strict";a.d(t,{Z:function(){return N}});var l=a(67294),n=a(65186),r=a(25444),i=a(69931),s=a.n(i),o=a(93278),c=function(e){var t=e.isSolid,a=(0,l.useContext)(o.Il),n=a.menuIsOpen,r=a.setMenuIsOpen,i=a.headerIsShrink,s=null!=t?t:i;return l.createElement("button",{id:"hamburger",type:"button",className:"relative w-8 h-8 lg2:hidden","aria-label":"Show/hide the navigation menu","aria-controls":"site-menu","aria-expanded":n,onClick:function(e){e.preventDefault(),r(!n)}},l.createElement("span",{className:"transition-all absolute top-1/4 right-0 transform h-[3px] w-full "+(s?"bg-blue-ocean":"bg-white")+" "+(n?"top-1/2 -translate-y-1/2 rotate-45 bg-blue-ocean":"")}),l.createElement("span",{className:"transition-all absolute top-1/4 right-0 transform h-[3px] "+(s?"bg-blue-ocean":"bg-white")+" "+(n?"w-full top-1/2 -translate-y-1/2 -rotate-45 bg-blue-ocean":"translate-y-[9px] w-9/12")}))};c.defaultProps={isSolid:void 0};var m=c,u=a(45766),d=a(62904),p=a(10188),b=a(40171),g=function(e){var t=e.className;return l.createElement("svg",{className:t,width:"13",height:"7",viewBox:"0 0 13 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{className:"stroke-current",d:"M1.75 1.125L6.5 5.875L11.25 1.125",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},v={link:function(e){var t=e.nav;return l.createElement("a",{href:t.url,className:"hover:underline","aria-label":"Navigating to "+t.label+" page"},t.label)},group:function(e){var t=e.nav,a=e.index;return l.createElement("div",{className:"relative inline-block cursor-default group"},l.createElement("span",{className:"flex items-center"},l.createElement("span",{className:"mr-1"},t.label),l.createElement(g,{className:"text-inherit -translate-y-[2px] transition-transform group-hover:-rotate-180"})),l.createElement("div",{className:"absolute min-w-[160px] top-full left-1/2 -translate-x-1/2 transition-opacity opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto"},l.createElement("div",{className:"bg-white border-[2px] border-solid border-grey-mid rounded-xl px-3 py-1 mt-5 shadow-nav-group before:absolute before:w-4 before:h-4 before:top-3 before:left-1/2 before:-translate-x-1/2 before:bg-white before:rotate-45 before:border-t-[2px] before:border-l-[2px] before:border-solid before:border-grey-mid"},l.createElement("ul",{className:"relative flex flex-col list-none"},t.links.map((function(e,t){return l.createElement("li",{key:"desktop-sub-nav-"+a+"-"+t,className:"py-4 px-2 "+(0!==t?"border-t-[1px] border-solid border-grey-mid":"")},l.createElement("a",{href:e.url,className:"hover:underline text-black","aria-label":"Navigating to "+e.label+" page"},e.label))}))))))}},f={link:function(e){var t=e.nav;return l.createElement("div",{className:"w-full h-[50px] flex items-center px-4"},l.createElement("a",{href:t.url,className:"hover:underline","aria-label":"Navigating to "+t.label+" page"},t.label))},group:function(e){var t=e.nav,a=e.index,n=(0,l.useRef)(null),r=(0,l.useState)(!1),i=r[0],s=r[1];return(0,l.useEffect)((function(){n.current.style.maxHeight=i?n.current.scrollHeight+"px":"0px"}),[i]),(0,l.useLayoutEffect)((function(){n.current.style.maxHeight="0px"})),l.createElement("div",null,l.createElement("div",{className:"w-full h-[50px] flex items-center px-4"},l.createElement("button",{onClick:function(){s(!i)},type:"button",className:"flex items-center"},l.createElement("span",{className:"mr-3"},t.label),l.createElement(g,{className:"text-blue-ocean -translate-y-[2px] transition "+(i?"-rotate-180":"rotate-0")}))),l.createElement("div",{ref:n,className:"overflow-hidden transition-[max-height]"},l.createElement("ul",{className:"list-none bg-grey-light py-2"},t.links.map((function(e,t){return l.createElement("li",{key:"mobile-sub-nav-"+a+"-"+t,className:"w-full h-[50px] flex items-center px-8"},l.createElement("a",{href:e.url,className:"hover:underline text-black","aria-label":"Navigating to "+e.label+" page"},e.label))})))))}},h=function(e){var t=e.forceSolid,a=void 0!==t&&t;return l.createElement(r.StaticQuery,{query:"3997111711",render:function(e){var t=e.allContentfulGlobalOption.nodes[0],n=(0,l.useContext)(o.Il),r=n.menuIsOpen,i=n.setMenuIsOpen,c=n.headerIsShrink,g=n.setHeaderIsShrink,h=n.bodyLock,x=(0,d.vO)(50),E=x.scrollTop,N=x.previousScrollTop;(0,l.useEffect)((function(){var e,t,l,n,r;

1a||N<0||E+(null===(e=window)||void 0===e?void 0:e.innerHeight)>=(null===(t=document)||void 0===t||null===(l=t.body)||void 0===l?void 0:l.offsetHeight)||h||(E>N&&-1!==E&&E>=((null===(n=window)||void 0===n?void 0:n.innerWidth)<d.AV.lg?d.J9.mobile/4:d.J9.desktop/4)?g(!0):E<N&&E<((null===(r=window)||void 0===r?void 0:r.innerWidth)<d.AV.lg?d.J9.mobile/4:d.J9.desktop/4)&&g(!1))}),[E,a]);var y=c||a,w=s()("pt-[29px] transition-all h-header-height-mobile lg2:h-header-height-desktop",y?"lg2:pt-[21px] bg-white shadow-nav text-black":"lg2:pt-9 bg-transparent text-white");return l.createElement("div",{className:"fixed top-0 inset-x-0 z-50"},l.createElement("div",{className:"bg-blue-bold py-2 text-body-sm text-white text-center"},l.createElement("p",null,"Check out"," ",l.createElement("a",{href:"/showroomnext",className:"underline hover:no-underline"},"SHOWROOMnext")," ","— Get on board")),l.createElement("div",{className:w,style:{maxHeight:y?"90px":"120px"}},l.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},l.createElement("div",{className:"flex justify-between items-center"},l.createElement("a",{href:"/",className:"block mr-6","aria-label":"Navigate back to Rev's home page"},r||y?l.createElement("img",{src:p.Z,alt:"",className:"max-w-[174px] sm:max-w-[261px] lg:max-w-[366px] max-h-[20px] sm:max-h-[30px] lg:max-h-[42px]"}):l.createElement("img",{src:b.Z,alt:"",className:"max-w-[174px] sm:max-w-[261px] lg:max-w-[366px] max-h-[20px] sm:max-h-[30px] lg:max-h-[42px]"})),l.createElement("div",{className:"hidden lg2:flex lg:ml-auto"},t.headerNavigations2.length>0&&l.createElement("ul",{className:"list-none flex justify-between items-center space-x-8"},t.headerNavigations2.map((function(e,t){var a=v[e.type];return l.createElement("li",{key:"desktop-nav-"+t,className:"text-nav"},l.createElement(a,{nav:e,index:t}))}))),t.headerCtas&&t.headerCtas.length>0&&l.createElement("div",{className:"flex justify-between items-center space-x-10 ml-10"},t.headerCtas.map((function(e,t){return l.createElement(u.Z,{key:"desktop-cta-"+t,as:null!=e&&e.internalUrl&&null!=e&&e.internalUrl.length||null!=e&&e.externalUrl?"a":"button",variant:null==e?void 0:e.variant.toLowerCase(),href:null!=e&&e.internalUrl&&null!=e&&e.internalUrl.length?(0,d.oQ)(null==e?void 0:e.internalUrl[0]):null==e?void 0:e.externalUrl,label:(null==e?void 0:e.label)||e.title,"aria-label":null==e?void 0:e.ariaLabel,newTab:null==e?void 0:e.opensInNewTab})})))),l.createElement(m,{isSolid:y}))),l.createElement("div",{id:"site-menu","aria-labelledby":"hamburger",className:"fixed inset-0 -z-[1] transform transition-transform lg2:hidden "+(r?"translate-x-0":"translate-x-full")},l.createElement("div",{className:"absolute inset-x-0 top-0 min-h-[50vh] max-h-[90vh] bg-white text-black pb-10 flex flex-col z-10 pt-menu"},l.createElement("div",{className:"overflow-y-auto"},t.headerNavigations2.length>0&&l.createElement("ul",{className:"list-none space-y-2 mb-10"},t.headerNavigations2.map((function(e,t){var a=f[e.type];return l.createElement("li",{key:"mobile-nav-"+t,className:"text-nav-m"},l.createElement(a,{nav:e,index:t}))}))),t.headerCtas&&t.headerCtas.length>0&&l.createElement("div",{className:"text-center space-y-10 mt-auto px-10"},t.headerCtas.map((function(e,t){return l.createElement(u.Z,{key:"mobile-cta-"+t,as:null!=e&&e.internalUrl&&null!=e&&e.internalUrl.length||null!=e&&e.externalUrl?"a":"button",variant:null==e?void 0:e.variant.toLowerCase(),href:null!=e&&e.internalUrl&&null!=e&&e.internalUrl.length?(0,d.oQ)(null==e?void 0:e.internalUrl[0]):null==e?void 0:e.externalUrl,label:(null==e?void 0:e.label)||e.title,"aria-label":null==e?void 0:e.ariaLabel,newTab:null==e?void 0:e.opensInNewTab,className:"w-full"})}))))),l.createElement("button",{type:"button",className:"absolute inset-0 bg-black opacity-70 -z-1","aria-label":"Show/hide the navigation menu",onClick:function(e){e.preventDefault(),i(!r)}}))))}})},x=a(37098),E=function(e){var t=e.children,a=e.headerSolid;return l.createElement(l.Fragment,null,l.createElement(n.q,null,l.createElement("script",{src:"https://js.sentry-cdn.com/0e22ad8255528bf7108631af1f888b2f.min.js",crossOrigin:"anonymous"})),l.createElement(h,{forceSolid:a}),l.createElement("main",null,t),l.createElement(x.Z,null))};E.defaultProps={headerSolid:!1};var N=E},36179:function(e,t,a){"use strict";var l=a(67294),n=a(65186),r=a(25444),i=a(93278),s=a(62904);function o(e){var t,a=e.description,o=e.lang,c=e.meta,m=e.title,u=(0,r.useStaticQuery)("63159454").site,d=a||u.siteMetadata.description,p=m||(null===(t=u.siteMetadata)||void 0===t?void 0:t.t

1itle),b=(0,l.useContext)(i.Il).bodyLock,g=(0,s.vO)(250).previousScrollTop,v=(0,l.useState)(0),f=v[0],h=v[1];return(0,l.useEffect)((function(){b?(document.body.classList.add("fixed","inset-x-0","overflow-hidden"),document.body.setAttribute("style","top:-"+g+"px"),h(g)):(document.body.classList.remove("fixed","inset-x-0","overflow-hidden"),document.body.removeAttribute("style"),window.scrollTo(0,f))}),[b]),l.createElement(n.q,{htmlAttributes:{lang:o},title:m,titleTemplate:p?p+" | %s":"%s",link:[{rel:"stylesheet",href:"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"}],meta:[{name:"description",content:d},{property:"og:title",content:m},{property:"og:description",content:d},{property:"og:image",content:"/og-facebook-image.jpg"},{property:"og:image:type",content:"image/jpeg"},{property:"og:image:width",content:"1200"},{property:"og:image:width",content:"630"},{property:"og:type",content:"website"},{name:"twitter:card",content:"summary"},{name:"twitter:creator",content:u.siteMetadata.author||""},{name:"twitter:title",content:m},{name:"twitter:description",content:d},{property:"twitter:image",content:"/og-twitter-image.jpg"}].concat(c)})}o.defaultProps={lang:"en",meta:[],description:""},t.Z=o},54031:function(e,t,a){"use strict";a.r(t);var l=a(42982),n=a(67294),r=a(88081),i=a(45766),s=a(72500),o=a(36179),c=a(1959),m=a.n(c),u=a(67470),d=a.n(u),p=a(42118),b=a.n(p),g=a(51925),v=a(60335);t.default=function(){return n.createElement(s.Z,null,n.createElement(o.Z,{title:"Styleguide page"}),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("h1",{className:"u-h1"},"Heading 1"),n.createElement("h2",{className:"u-h2"},"Heading 2"),n.createElement("h3",{className:"u-h3"},"Heading 3"),n.createElement("h4",{className:"u-h4"},"Heading 4"),n.createElement("h5",{className:"u-h5"},"Heading 5"),n.createElement("p",{className:"u-body-lg"},"Body Large"),n.createElement("p",{className:"u-body-md"},"Body Medium"),n.createElement("p",{className:"u-body-sm"},"Body Small")),n.createElement("hr",null),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("div",{className:"grid grid-cols-12 gap-x-4 lg:gap-x-8"},(0,l.Z)(Array(12)).map((function(e,t){return n.createElement("div",{key:t,className:"w-full aspect-square bg-black"})})))),n.createElement("br",null),n.createElement("hr",null),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("div",{className:"grid grid-cols-12 gap-x-4 lg:gap-x-8"},n.createElement("div",{className:"w-full aspect-square bg-grey-light"}),n.createElement("div",{className:"w-full aspect-square bg-grey-mid"}),n.createElement("div",{className:"w-full aspect-square bg-grey-font-1"}),n.createElement("div",{className:"w-full aspect-square bg-grey-font-2"}),n.createElement("div",{className:"w-full aspect-square bg-grey-disabled"}))),n.createElement("br",null),n.createElement("hr",null),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("div",{className:"grid grid-cols-12 gap-x-4 lg:gap-x-8"},n.createElement("div",{className:"w-full aspect-square bg-blue-navy"}),n.createElement("div",{className:"w-full aspect-square bg-blue-bold"}))),n.createElement("br",null),n.createElement("hr",null),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("div",{className:"inline-flex items-center gap-4"},n.createElement(i.Z,{as:"a",newTab:!0,variant:"primary",href:"/",label:"Speak to our team","aria-label":"Navigating to home page"}),n.createElement(i.Z,{as:"a",variant:"secondary",href:"/",label:"Secondary CTA","aria-label":"Navigating to home page"}),n.createElement(i.Z,{as:"a",variant:"secondary",href:"/",label:"Download","aria-label":"Download document",icon:n.createElement(m(),{className:"fill-current stroke-current w-8 h-8"})}),n.createElement(i.Z,{as:"a",variant:"tertiary",href:"/",label:"Tertiary CTA","aria-label":"Navigating to home page"}),n.createElement(i.Z,{variant:"navigation",href:"/","aria-label":"Trigger previous call to action",icon:n.createElement(d(),{className:"fill-current w-8 h-8"})}))),n.createElement("br",null),n.createElement("hr",null),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("div",{className:"inline-flex items-center gap-4"}

1,n.createElement(m(),{className:"fill-current stroke-current w-8 h-8"}),n.createElement(d(),{className:"fill-current w-8 h-8"}),n.createElement(b(),{className:"fill-current w-8 h-8"}),n.createElement("img",{src:g.Z,alt:""}),n.createElement("img",{src:v.Z,alt:""}))),n.createElement("br",null),n.createElement("hr",null),n.createElement("div",{className:"xl:container mobile:px-4 tablet:px-8 lg:px-16"},n.createElement("div",{className:"inline-flex justify-stretch items-start gap-4 w-full"},n.createElement(r.Z,{id:"first-name",label:"First Name",variant:"outlined",fullWidth:!0}),n.createElement(r.Z,{id:"middle-name",label:"Middle Name",variant:"outlined",disabled:!0,fullWidth:!0}),n.createElement(r.Z,{id:"last-name",label:"Last Name",variant:"outlined",error:!0,defaultValue:"foo",fullWidth:!0}))))}},1959:function(e,t,a){var l=a(67294);function n(e){return l.createElement("svg",e,[l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 24.0345V19.5259H4.50287V24.0345C4.50287 25.2795 5.51214 26.2888 6.75718 26.2888H27.7974C29.0425 26.2888 30.0517 25.2795 30.0517 24.0345V19.5259H31.5546V24.0345C31.5546 26.1095 29.8724 27.7917 27.7974 27.7917H6.75718C4.68217 27.7917 3 26.1095 3 24.0345Z",key:0}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.5259 22.5316V6H18.0288V22.5316H16.5259Z",key:1}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.2773 23.2831C17.049 23.2831 16.8333 23.1794 16.6906 23.0009L10.6791 15.4866L11.8527 14.548L17.2775 21.3286L22.7023 14.548L23.8757 15.4866L17.8642 23.0009C17.7218 23.1794 17.5057 23.2831 17.2775 23.2831H17.2773Z",key:2})])}n.defaultProps={width:"34",height:"34",viewBox:"0 0 34 34"},e.exports=n,n.default=n},67470:function(e,t,a){var l=a(67294);function n(e){return l.createElement("svg",e,l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M29.0089 12.8661C29.497 13.3543 29.497 14.1457 29.0089 14.6339L19.2678 24.375L29.0089 34.1161C29.497 34.6043 29.497 35.3957 29.0089 35.8839C28.5207 36.372 27.7293 36.372 27.2411 35.8839L16.6161 25.2589C16.128 24.7707 16.128 23.9793 16.6161 23.4911L27.2411 12.8661C27.7293 12.378 28.5207 12.378 29.0089 12.8661Z"}))}n.defaultProps={width:"50",height:"50",viewBox:"0 0 50 50"},e.exports=n,n.default=n},42118:function(e,t,a){var l=a(67294);function n(e){return l.createElement("svg",e,l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.9911 35.8839C20.503 35.3957 20.503 34.6043 20.9911 34.1161L30.7322 24.375L20.9911 14.6339C20.503 14.1457 20.503 13.3543 20.9911 12.8661C21.4793 12.378 22.2707 12.378 22.7589 12.8661L33.3839 23.4911C33.872 23.9793 33.872 24.7707 33.3839 25.2589L22.7589 35.8839C22.2707 36.372 21.4793 36.372 20.9911 35.8839Z"}))}n.defaultProps={width:"50",height:"50",viewBox:"0 0 50 50"},e.exports=n,n.default=n},60335:function(e,t,a){"use strict";t.Z=a.p+"static/logo-emblem-3294c42bca02d5cf8d8fc71aa9df02c1.svg"}}]);
2//# sourceMappingURL=component---src-pages-styleguide-js-9459ac6abe5693bfec65.js.map