-
Notifications
You must be signed in to change notification settings - Fork 0
/
27d9df62b7591edb09e12c6d7b305fe5c1027d16-b43f643320401420530a.js.map
1 lines (1 loc) · 3.9 KB
/
27d9df62b7591edb09e12c6d7b305fe5c1027d16-b43f643320401420530a.js.map
1
{"version":3,"file":"27d9df62b7591edb09e12c6d7b305fe5c1027d16-b43f643320401420530a.js","mappings":"mMAGO,MAAMA,GAAaC,EAAAA,EAAAA,GAAA,UAAAC,OAAA,aAAAD,EACtBE,IAAA,IAAC,MAAEC,EAAK,UAAEC,GAAWF,EAAA,OAAKG,EAAAA,EAAAA,IACxBD,IACFC,EAAAA,EAAAA,IAAG,2BAC0BF,EAAMG,OAAOC,QAAQC,SAAQ,QACzD,UACF,KAGUC,GAAKT,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,IAELU,GAASV,EAAAA,EAAAA,GAAA,KAAAC,OAAA,aAAAD,CAAA,mJASlBW,IAAA,IAAC,MAAER,GAAOQ,EAAA,OAAKN,EAAAA,EAAAA,IAAG,SACTF,EAAMG,OAAOC,QAAQK,SAAQ,iCAGtBT,EAAMG,OAAOC,QAAQM,SAAQ,oBAClCV,EAAMG,OAAOC,QAAQO,WAAU,8HAa/BX,EAAMG,OAAOC,QAAQQ,SAAQ,WAEzC,K,aC3BI,MAAMC,EAAiCC,IAC5C,MAAM,MAAEC,EAAK,KAAEC,EAAI,UAAEf,GAAY,GAAUa,EAE3C,OACEG,EAAAA,EAAAA,MAACC,EAAAA,GAAS,CAAAC,SAAA,EACRC,EAAAA,EAAAA,KAACC,EAAoB,CAACpB,UAAWA,EAAUkB,UACzCC,EAAAA,EAAAA,KAACE,EAAAA,EAAI,CAACC,GAAG,KAAKC,KAAM,GAAIC,OAAQ,IAAIN,SACjCJ,OAGLK,EAAAA,EAAAA,KAACM,EAAAA,GAAM,CAACC,EAAG,KACXP,EAAAA,EAAAA,KAACC,EAAY,CAAAF,SACVH,EAAKY,KAAKC,IACTZ,EAAAA,EAAAA,MAACI,EAAgB,CAAeS,QAASA,KAAMC,OAa/BjC,EAb8C+B,EAAGG,UAcvEC,EAAAA,EAAAA,UAASnC,GADX,IAAwBA,CAbuD,EAAAqB,SAAA,EACrEC,EAAAA,EAAAA,KAACE,EAAAA,EAAI,CAACC,GAAG,OAAOC,KAAM,GAAIC,OAAQ,IAAIN,SACnCU,EAAGK,QAENd,EAAAA,EAAAA,KAACE,EAAAA,EAAI,CAACC,GAAG,OAAOC,KAAM,GAAIC,OAAQ,IAAIN,SACnCU,EAAGM,SALeN,EAAGG,YAelC,C","sources":["webpack://@portfolio/blog/./src/components/ListTable/ListTable.style.tsx","webpack://@portfolio/blog/./src/components/ListTable/index.tsx"],"sourcesContent":["import { css } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nexport const _TitleWrapper = styled.header<{ underline: boolean }>`\n ${({ theme, underline }) => css`\n ${underline &&\n css`\n border-bottom: 1px solid ${theme.colors.PRIMARY.ACCENT_4};\n `}\n `}\n`\n\nexport const _List = styled.div``\n\nexport const _ListItem = styled.a`\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: none !important;\n border-radius: 6px;\n padding: 0.625rem 1.5rem;\n margin: 0 -1.5rem;\n\n ${({ theme }) => css`\n color: ${theme.colors.PRIMARY.ACCENT_6} !important;\n\n &:hover {\n background: ${theme.colors.PRIMARY.ACCENT_2} !important;\n color: ${theme.colors.PRIMARY.FOREGROUND} !important;\n }\n\n & > span:first-of-type {\n max-width: 85%;\n }\n\n & > span:last-of-type {\n max-width: 15%;\n white-space: nowrap;\n }\n\n &:last-of-type {\n color: ${theme.colors.PRIMARY.ACCENT_3};\n }\n `}\n`\n","import { Container, Spacer, Text } from '@justsloth/core'\nimport { navigate } from 'gatsby'\nimport { FC } from 'react'\n\nimport * as Styled from './ListTable.style'\n\ninterface ListTableProps {\n title: string\n list: {\n name: string\n slug: string\n date: string\n }[]\n underline?: boolean\n}\n\nexport const ListTable: FC<ListTableProps> = (props) => {\n const { title, list, underline = false } = props\n\n return (\n <Container>\n <Styled._TitleWrapper underline={underline}>\n <Text as='h3' size={32} weight={800}>\n {title}\n </Text>\n </Styled._TitleWrapper>\n <Spacer y={1} />\n <Styled._List>\n {list.map((it) => (\n <Styled._ListItem key={it.slug} onClick={() => moveToLocation(it.slug)}>\n <Text as='span' size={16} weight={600}>\n {it.name}\n </Text>\n <Text as='span' size={14} weight={300}>\n {it.date}\n </Text>\n </Styled._ListItem>\n ))}\n </Styled._List>\n </Container>\n )\n\n function moveToLocation(target: string): void {\n navigate(target)\n }\n}\n"],"names":["_TitleWrapper","_styled","target","_ref","theme","underline","css","colors","PRIMARY","ACCENT_4","_List","_ListItem","_ref2","ACCENT_6","ACCENT_2","FOREGROUND","ACCENT_3","ListTable","props","title","list","_jsxs","Container","children","_jsx","Styled","Text","as","size","weight","Spacer","y","map","it","onClick","moveToLocation","slug","navigate","name","date"],"sourceRoot":""}