https://junocollege.com/component---src-pages-style-guide-components-jsx-b52a02530576654005ca.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4602],{9693:function(e,t,n){n.d(t,{Z:function(){return f}});var r={};n.r(r),n.d(r,{btn:function(){return u},previous:function(){return i},primary:function(){return s},secondary:function(){return c},secondaryviolet:function(){return m},secondarywhite:function(){return d},submit:function(){return y},tertiary:function(){return p}});var a=n(7294),l=n(6711),o=n(949),u="Button-module--btn--MYWSk",i="Button-module--previous--y6709",s="Button-module--primary--uHAe9",c="Button-module--secondary--m8ggv",m="Button-module--secondaryviolet--PGxn3",d="Button-module--secondarywhite--asg3r",y="Button-module--submit--C5qtk",p="Button-module--tertiary--obyvP",f=function(e){var t=e.href,n=e.text,u=e.urlIsRelativePath,i=e.openInNewTab,s=e.useSnowplowTracking,c=e.buttonStyle,m=e.className,d=void 0===m?"":m,y=e.type,p=e.id,f=void 0===p?null:p,E=e.onFocus,v=e.onClick,h=e.ref,b=void 0===h?null:h,w=e.disabled,g=void 0!==w&&w,N=(0,o.bo)(t),S=n.length>=32;return"submit"===y?a.createElement("button",{id:f,className:"btn "+r[c]+" "+d+" "+(S?"allow-wrap":""),type:"submit",onClick:v,onFocus:E,disabled:g},n):"button"===y?a.createElement("button",{id:f,className:"btn "+r[c]+" "+d+" "+(S?"allow-wrap":""),type:"button",onClick:v,onFocus:E,disabled:g,ref:b},n):u?a.createElement(l.Z,{id:f,className:"btn "+r[c]+" "+d+" "+(S?"allow-wrap":""),to:t,onClick:v,onFocus:E},n):u?null:a.createElement("a",{id:f,className:"btn "+r[c]+" "+d+" "+(S?"allow-wrap":""),href:s?N:t,onClick:v,onFocus:E,target:i?"_blank":"",rel:"noopener noreferrer"},n)}},1218:function(e,t,n){n.d(t,{Z:function(){return y}});var r={};n.r(r),n.d(r,{general:function(){return l},line:function(){return o},polyline:function(){return u},primary:function(){return i},primaryviolet:function(){return s},rect:function(){return c},secondary:function(){return m},transparentBackground:function(){return d}});var a=n(7294),l="CarouselArrowStyles-module--general---Kh6L",o="CarouselArrowStyles-module--line--IV854",u="CarouselArrowStyles-module--polyline--XKyNN",i="CarouselArrowStyles-module--primary--aXktb",s="CarouselArrowStyles-module--primaryviolet--gIg1a",c="CarouselArrowStyles-module--rect--NPV-+",m="CarouselArrowStyles-module--secondary--4Kvf2",d="CarouselArrowStyles-module--transparent-background--Kxb7n",y=function(e){var t=e.direction,n=e.type,i=e.transparentBackground;return a.createElement("svg",{className:r[n]+" "+l,id:"elements",xmlns:"http://www.w3.org/2000/svg",width:"60",height:"60",viewBox:"0 0 60 60"},a.createElement("rect",{width:"60",height:"60",className:c+" "+(i?d:"")}),"next"===t&&a.createElement(a.Fragment,null,a.createElement("polyline",{className:u,points:"32.42 20.03 42.39 30 32.42 39.97",fill:"none",stroke:"#fff",strokeMiterlimit:"10",strokeWidth:"2px"}),a.createElement("line",{className:o,x1:"15.68",y1:"30",x2:"42.39",y2:"30",fill:"none",stroke:"#fff",strokeMiterlimit:"10",strokeWidth:"2px"})),"previous"===t&&a.createElement(a.Fragment,null,a.createElement("polyline",{className:u,points:"27.58 39.97 17.61 30 27.58 20.03",fill:"none",stroke:"#fff",strokeMiterlimit:"10",strokeWidth:"2px"}),a.createElement("line",{className:o,x1:"44.32",y1:"30",x2:"17.61",y2:"30",fill:"none",stroke:"#fff",strokeMiterlimit:"10",strokeWidth:"2px"})))}},949:function(e,t,n){n.d(t,{EF:function(){return s},bo:function(){return o}});var r=n(7294),a=n(433),l=function(e){var t=e.href,n=e.className,a=e.children;return r.createElement("a",Object.assign({},e,{href:t,className:n}),a)};function o(e){var t=(0,a.Z)();if(!/^https?:\/\//i.test(e))return e;var n=new URL(e);return t&&n.searchParams.append("utm_term",t),n.toString()}var u,i=function(e){return function(t){var n=t.href;return n=o(n),r.createElement(e,Object.assign({},t,{href:n}))}},s=i(l);u=l},433:function(e,t,n){var r=n(7294);t.Z=function(){var e=(0,r.useState)(""),t=e[0],n=e[1];return(0,r.useEffect)((function(){window.snowplow&&window.snowplow((function(){n(this.cf.getDomainUserId())}))}),[]),t}},1621:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});var r=n(7294),a=n(6711),l=n(9385),o=n(9693),u=n(1218),i=n(8219),s="style-guide-components-module--component--BCG1w",c="style-guide-components-module--component-variation--E8K3p",m="style-guide-components-module--dark-background--bVBEf",d=function(e){var t=e.location;return r.createElement(r.Fragment,null,r.createElement(l.Z,{metaContent:{title:"Components | Style Guide"}},r.createElement("meta",{name:"robots",content:"noindex"})),r.createElement("div",{className:i.YS},r.createElement("header",{className:i.Fs},r.createElement("h1",null,"Style guide"),r.createElement("nav",null,r.createElement("ul",{className:i.$n},r.createElement("li",null,r.createElement(a.Z,{className:i.RV,to:"/style-guide/"},"Using the style guide")),r.createElement("li",null,r.createElement(a.Z,{className:i.RV,to:"/style-guide-colors/"},"Colours")),r.createElement("li",null,r.createElement(a.Z,{className:i.RV,to:"/style-guide-typography/"},"Typography")),r.createElement("li",null,r.createElement(a.Z,{className:i.RV,to:"/style-guide-components/"},"Components"))))),r.createElement("main",{className:i.kQ},r.createElement("section",{id:"buttons"},r.createElement("h3",null,"Buttons"),r.createElement("div",{className:s},r.createElement("div",{className:c},r.createElement("h4",null,"Primary button"),r.createElement(o.Z,{urlIsRelativePath:!0,href:t.pathname+"#buttons",buttonStyle:"primary",text:"Download Info Package"})),r.createElement("div",{className:c},r.createElement("h4",null,"Secondary button"),r.createElement(o.Z,{urlIsRelativePath:!0,href:t.pathname+"#buttons",buttonStyle:"secondary",text:"Download Syllabus"})),r.createElement("div",{className:c},r.createElement("h4",null,"Secondary Violet button"),r.createElement(o.Z,{urlIsRelativePath:!0,href:t.pathname+"#buttons",buttonStyle:"secondaryviolet",text:"Apply Now"})),r.createElement("div",{className:c+" "+m},r.createElement("h4",null,"Secondary White button"),r.createElement(o.Z,{urlIsRelativePath:!0,href:t.pathname+"#buttons",buttonStyle:"secondarywhite",text:"Meet Our Graduates"})),r.createElement("div",{className:c+" "+m},r.createElement("h4",null,"Tertiary button"),r.createElement(o.Z,{urlIsRelativePath:!0,href:t.pathname+"#buttons",buttonStyle:"tertiary",text:"Get started for free"})),r.createElement("div",{className:c},r.createElement("h4",null,"Submit button"),r.createElement(o.Z,{type:"submit",buttonStyle:"submit",text:"Request city"}))),r.createElement("pre",{className:i.tG},r.createElement("code",null,'\n{/* === BUTTONS === */}\n{/* primary */}\n<Button\n  urlIsRelativePath\n  href="'+t.pathname+'#buttons"\n  buttonStyle="primary"\n  text="Download Info Package"\n/>\n\n{/* secondary */}\n<Button\n  urlIsRelativePath\n  href="'+t.pathname+'#buttons"\n  buttonStyle="secondary"\n  text="Download Syllabus"\n/>\n\n{/* secondaryviolet */}\n<Button\n  urlIsRelativePath\n  href="'+t.pathname+'#buttons"\n  buttonStyle="secondaryviolet"\n  text="Apply Now"\n/>\n\n{/* secondarywhite */}\n<Button\n  urlIsRelativePath\n  href="'+t.pathname+'#buttons"\n  buttonStyle="secondarywhite"\n  text="Meet Our Graduates"\n/>\n\n{/* tertiary */}\n<Button\n  urlIsRelativePath\n  href="'+t.pathname+'#buttons"\n  buttonStyle="tertiary"\n  text="Get started for free"\n/>\n\n{/* submit */}\n<Button \n  type="submit" \n  buttonStyle="submit" \n  text="Request city" \n/>\n                  '))),r.createElement("section",null,r.createElement("h3",null,"Carousel Arrows"),r.createElement("div",{className:s},r.createElement("div",{className:c},r.createElement("h4",null,"Primary arrow"),r.createElement(u.Z,{type:"primary",direction:"previous"}),r.createElement(u.Z,{type:"primary",direction:"next"})),r.createElement("div",{className:c},r.createElement("h4",null,"Primary Violet arrow"),r.createElement(u.Z,{type:"primaryviolet",direction:"previous"}),r.createElement(u.Z,{type:"primaryviolet",direction:"next"})),r.createElement("div",{className:c+" "+m},r.createElement("h4",null,"Secondary arrow"),r.createElement(u.Z,{type:"secondary",direction:"previous"}),r.createElement(u.Z,{type:"secondary",direction:"next"})),r.createElement("div",{className:c+" "+m}

1,r.createElement("h4",null,"Transparent Background"),r.createElement(u.Z,{type:"secondary",direction:"previous",transparentBackground:!0}),r.createElement(u.Z,{type:"secondary",direction:"next",transparentBackground:!0}),r.createElement(u.Z,{type:"primaryviolet",direction:"previous",transparentBackground:!0}),r.createElement(u.Z,{type:"primaryviolet",direction:"next",transparentBackground:!0}))),r.createElement("pre",{className:i.tG},r.createElement("code",null,'\n{/* === CAROUSEL ARROWS === */}\n\n{/* Direction of Arrow */}\n{/* previous */}\n<CarouselArrow \n  direction="previous"\n  type="primary"\n/>\n\n{/* next */}\n<CarouselArrow \n  direction="next"\n  type="primaryviolet"\n/>\n\n{/* Type of Arrow */}\n{/* primary */}\n<CarouselArrow \n  direction="next"\n  type="primary"\n/>\n\n{/* primaryviolet */}\n<CarouselArrow \n  direction="next"\n  type="primaryviolet"\n/>\n\n{/* secondary */}\n<CarouselArrow \n  direction="next"\n  type="primaryviolet"\n/>\n\n{/* Optional Prop: transparentBackground */}\n<CarouselArrow \n  direction="next"\n  type="secondary"\n  transparentBackground\n/>\n                  '))))))}},8219:function(e,t,n){n.d(t,{$n:function(){return s},$y:function(){return i},D5:function(){return l},Fs:function(){return u},RV:function(){return c},YS:function(){return m},kQ:function(){return o},tG:function(){return a},vz:function(){return r}});var r="style-guide-module--blog-links--SL5zq",a="style-guide-module--code-example--Sf3vk",l="style-guide-module--code-inline--Tf8+Y",o="style-guide-module--content--nw2ih",u="style-guide-module--header--HKF9P",i="style-guide-module--link-doc--BHPax",s="style-guide-module--nav--fF+WF",c="style-guide-module--nav-link--sr1Ko",m="style-guide-module--wrapper--1yj2f"}}]);
2//# sourceMappingURL=component---src-pages-style-guide-components-jsx-b52a02530576654005ca.js.map