1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6433],{45608:(e,a,n)=>{"use strict";n.r(a),n.d(a,{default:()=>v});var r=n(37876),t=n(62034),i=n(35003),o=n(6742),s=n(14924),l=n(66703),d=n(7579),c=n(65754),m=n(33187),x=n(77328),h=n.n(x),j=n(89099);n(14232);let p=()=>(0,r.jsxs)(t.A,{mb:6,children:[(0,r.jsx)(i.A,{variant:"h2",gutterBottom:!0,children:"Typography"}),(0,r.jsx)(o.A,{spacing:4,children:["h1","h2","h3","h3S","h4","h5","body1B","body1R","body2R","body2RCaps","small1","small2"].map(e=>(0,r.jsxs)(t.A,{children:[(0,r.jsx)(i.A,{variant:"h5",gutterBottom:!0,sx:{textDecoration:"underline"},children:e}),(0,r.jsxs)(i.A,{variant:e,sx:{bgcolor:"background.paper",p:1,borderRadius:1},children:["The quick brown fox jumps over the lazy dog. (",e,")"]})]},e))})]}),u=e=>{let{name:a,value:n,onLightText:i}=e;return(0,r.jsxs)(s.A,{elevation:1,sx:{width:120,height:120,position:"relative",borderRadius:2,overflow:"hidden",display:"flex",flexDirection:"column",justifyContent:"flex-end",p:1,bgcolor:n,color:i?"text.primary":"#fff"},children:[(0,r.jsx)(t.A,{sx:{fontSize:12,fontWeight:600},children:a}),(0,r.jsx)(t.A,{sx:{fontSize:10},children:n})]})},g=e=>{let{name:a,value:n}=e;return(0,r.jsxs)(s.A,{elevation:1,sx:{width:120,height:120,position:"relative",borderRadius:2,overflow:"hidden",display:"flex",flexDirection:"column",justifyContent:"flex-end",p:1,background:n,color:"#fff"},children:[(0,r.jsx)(t.A,{sx:{fontSize:12,fontWeight:600},children:a}),(0,r.jsx)(t.A,{sx:{fontSize:10},children:"gradient"})]})},y=()=>{let e=(0,l.A)();return(0,r.jsxs)(t.A,{mb:6,children:[(0,r.jsx)(i.A,{variant:"h2",gutterBottom:!0,children:"Color Palette"}),["primary","secondary"].map(a=>(0,r.jsxs)(t.A,{mb:4,children:[(0,r.jsx)(i.A,{variant:"h4",gutterBottom:!0,children:a.charAt(0).toUpperCase()+a.slice(1)}),(0,r.jsx)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:(a=>{let n=e.palette[a]||{},r=[{name:"".concat(a,".main"),value:n.main||""},{name:"".concat(a,".light"),value:n.light||n.main||""}];return"secondary"===a&&n.dark&&r.push({name:"".concat(a,".dark"),value:n.dark}),"secondary"===a&&n.lighter&&r.push({name:"".concat(a,".lighter"),value:n.lighter}),r})(a).map(e=>(0,r.jsx)(u,{name:e.name,value:e.value,onLightText:!1},e.name))})]},a)),(0,r.jsxs)(t.A,{mb:4,children:[(0,r.jsx)(i.A,{variant:"h4",gutterBottom:!0,children:"Grey"}),(0,r.jsx)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:(()=>{let a=e.palette.grey||{};return[{name:"grey.main",value:a.main||""},{name:"grey.light",value:a.light||""},{name:"grey.dark",value:a.dark||""},{name:"grey.faded",value:a.faded||""}]})().map(e=>(0,r.jsx)(u,{name:e.name,value:e.value,onLightText:e.name.includes("light")},e.name))})]}),(0,r.jsx)(d.A,{sx:{my:4}}),(0,r.jsxs)(t.A,{mb:4,children:[(0,r.jsx)(i.A,{variant:"h4",gutterBottom:!0,children:"Error"}),(0,r.jsx)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:(0,r.jsx)(u,{name:"error.main",value:e.palette.error.main})})]}),(0,r.jsx)(d.A,{sx:{my:4}}),(0,r.jsxs)(t.A,{mb:4,children:[(0,r.jsx)(i.A,{variant:"h4",gutterBottom:!0,children:"Common"}),(0,r.jsxs)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:[(0,r.jsx)(u,{name:"common.textWhite",value:e.palette.common.textWhite,onLightText:!0}),(0,r.jsx)(u,{name:"common.textDark",value:e.palette.common.textDark}),(0,r.jsx)(u,{name:"common.slateD",value:e.palette.common.slateD}),(0,r.jsx)(u,{name:"common.slateM",value:e.palette.common.slateM,onLightText:!0}),(0,r.jsx)(u,{name:"common.slateL",value:e.palette.common.slateL,onLightText:!0}),(0,r.jsx)(u,{name:"common.backdrop",value:e.palette.common.backdrop})]})]}),(0,r.jsx)(d.A,{sx:{my:4}}),(0,r.jsxs)(t.A,{mb:4,children:[(0,r.jsx)(i.A,{variant:"h4",gutterBottom:!0,children:"Secondary Beige"}),(0,r.jsxs)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:[(0,r.jsx)(u,{name:"secondaryBeige.light",value:e.palette.secondaryBeige.light,onLightText:!0}),(0,r.jsx)(u,{name:"secondaryBeige.medium",value:e.palette.secondaryBeige.medium,onLightText:!0}),(0,r.jsx)(u,{name:"secondaryBeige.dark",value:e.palette.secondaryBeige.dark,onLightText:!0})]})]}),(0,r.jsx)(d.A,{sx:{my:4}}),(0,r.jsxs)(t.A,{mb:4,children:[(0,r.jsx)(i.A,{variant:"h4",gutterBottom:!0,children:"Gradients"}),(0,r.jsxs)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:[(0,r.jsx)(g,{name:"gradient.linear",value:e.palette.gradient.linear}),(0,r.jsx)(g,{name:"gradient.radial",value:e.palette.gradient.radial})]})]})]})},A=()=>(0,r.jsxs)(t.A,{mb:6,children:[(0,r.jsx)(i.A,{variant:"h2",children:"Buttons"}),(0,r.jsx)(o.A,{spacing:4,children:(0,r.jsxs)(o.A,{direction:"row",spacing:2,flexWrap:"wrap",children:[(0,r.jsx)(c.A,{variant:"contained",color:"primary",size:"small",children:"Primary Small"}),(0,r.jsx)(c.A,{variant:"contained",color:"primary",children:"Primary Medium"}),(0,r.jsx)(c.A,{variant:"contained",color:"primary",size:"large",children:"Primary Large"}),(0,r.jsx)(c.A,{variant:"contained",color:"secondary",size:"small",children:"Secondary Small"}),(0,r.jsx)(c.A,{variant:"contained",color:"secondary",children:"Secondary Medium"}),(0,r.jsx)(c.A,{variant:"contained",color:"secondary",size:"large",children:"Secondary Large"}),(0,r.jsx)(c.A,{variant:"contained",disabled:!0,children:"Disabled"})]})})]}),v=()=>((0,j.useRouter)(),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(h(),{children:[(0,r.jsx)("title",{children:"Style Guide"}),(0,r.jsx)("meta",{name:"description",content:"Design system / style guide"})]}),(0,r.jsx)(m.Ay,{}),(0,r.jsxs)(t.A,{component:"main",sx:{maxWidth:1200,mx:"auto",py:8,px:4},children:[(0,r.jsx)(i.A,{variant:"h1",gutterBottom:!0,children:"Style Guide"}),(0,r.jsx)(i.A,{variant:"body1R",gutterBottom:!0,children:"Living documentation of typography, colors, and component variations."}),(0,r.jsx)(d.A,{sx:{my:6}}),(0,r.jsx)(p,{}),(0,r.jsx)(d.A,{sx:{my:6}}),(0,r.jsx)(y,{}),(0,r.jsx)(d.A,{sx:{my:6}}),(0,r.jsx)(A,{})]})]}))},81478:(e,a,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/themeguide",function(){return n(45608)}])}},e=>{e.O(0,[9351,6512,1398,636,6593,8792],()=>e(e.s=81478)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.