| 1 | {"version":3,"file":"BaseStyles.js","sources":["../src/components/BaseStyles/assets/overpass/overpass-light.woff2","../src/components/BaseStyles/assets/overpass/overpass-regular.woff2","../src/components/BaseStyles/assets/overpass/overpass-semibold.woff2","../src/components/BaseStyles/assets/overpass-mono/overpass-mono-light.woff2","../src/components/BaseStyles/BaseStyles.js"],"sourcesContent":["export default \"cf790334a5a6d45c.woff2\"","export default \"32a3f11e7740ce58.woff2\"","export default \"5cfe62515c2f9b42.woff2\"","export default \"3dd21d4f0d28fecb.woff2\"","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { createGlobalStyle } from 'styled-components'\nimport { PublicUrl } from '../../providers/PublicUrl'\nimport { DEFAULT_FONT_FAMILY, MONOSPACE_FONT_FAMILY } from '../../utils'\nimport { textStyle } from '../../style'\nimport { useTheme } from '../../theme'\n\nimport overpassLightWoff2 from './assets/overpass/overpass-light.woff2'\nimport overpassRegularWoff2 from './assets/overpass/overpass-regular.woff2'\nimport overpassSemiBoldWoff2 from './assets/overpass/overpass-semibold.woff2'\nimport overpassMonoLightWoff2 from './assets/overpass-mono/overpass-mono-light.woff2'\n\nconst DEFAULT_FONTS = {\n '400': { url: overpassLightWoff2, format: 'woff2' },\n '600': { url: overpassRegularWoff2, format: 'woff2' },\n '800': { url: overpassSemiBoldWoff2, format: 'woff2' },\n}\n\nconst MONOSPACE_FONTS = {\n '400': { url: overpassMonoLightWoff2, format: 'woff2' },\n}\n\nfunction fontSrc(publicUrl, { url, format }) {\n return `url(${publicUrl + url}) format('${format}')`\n}\n\nfunction fontFaceDeclarations({ fontFamily, publicUrl }) {\n // No need to declare the font faces if the font family has changed.\n if (fontFamily !== BaseStyles.defaultProps.fontFamily) {\n return ''\n }\n return `\n @font-face {\n font-family: ${DEFAULT_FONT_FAMILY};\n src: ${fontSrc(publicUrl, DEFAULT_FONTS['400'])};\n font-weight: 400;\n font-style: normal;\n }\n @font-face {\n font-family: ${DEFAULT_FONT_FAMILY};\n src: ${fontSrc(publicUrl, DEFAULT_FONTS['600'])};\n font-weight: 600;\n font-style: normal;\n }\n @font-face {\n font-family: ${DEFAULT_FONT_FAMILY};\n src: ${fontSrc(publicUrl, DEFAULT_FONTS['800'])};\n font-weight: 800;\n font-style: normal;\n }\n @font-face {\n font-family: ${MONOSPACE_FONT_FAMILY};\n src: ${fontSrc(publicUrl, MONOSPACE_FONTS['400'])};\n font-weight: 400;\n font-style: normal;\n }\n `\n}\n\nconst BaseStyles = React.memo(function BaseStyles(props) {\n const theme = useTheme()\n return (\n <GlobalStyle\n {...props}\n theme={theme}\n fontFaces={fontFaceDeclarations(props)}\n textStyleCss={textStyle('body2')}\n />\n )\n})\n\nBaseStyles.propTypes = {\n publicUrl: PropTypes.string,\n fontFamily: PropTypes.string,\n}\n\nBaseStyles.defaultProps = {\n publicUrl: '/',\n fontFamily: `${DEFAULT_FONT_FAMILY}, sans-serif`,\n}\n\nconst GlobalStyle = createGlobalStyle`\n\n // @font-face declarations\n ${p => (p.fontFaces ? p.fontFaces : '')}\n\n *, *:before, *:after {\n box-sizing: border-box;\n }\n html {\n -webkit-overflow-scrolling: touch;\n }\n body {\n height: 0;\n min-height: 100vh;\n color: ${p => p.theme.content};\n background: ${p => p.theme.background};\n font-family: ${p => p.fontFamily};\n ${p => p.textStyleCss};\n }\n html, body {\n overflow: hidden;\n }\n body, ul, p, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n padding: 0;\n }\n button, select, input, textarea, h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-family: inherit;\n font-weight: inherit;\n line-height: inherit;\n }\n a, button, select, input, textarea {\n color: inherit;\n }\n strong, b {\n font-weight: 600;\n }\n ::selection {\n background: ${p => p.theme.selected};\n color: ${p => p.theme.selectedContent};\n }\n`\n\nexport default PublicUrl.hocWrap(BaseStyles)\n"],"names":["DEFAULT_FONTS","url","overpassLightWoff2","format","overpassRegularWoff2","overpassSemiBoldWoff2","MONOSPACE_FONTS","overpassMonoLightWoff2","fontSrc","publicUrl","fontFaceDeclarations","fontFamily","BaseStyles","defaultProps","DEFAULT_FONT_FAMILY","MONOSPACE_FONT_FAMILY","React","memo","props","theme","useTheme","textStyle","propTypes","PropTypes","string","GlobalStyle","createGlobalStyle","p","fontFaces","content","background","textStyleCss","selected","selectedContent","PublicUrl","hocWrap"],"mappings":"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"} |