https://www.leeds-art.ac.uk/_next/static/chunks/pages/components-badd88faf1077f9c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[505],{2473:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components",function(){return t(6779)}])},6779:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return T},default:function(){return B}});var i=t(5893),l=t(7294),s=t(9332),r=t(7433),o=t(8325),a=t(4622);function d(){return(0,i.jsxs)(r.im,{bg:a.O9.neutral[800],mb:a.ih.md,children:[(0,i.jsx)(r.al,{font:"H300",color:a.O9.primary.white,mb:a.ih.sm,children:"Grid"}),(0,i.jsx)(r.al,{font:"H400",color:a.O9.primary.white,mb:a.ih.xs,children:"General Grid"}),(0,i.jsx)(r.Tr,{component:"grid",columnGap:a.W0.columnGap,children:(0,i.jsxs)(o.Box,{sx:a.R8,mb:a.ih.sm,children:[(0,i.jsx)(h,{children:"1"}),(0,i.jsx)(h,{children:"2"}),(0,i.jsx)(h,{children:"3"}),(0,i.jsx)(h,{children:"4"}),(0,i.jsx)(h,{children:"5"}),(0,i.jsx)(h,{children:"6"}),(0,i.jsx)(h,{children:"7"}),(0,i.jsx)(h,{children:"8"}),(0,i.jsx)(h,{children:"9"}),(0,i.jsx)(h,{children:"10"}),(0,i.jsx)(h,{children:"11"}),(0,i.jsx)(h,{children:"12"})]})}),(0,i.jsx)(r.al,{font:"H400",color:a.O9.primary.white,mb:a.ih.xs,children:"Grid w/ 2 columns"}),(0,i.jsx)(r.Tr,{component:"grid w/ 2 columns",columnGap:a.W0.columnGap,children:(0,i.jsxs)(o.Box,{sx:a.R8,mb:a.ih.sm,children:[(0,i.jsx)(h,{sx:{"grid-column":"1 / span 6"},children:"1"}),(0,i.jsx)(h,{sx:{"grid-column":["1 / span 6","7 / span 6"]},children:"2"})]})}),(0,i.jsx)(r.al,{font:"H400",color:a.O9.primary.white,mb:a.ih.xs,children:"Grid w/ 4 columns"}),(0,i.jsx)(r.Tr,{component:"grid w/ 4 columns",columnGap:a.W0.columnGap,children:(0,i.jsxs)(o.Box,{sx:a.R8,mb:a.ih.sm,children:[(0,i.jsx)(h,{sx:{"grid-column":["1 / span 6","1 / span 3"]},children:"1"}),(0,i.jsx)(h,{sx:{"grid-column":["1 / span 6","4 / span 3"]},children:"2"}),(0,i.jsx)(h,{sx:{"grid-column":["1 / span 6","7 / span 3"]},children:"3"}),(0,i.jsx)(h,{sx:{"grid-column":["1 / span 6","10 / span 3"]},children:"4"})]})})]})}let h=e=>{let{children:n,...t}=e;return(0,i.jsx)(o.Flex,{textAlign:"center",height:"100px",bg:a.O9.neutral[400],...t,children:(0,i.jsx)(o.Box,{m:"auto",color:a.O9.primary.black,children:n})})};var c=t(3498);function m(){let{consoleLog:e}=(0,l.useContext)(c.E),n=n=>e("clicked"),t={mb:a.ih.xs};return(0,i.jsxs)(r.im,{bg:a.O9.neutral[400],mb:a.ih.md,children:[(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"Buttons"}),(0,i.jsx)(r.al,{font:"H400",mb:a.ih.xs,children:"Primary buttons"}),(0,i.jsx)(r.KM,{...t,icon:a.oQ.button.arrow,theme:"dark",handleClick:n,children:"Primary Button"}),(0,i.jsx)(r.KM,{...t,icon:a.oQ.button.externalLink,theme:"dark",handleClick:n,children:"Primary Button"}),(0,i.jsx)(r.KM,{...t,icon:a.oQ.button.download,theme:"dark",handleClick:n,children:"Primary Button"}),(0,i.jsx)(r.KM,{...t,icon:a.oQ.button.arrow,theme:"light",handleClick:n,children:"Primary Button"}),(0,i.jsx)(r.KM,{...t,icon:a.oQ.button.externalLink,theme:"light",handleClick:n,children:"Primary Button"}),(0,i.jsx)(r.KM,{...t,icon:a.oQ.button.download,theme:"light",handleClick:n,children:"Primary Button"}),(0,i.jsx)(r.al,{font:"H400",mb:a.ih.xs,children:"Secondary buttons"}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.arrow,theme:"dark",handleClick:n,children:"Secondary Button"}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.externalLink,theme:"dark",handleClick:n,children:"Secondary Button"}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.download,theme:"dark",handleClick:n,children:"Secondary Button"}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.arrow,theme:"light",handleClick:n,children:"Secondary Button"}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.externalLink,theme:"light",handleClick:n,children:"Secondary Button"}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.download,theme:"light",handleClick:n,children:"Secondary Button"}),(0,i.jsxs)(o.Flex,{children:[(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.arrow,theme:"dark",handleClick:n}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.externalLink,theme:"dark",handleClick:n}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.download,theme:"dark",handleClick:n})]}),(0,i.jsxs)(o.Flex,{children:[(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.arrow,theme:"light",handleClick:n}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.externalLink,theme:"light",handleClick:n}),(0,i.jsx)(r.kq,{...t,icon:a.oQ.button.download,theme:"light",handleClick:n})]}),(0,i.jsx)(r.al,{font:"H400",mb:a.ih.xs,children:"Tertiary buttons"}),(0,i.jsx)(r.C9,{...t,icon:a.oQ.button.arrow,theme:"dark",handleClick:n,children:"Tertiary Button"}),(0,i.jsx)(r.C9,{...t,icon:a.oQ.button.externalLink,theme:"dark",handleClick:n,children:"Tertiary Button"}),(0,i.jsx)(r.C9,{...t,icon:a.oQ.button.download,theme:"dark",handleClick:n,children:"Tertiary Button"}),(0,i.jsx)(r.al,{font:"H400",mb:a.ih.xs,children:"Bookmark buttons"}),(0,i.jsx)(r.eZ,{...t,outline:!0,theme:"dark",handleClick:n}),(0,i.jsx)(r.eZ,{...t,outline:!1,theme:"dark",handleClick:n})]})}

1var x=t(8203),u=t(9355),j=t(8868);function b(){let{consoleLog:e}=(0,l.useContext)(c.E),n=n=>e("clicked"),[t,s]=(0,l.useState)(!1);(0,l.useEffect)(()=>{s(j.Do)},[t]);let d={image:"/placeholder-image.jpg",header:"This is dummy text. It is intended to be read but have no meaning",label:"Section/Sub-section/Type",date:"00 Month 0000",caption:"Featured or latest ‘New’s’ or ‘Research Project’",buttonText:"Primary Button",buttonIcon:a.oQ.button.arrow,mb:a.ih.sm,handleClick:e=>n(e)};return(0,i.jsxs)(o.Box,{bg:a.O9.neutral[400],children:[(0,i.jsxs)(r.im,{children:[(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"General Link"}),(0,i.jsx)(x.qK,{...d,theme:"light",buttonIcon:a.oQ.button.externalLink,handleClick:n}),(0,i.jsx)(x.qK,{...d,size:"m",buttonText:!1,theme:"light",buttonIcon:a.oQ.button.externalLink,handleClick:n})]}),(0,i.jsx)(u.QV,{children:[0,0,0,0].map((e,l)=>(0,i.jsx)(o.Box,{width:"100%",minWidth:t?"calc(100% - 70px)":"0",maxWidth:t?"calc(100% - 70px)":"276px",className:t?"keen-slider__slide":"",children:(0,i.jsx)(x.qK,{...d,size:"s",buttonText:"Secondary Button",theme:"light",handleClick:n})},l))}),(0,i.jsx)(r.im,{children:(0,i.jsxs)(o.Box,{sx:a.R8,children:[(0,i.jsx)(o.Box,{sx:{"grid-column":["1 / span 6","1 / span 6","3 / span 4","3 / span 4"]},children:(0,i.jsx)(x.qK,{...d,size:"xs",href:"#",theme:"dark",handleClick:n})}),(0,i.jsx)(o.Box,{sx:{"grid-column":["1 / span 6","1 / span 6","7 / span 4","7 / span 4"]},children:(0,i.jsx)(x.qK,{...d,size:"xs",href:"#",theme:"dark",handleClick:n})})]})}),(0,i.jsx)(r.im,{bg:a.O9.neutral[600],mb:a.ih.sm,children:(0,i.jsxs)(o.Box,{sx:a.R8,children:[(0,i.jsx)(o.Box,{sx:{"grid-column":["1 / span 6","1 / span 6","3 / span 4","3 / span 4"]},children:(0,i.jsx)(x.qK,{...d,size:"xs",href:"#",theme:"light",icon:a.oQ.document,handleClick:n})}),(0,i.jsx)(o.Box,{sx:{"grid-column":["1 / span 6","1 / span 6","7 / span 4","7 / span 4"]},children:(0,i.jsx)(x.qK,{...d,size:"xs",href:"#",theme:"light",icon:a.oQ.document,handleClick:n})})]})})]})}function k(){let{consoleLog:e}=(0,l.useContext)(c.E),n=n=>e("clicked"),[t,s]=(0,l.useState)(!1);(0,l.useEffect)(()=>{s(j.Do)},[t]);let d={image:"/placeholder-image.jpg",header:"This is dummy text. It is intended to be read but have no meaning",label:"Featured or latest ‘New’s’ or ‘Research Project’",date:"00 Month 0000",buttonText:"Primary Button",tags:["Tag","Tag","Tag"],buttonIcon:a.oQ.button.arrow,mb:a.ih.sm,handleClick:e=>n(e)};return(0,i.jsxs)(o.Box,{bg:a.O9.neutral[400],children:[(0,i.jsxs)(r.im,{bg:a.O9.neutral[400],mb:a.ih.md,children:[(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"Editorial Link"}),(0,i.jsx)(x.wX,{...d,theme:"dark"})]}),(0,i.jsx)(u.QV,{children:[0,0,0,0].map((e,l)=>(0,i.jsx)(o.Box,{width:"100%",minWidth:t?"calc(100% - 70px)":"0",maxWidth:t?"calc(100% - 70px)":"276px",className:t?"keen-slider__slide":"",children:(0,i.jsx)(x.wX,{...d,size:"s",label:!1,theme:"dark",handleClick:n})},l))})]})}function g(){let{consoleLog:e}=(0,l.useContext)(c.E),n=n=>e("clicked"),t={image:"/placeholder-image.jpg",header:"The Dummy Card Title Goes Here",body:"This is dummy text, it is intended to be read but have no meaning, as simulation",buttonText:"Secondary Button",buttonIcon:a.oQ.button.arrow,mb:a.ih.sm,handleClick:e=>n(e)};return(0,i.jsxs)(r.im,{bg:a.O9.neutral[400],mb:a.ih.md,children:[(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"Cards"}),(0,i.jsx)(x.xy,{...t}),(0,i.jsx)(x.XU,{...t}),(0,i.jsx)(x.Jn,{...t,buttonText:"Tertiary Button",buttonIcon:a.oQ.button.externalLink}),(0,i.jsx)(x.sQ,{...t,header:"FIND OUT MORE ABOUT DUMMY TEXT",buttonText:"Primary button",buttonIcon:a.oQ.button.externalLink})]})}function p(){let{consoleLog:e}=(0,l.useContext)(c.E),n=n=>e("clicked"),t={href:"#",image:"/placeholder-image.jpg",header:"This is dummy text.",buttonText:"Primary Button",buttonIcon:a.oQ.button.arrow,mb:a.ih.sm,handleClick:e=>n(e)};return(0,i.jsxs)(r.im,{bg:a.O9.neutral[400],mb:a.ih.md,children:[(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"Nav items"}),(0,i.jsx)(x.LY,{...t,component:"nav item w/ icon",theme:"dark",size:"l",icon:a.oQ.document}),(0,i.jsx)(x.LY,{...t,theme:"dark",size:"l",icon:!1}),(0,i.jsx)(x.LY,{...t,component:"nav item w/ icon",theme:"light",size:"l",icon:a.oQ.document}),(0,i.jsx)(x.LY,{...t,theme:"light",size:"l",icon:!1}),(0,i.jsx)(x.LY,{...t,header:"This is dummy text. It is intended to be read",theme:"light",size:"m",image:!1}),(0,i.jsx)(x.LY,{...t,header:"This is dummy text. It is intended to be read",theme:"dark",size:"m",image:!1}),(0,i.jsx)(x.LY,{...t,header:"This is dummy text. It is intended to be read",theme:"light",size:"s",image:!1}),(0,i.jsx)(x.LY,{...t,header:"This is dummy text. It is intended to be read",theme:"dark",size:"s",image:!1}),(0,i.jsx)(x.ZK,{...t,header:"Page Title Goes Here",description:"This is dummy text. Keyword is intended to be read but have no meaning. As a simulation of actual copy,",theme:"dark",size:"m",image:!1})]})}function f(){let{consoleLog:e}=(0,l.useContext)(c.E),n={tabs:[{content_block_tab_title:"Tab"},{content_block_tab_title:"Tab"},{content_block_tab_title:"Tab"},{content_block_tab_title:"Tab"}]};return(0,i.jsxs)(r.im,{bg:a.O9.neutral[400],mb:a.ih.md,children:[(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"Filter"}),(0,i.jsx)(C,{theme:"light",mb:a.ih.xs,bg:a.O9.neutral[300],...n,id:1}),(0,i.jsx)(C,{theme:"light",mb:a.ih.xs,bg:a.O9.primary.white,...n,id:2}),(0,i.jsx)(C,{theme:"dark",mb:a.ih.xs,...n,id:3})]})}let C=e=>{let{...n}=e,[t,s]=(0,l.useState)(0);return(0,i.jsx)(x.wn,{...n,activeIndex:t,handleRevealedContent:e=>s(e)})};t(1031),t(8716),t(4223),t(8548);var y=t(9036),w=t(688),T=!0;function B(e){let{story:n}=e;n=(0,y.f0)(n,{resolveRelations:w.xn});let[t,o]=(0,l.useState)(!1),{push:h}=(0,s.useRouter)();return(0,l.useEffect)(()=>{h("/404")},[]),t&&(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsxs)(y.Xj,{blok:{pageTitle:n.name,...n.content},children:[(0,i.jsx)(r.im,{bg:a.O9.neutral[400],children:(0,i.jsx)(r.al,{font:"H100",mb:

1a.ih.md,children:"Components"})}),(0,i.jsx)(r.im,{bg:a.O9.neutral[400],children:(0,i.jsx)(r.al,{font:"H200",mb:a.ih.sm,children:"Style sheets"})}),(0,i.jsxs)(r.im,{children:[(0,i.jsx)(r.al,{font:"H100",mb:a.ih.md,children:"Header 1 (sans)"}),(0,i.jsx)(r.al,{font:"H200",mb:a.ih.md,children:"Header 2 (sans)"}),(0,i.jsx)(r.al,{font:"altH200",mb:a.ih.md,children:"Header 2 (serif)"}),(0,i.jsx)(r.al,{font:"H300",mb:a.ih.md,children:"Header 3 (sans)"}),(0,i.jsx)(r.al,{font:"altH300",mb:a.ih.md,children:"Header 3 (serif)"}),(0,i.jsx)(r.al,{font:"H400",mb:a.ih.md,children:"Header 4 (sans)"}),(0,i.jsx)(r.al,{font:"altH400",mb:a.ih.md,children:"Header 4 (serif)"}),(0,i.jsx)(r.al,{font:"H500",mb:a.ih.md,children:"Header 5 (sans)"}),(0,i.jsx)(r.al,{font:"altH500",mb:a.ih.md,children:"Header 5 (serif)"})]}),(0,i.jsx)(d,{}),(0,i.jsx)(m,{}),(0,i.jsx)(r.im,{bg:a.O9.neutral[400],children:(0,i.jsx)(r.al,{font:"H200",mb:a.ih.sm,children:"Block elements"})}),(0,i.jsx)(b,{}),(0,i.jsx)(k,{}),(0,i.jsx)(g,{}),(0,i.jsx)(p,{}),(0,i.jsx)(r.im,{bg:a.O9.neutral[400],children:(0,i.jsx)(r.al,{font:"H300",mb:a.ih.sm,children:"Filters & Dropdowns"})}),(0,i.jsx)(f,{})]})})}}},function(e){e.O(0,[774,888,179],function(){return e(e.s=2473)}),_N_E=e.O()}]);