@khanacademy/wonder-blocks-typography 1.1.25

package/dist/index.js

@@ -0,0 +1,759 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+function _extends() {
+  module.exports = _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;
+  };
+
+  module.exports["default"] = module.exports, module.exports.__esModule = true;
+  return _extends.apply(this, arguments);
+}
+
+module.exports = _extends;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports) {
+
+function _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;
+}
+
+module.exports = _objectWithoutPropertiesLoose;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+module.exports = require("@khanacademy/wonder-blocks-core");
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
+
+module.exports = require("aphrodite");
+
+/***/ }),
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "Title", function() { return /* reexport */ title_Title; });
+__webpack_require__.d(__webpack_exports__, "HeadingLarge", function() { return /* reexport */ heading_large_HeadingLarge; });
+__webpack_require__.d(__webpack_exports__, "HeadingMedium", function() { return /* reexport */ heading_medium_HeadingMedium; });
+__webpack_require__.d(__webpack_exports__, "HeadingSmall", function() { return /* reexport */ heading_small_HeadingSmall; });
+__webpack_require__.d(__webpack_exports__, "HeadingXSmall", function() { return /* reexport */ heading_xsmall_HeadingXSmall; });
+__webpack_require__.d(__webpack_exports__, "BodySerifBlock", function() { return /* reexport */ body_serif_block_BodySerifBlock; });
+__webpack_require__.d(__webpack_exports__, "BodySerif", function() { return /* reexport */ body_serif_BodySerif; });
+__webpack_require__.d(__webpack_exports__, "BodyMonospace", function() { return /* reexport */ body_monospace_BodyMonospace; });
+__webpack_require__.d(__webpack_exports__, "Body", function() { return /* reexport */ body_Body; });
+__webpack_require__.d(__webpack_exports__, "LabelLarge", function() { return /* reexport */ label_large_LabelLarge; });
+__webpack_require__.d(__webpack_exports__, "LabelMedium", function() { return /* reexport */ label_medium_LabelMedium; });
+__webpack_require__.d(__webpack_exports__, "LabelSmall", function() { return /* reexport */ label_small_LabelSmall; });
+__webpack_require__.d(__webpack_exports__, "LabelXSmall", function() { return /* reexport */ label_xsmall_LabelXSmall; });
+__webpack_require__.d(__webpack_exports__, "Tagline", function() { return /* reexport */ tagline_Tagline; });
+__webpack_require__.d(__webpack_exports__, "Caption", function() { return /* reexport */ caption_Caption; });
+__webpack_require__.d(__webpack_exports__, "Footnote", function() { return /* reexport */ footnote_Footnote; });
+__webpack_require__.d(__webpack_exports__, "styles", function() { return /* reexport */ styles; });
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
+var helpers_extends = __webpack_require__(0);
+var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
+
+// EXTERNAL MODULE: external "aphrodite"
+var external_aphrodite_ = __webpack_require__(4);
+
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/util/styles.js
+
+
+const Regular = 400;
+const Bold = 700;
+const Black = 900;
+const mobile = "@media (max-width: 1023px)";
+const desktop = "@media (min-width: 1024px)";
+const common = {
+  display: "block"
+};
+const SansFamily = 'Lato, "Noto Sans", sans-serif'; // TODO(kevinb): Use Minion Pro here
+
+const SerifFamily = '"Noto Serif", serif';
+const InconsolataFamily = "Inconsolata, monospace";
+const styles = external_aphrodite_["StyleSheet"].create({
+  Title: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Black,
+    [desktop]: {
+      fontSize: 36,
+      lineHeight: "40px"
+    },
+    [mobile]: {
+      fontSize: 28,
+      lineHeight: "32px"
+    }
+  }),
+  Tagline: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 20,
+    lineHeight: "24px"
+  }),
+  HeadingLarge: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Bold,
+    [desktop]: {
+      fontSize: 28,
+      lineHeight: "32px"
+    },
+    [mobile]: {
+      fontSize: 24,
+      lineHeight: "28px"
+    }
+  }),
+  HeadingMedium: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Bold,
+    [desktop]: {
+      fontSize: 24,
+      lineHeight: "28px"
+    },
+    [mobile]: {
+      fontSize: 22,
+      lineHeight: "26px"
+    }
+  }),
+  HeadingSmall: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Bold,
+    fontSize: 20,
+    lineHeight: "24px"
+  }),
+  HeadingXSmall: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Bold,
+    fontSize: 12,
+    lineHeight: "16px",
+    letterSpacing: 0.6,
+    textTransform: "uppercase"
+  }),
+  BodySerifBlock: extends_default()({}, common, {
+    fontFamily: SerifFamily,
+    fontWeight: Regular,
+    fontSize: 22,
+    lineHeight: "28px"
+  }),
+  BodySerif: extends_default()({}, common, {
+    fontFamily: SerifFamily,
+    fontWeight: Regular,
+    fontSize: 18,
+    lineHeight: "22px"
+  }),
+  BodyMonospace: extends_default()({}, common, {
+    fontFamily: InconsolataFamily,
+    fontWeight: Regular,
+    fontSize: 17,
+    lineHeight: "22px"
+  }),
+  Body: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 16,
+    lineHeight: "22px"
+  }),
+  LabelLarge: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Bold,
+    fontSize: 16,
+    lineHeight: "20px"
+  }),
+  LabelMedium: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 16,
+    lineHeight: "20px"
+  }),
+  LabelSmall: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 14,
+    lineHeight: "18px"
+  }),
+  LabelXSmall: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 12,
+    lineHeight: "16px"
+  }),
+  Caption: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 14,
+    lineHeight: "20px"
+  }),
+  Footnote: extends_default()({}, common, {
+    fontFamily: SansFamily,
+    fontWeight: Regular,
+    fontSize: 12,
+    lineHeight: "18px"
+  })
+});
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
+var objectWithoutPropertiesLoose = __webpack_require__(2);
+var objectWithoutPropertiesLoose_default = /*#__PURE__*/__webpack_require__.n(objectWithoutPropertiesLoose);
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(1);
+
+// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-core"
+var wonder_blocks_core_ = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/title.js
+
+
+const _excluded = ["style", "children"];
+
+
+
+// TODO(alex): Once style prop validation works, if all of the style prop flow
+//             types are the same then switch to using functional components.
+class title_Title extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, _excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.Title, style]
+    }), children);
+  }
+
+}
+title_Title.defaultProps = {
+  tag: "h1"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/heading-large.js
+
+
+const heading_large_excluded = ["style", "children"];
+
+
+
+class heading_large_HeadingLarge extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, heading_large_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.HeadingLarge, style]
+    }), children);
+  }
+
+}
+heading_large_HeadingLarge.defaultProps = {
+  tag: "h2"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/heading-medium.js
+
+
+const heading_medium_excluded = ["style", "children"];
+
+
+
+class heading_medium_HeadingMedium extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, heading_medium_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.HeadingMedium, style]
+    }), children);
+  }
+
+}
+heading_medium_HeadingMedium.defaultProps = {
+  tag: "h3"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/heading-small.js
+
+
+const heading_small_excluded = ["style", "children"];
+
+
+
+class heading_small_HeadingSmall extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, heading_small_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.HeadingSmall, style]
+    }), children);
+  }
+
+}
+heading_small_HeadingSmall.defaultProps = {
+  tag: "h4"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/heading-xsmall.js
+
+
+const heading_xsmall_excluded = ["style", "children"];
+
+
+
+class heading_xsmall_HeadingXSmall extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, heading_xsmall_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.HeadingXSmall, style]
+    }), children);
+  }
+
+}
+heading_xsmall_HeadingXSmall.defaultProps = {
+  tag: "h4"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/body-serif-block.js
+
+
+const body_serif_block_excluded = ["style", "children"];
+
+
+
+class body_serif_block_BodySerifBlock extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, body_serif_block_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.BodySerifBlock, style]
+    }), children);
+  }
+
+}
+body_serif_block_BodySerifBlock.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/body-serif.js
+
+
+const body_serif_excluded = ["style", "children"];
+
+
+
+class body_serif_BodySerif extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, body_serif_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.BodySerif, style]
+    }), children);
+  }
+
+}
+body_serif_BodySerif.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/body-monospace.js
+
+
+const body_monospace_excluded = ["style", "children"];
+
+
+
+class body_monospace_BodyMonospace extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, body_monospace_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.BodyMonospace, style]
+    }), children);
+  }
+
+}
+body_monospace_BodyMonospace.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/body.js
+
+
+const body_excluded = ["style", "children"];
+
+
+
+class body_Body extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, body_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.Body, style]
+    }), children);
+  }
+
+}
+body_Body.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/label-large.js
+
+
+const label_large_excluded = ["style", "children"];
+
+
+
+class label_large_LabelLarge extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, label_large_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.LabelLarge, style]
+    }), children);
+  }
+
+}
+label_large_LabelLarge.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/label-medium.js
+
+
+const label_medium_excluded = ["style", "children"];
+
+
+
+class label_medium_LabelMedium extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, label_medium_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.LabelMedium, style]
+    }), children);
+  }
+
+}
+label_medium_LabelMedium.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/label-small.js
+
+
+const label_small_excluded = ["style", "children"];
+
+
+
+class label_small_LabelSmall extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, label_small_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.LabelSmall, style]
+    }), children);
+  }
+
+}
+label_small_LabelSmall.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/label-xsmall.js
+
+
+const label_xsmall_excluded = ["style", "children"];
+
+
+
+class label_xsmall_LabelXSmall extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, label_xsmall_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.LabelXSmall, style]
+    }), children);
+  }
+
+}
+label_xsmall_LabelXSmall.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/tagline.js
+
+
+const tagline_excluded = ["style", "children"];
+
+
+
+class tagline_Tagline extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, tagline_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.Tagline, style]
+    }), children);
+  }
+
+}
+tagline_Tagline.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/caption.js
+
+
+const caption_excluded = ["style", "children"];
+
+
+
+class caption_Caption extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, caption_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.Caption, style]
+    }), children);
+  }
+
+}
+caption_Caption.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/components/footnote.js
+
+
+const footnote_excluded = ["style", "children"];
+
+
+
+class footnote_Footnote extends external_react_["Component"] {
+  render() {
+    const _this$props = this.props,
+          {
+      style,
+      children
+    } = _this$props,
+          otherProps = objectWithoutPropertiesLoose_default()(_this$props, footnote_excluded);
+
+    return /*#__PURE__*/external_react_["createElement"](wonder_blocks_core_["Text"], extends_default()({}, otherProps, {
+      style: [styles.Footnote, style]
+    }), children);
+  }
+
+}
+footnote_Footnote.defaultProps = {
+  tag: "span"
+};
+// CONCATENATED MODULE: ./packages/wonder-blocks-typography/src/index.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Typography components for headings or titles.
+ */
+
+
+
+/***/ })
+/******/ ]);