import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as i}from"./index-BeeV6X6A.js";import{M as t}from"./index-DLgQDw3r.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-Cf-Lpz6Y.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function o(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...i(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{}),`
`,e.jsx(n.h1,{id:"generating-odyssey-icons",children:"Generating Odyssey Icons"}),`
`,e.jsx(n.h2,{id:"tldr",children:"tl;dr"}),`
`,e.jsxs(n.ol,{children:[`
`,e.jsx(n.li,{children:"Designer exports all icons as SVGs."}),`
`,e.jsxs(n.li,{children:["Put icons in ",e.jsx(n.code,{children:"packages/odyssey-icons/figma"}),"."]}),`
`,e.jsxs(n.li,{children:["Run ",e.jsx(n.code,{children:"yarn generate:icons"})," from the project root."]}),`
`,e.jsxs(n.li,{children:["Add new icons to ",e.jsx(n.code,{children:"packages/core/odyssey-react-mui/icons/index.ts"}),"."]}),`
`]}),`
`,e.jsx(n.h2,{id:"verbose",children:"Verbose"}),`
`,e.jsxs(n.p,{children:["When we have new icons in Figma, a designer will add those to the ",e.jsx(n.code,{children:"packages/odyssey-icons"})," package in the ",e.jsx(n.code,{children:"figma/"})," folder."]}),`
`,e.jsx(n.p,{children:"After that's complete, run this command to generate our icons:"}),`
`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-sh",children:`yarn generate:icons
`})}),`
`,e.jsxs(n.p,{children:["After icons are generated, there's one manual step required. Any new icons need to be manually added to the ",e.jsx(n.code,{children:"odyssey-react-mui/icons/index.ts"})," file. Just copy paste an existing icon export and modify it."]}),`
`,e.jsx(n.p,{children:"In the past, this was automated, but an update to the SVGR library broke index templating, so we have to do this part by hand."})]})}function g(s={}){const{wrapper:n}={...i(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(o,{...s})}):o(s)}export{g as default};
