{"componentChunkName":"component---src-components-page-js","path":"/typography/font-size/","webpackCompilationHash":"2cf3b83e267cc05e4142","result":{"data":{"mdx":{"id":"f48ec263-eca0-594b-9b1d-00ba9443eeb5","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"name\": \"Font Size\",\n  \"property\": \"font-size\",\n  \"parent\": \"Typography\",\n  \"route\": \"/typography/font-size/\",\n  \"previousRoute\": \"/typography/font-family/\",\n  \"previousLabel\": \"Font Family\",\n  \"nextRoute\": \"/typography/font-weight/\",\n  \"nextLabel\": \"Font Weight\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar UtilityInfo = makeShortcode(\"UtilityInfo\");\nvar ConfigConsumer = makeShortcode(\"ConfigConsumer\");\nvar Grid = makeShortcode(\"Grid\");\nvar InfoBox = makeShortcode(\"InfoBox\");\nvar Box = makeShortcode(\"Box\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(UtilityInfo, {\n    pattern: \"text-{size}\",\n    themeProperty: \"fontSize\",\n    mdxType: \"UtilityInfo\"\n  }), mdx(\"hr\", null), mdx(ConfigConsumer, {\n    mdxType: \"ConfigConsumer\"\n  }, function (_ref2) {\n    var config = _ref2.config;\n    return mdx(Grid, {\n      mdxType: \"Grid\"\n    }, Object.keys(config.theme.fontSize).map(function (size) {\n      return mdx(InfoBox, {\n        key: \"text-\".concat(size),\n        pattern: \"text-\".concat(size),\n        mdxType: \"InfoBox\"\n      }, mdx(Box, {\n        className: \"bg-white rounded text-\".concat(size),\n        mdxType: \"Box\"\n      }, \"The five boxing wizards jump quickly.\"));\n    }));\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"name":"Font Size","parent":"Typography","route":"/typography/font-size/","nextRoute":"/typography/font-weight/","nextLabel":"Font Weight","previousRoute":"/typography/font-family/","previousLabel":"Font Family"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"f48ec263-eca0-594b-9b1d-00ba9443eeb5"}}}