| 1 | {"version":3,"file":"NormalizedHtml.js","sources":["../src/components/Markdown/NormalizedHtml.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useTheme } from '../../theme'\nimport { RADIUS, GU, textStyle } from '../../style'\n\nfunction NormalizedHtml({ children, ...props }) {\n const theme = useTheme()\n return (\n <div\n css={`\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: ${2 * GU}px;\n margin-top: ${3 * GU}px;\n }\n h1,\n h2 {\n padding-bottom: ${0.5 * GU}px;\n }\n h1 {\n ${textStyle('title1')};\n }\n h2 {\n ${textStyle('title2')};\n }\n h3 {\n ${textStyle('title3')};\n }\n h4 {\n ${textStyle('title4')};\n }\n h5 {\n ${textStyle('body1')};\n }\n h6 {\n ${textStyle('body1')};\n }\n p,\n pre,\n table,\n blockquote {\n margin: ${2 * GU}px 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n li p {\n margin: 0;\n }\n hr {\n height: ${0.5 * GU}px;\n margin: ${1 * GU}px 0;\n background: ${theme.border};\n border: 0;\n }\n blockquote {\n padding: 0 ${2 * GU}px;\n border-left: ${0.5 * GU}px solid ${theme.border};\n color: ${theme.contentSecondary};\n }\n a {\n color: ${theme.link};\n text-decoration: underline;\n }\n pre,\n a > code,\n p > code {\n padding: ${0.5 * GU}px ${0.75 * GU}px;\n background: ${theme.surfaceHighlight};\n border-radius: ${RADIUS}px;\n }\n pre {\n overflow: auto;\n padding: ${2 * GU}px;\n border-radius: ${RADIUS}px;\n }\n table {\n border-collapse: collapse;\n }\n tr {\n border-top: 1px solid ${theme.border};\n }\n th,\n td {\n border: 1px solid ${theme.border};\n padding: ${1 * GU}px ${2 * GU}px;\n }\n img {\n max-width: calc(100% - ${2 * GU}px);\n }\n ul,\n ol {\n padding-left: ${4 * GU}px;\n }\n ol ol,\n ul ol {\n list-style-type: lower-roman;\n }\n ol ol ol,\n ol ul ol,\n ul ol ol,\n ul ul ol {\n list-style-type: lower-alpha;\n }\n button[role='checkbox'] {\n position: relative;\n top: 2px;\n }\n `}\n {...props}\n >\n {children}\n </div>\n )\n}\n\nNormalizedHtml.propTypes = {\n children: PropTypes.node.isRequired,\n}\n\nexport default NormalizedHtml\n"],"names":["RADIUS","NormalizedHtml","children","props","theme","useTheme","React","GU","textStyle","border","contentSecondary","link","surfaceHighlight","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyE2BA;;GAKAA;;;;;;;;;;;;;;AAzE3B,SAASC,cAAT,OAAgD;AAAA,MAAtBC,QAAsB,QAAtBA,QAAsB;AAAA,MAATC,KAAS;;AAC9C,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AACA,sBACEC,iEAyGMH,KAzGN;AAAA,UAQuB,IAAII,YAR3B;AAAA,WASoB,IAAIA,YATxB;AAAA,WAawB,MAAMA,YAb9B;AAAA,WAgBQC,oBAAS,CAAC,QAAD,CAhBjB;AAAA,WAmBQA,oBAAS,CAAC,QAAD,CAnBjB;AAAA,WAsBQA,oBAAS,CAAC,QAAD,CAtBjB;AAAA,WAyBQA,oBAAS,CAAC,QAAD,CAzBjB;AAAA,WA4BQA,oBAAS,CAAC,OAAD,CA5BjB;AAAA,WA+BQA,oBAAS,CAAC,OAAD,CA/BjB;AAAA,YAqCgB,IAAID,YArCpB;AAAA,YA8CgB,MAAMA,YA9CtB;AAAA,YA+CgB,IAAIA,YA/CpB;AAAA,YAgDoBH,KAAK,CAACK,MAhD1B;AAAA,YAoDmB,IAAIF,YApDvB;AAAA,YAqDqB,MAAMA,YArD3B;AAAA,YAqDyCH,KAAK,CAACK,MArD/C;AAAA,YAsDeL,KAAK,CAACM,gBAtDrB;AAAA,YAyDeN,KAAK,CAACO,IAzDrB;AAAA,YA+DiB,MAAMJ,YA/DvB;AAAA,YA+D+B,OAAOA,YA/DtC;AAAA,YAgEoBH,KAAK,CAACQ,gBAhE1B;AAAA,YAqEiB,IAAIL,YArErB;AAAA,YA4E8BH,KAAK,CAACK,MA5EpC;AAAA,YAgF0BL,KAAK,CAACK,MAhFhC;AAAA,YAiFiB,IAAIF,YAjFrB;AAAA,YAiF6B,IAAIA,YAjFjC;AAAA,YAoF+B,IAAIA,YApFnC;AAAA,YAwFsB,IAAIA;AAxF1B,MA2GGL,QA3GH,CADF;AA+GD;;AAEDD,cAAc,CAACY,SAAf,GAA2B;AACzBX,EAAAA,QAAQ,EAAEY,eAAS,CAACC,IAAV,CAAeC;AADA,CAA3B;;;;"} |