@twreporter/index-page 1.2.9 → 1.2.11-rc.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.11-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@1.2.10...@twreporter/index-page@1.2.11-rc.0) (2021-12-24)
+
+**Note:** Version bump only for package @twreporter/index-page
+
+
+
+
+
+## [1.2.10](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@1.2.10-rc.1...@twreporter/index-page@1.2.10) (2021-11-19)
+
+**Note:** Version bump only for package @twreporter/index-page
+
+
+
+
+
+## [1.2.10-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@1.2.10-rc.0...@twreporter/index-page@1.2.10-rc.1) (2021-11-17)
+
+**Note:** Version bump only for package @twreporter/index-page
+
+
+
+
+
+## [1.2.10-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@1.2.9...@twreporter/index-page@1.2.10-rc.0) (2021-11-12)
+
+**Note:** Version bump only for package @twreporter/index-page
+
+
+
+
+
 ## [1.2.9](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@1.2.9-rc.1...@twreporter/index-page@1.2.9) (2021-10-28)
 
 **Note:** Version bump only for package @twreporter/index-page

package/lib/components/category-section.js

@@ -39,7 +39,7 @@ var _sectionStrings = _interopRequireDefault(require("../constants/section-strin
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -118,7 +118,7 @@ var ImgFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var CategoryName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__CategoryName",
   componentId: "sc-1vfzdxm-5"
-})(["background-color:", ";width:100%;color:", ";font-weight:", ";line-height:1.4;text-align:center;font-size:20px;padding-bottom:8px;"], backgroundColor, _color["default"].darkGray, _font["default"].weight.bold);
+})(["background-color:", ";width:100%;color:", ";font-weight:", ";line-height:1.4;text-align:center;font-size:20px;padding-bottom:8px;"], backgroundColor, _color["default"].darkGray, _font.fontWeight.bold);
 
 var TextFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__TextFrame",
@@ -128,7 +128,7 @@ var TextFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__Title",
   componentId: "sc-1vfzdxm-7"
-})(["font-family:", ";font-weight:", ";font-size:20px;color:", ";line-height:1.4;width:92%;margin:0 auto;@media (max-width:", "){width:", "%;}"], _font["default"].family.title, _font["default"].weight.bold, _color["default"].darkGray, mobileWidth, mockup.mobile.titleWidth / mockup.mobile.titleFrameWidth * 100);
+})(["font-family:", ";font-weight:", ";font-size:20px;color:", ";line-height:1.4;width:92%;margin:0 auto;@media (max-width:", "){width:", "%;}"], _font.fontFamily.title, _font.fontWeight.bold, _color["default"].darkGray, mobileWidth, mockup.mobile.titleWidth / mockup.mobile.titleFrameWidth * 100);
 
 var More = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__More",

package/lib/components/donation-box-section.js

@@ -7,17 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styleUtils = require("../utils/style-utils");
-
-var _donationLink = _interopRequireDefault(require("@twreporter/react-components/lib/donation-link"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _styleUtils = require("../utils/style-utils");
+
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _donationLink = _interopRequireDefault(require("@twreporter/react-components/lib/donation-link"));
+
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
@@ -45,6 +45,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
+// assets
 var ArrowIcon = function ArrowIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "icon-donate-arrow-gold"), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("path", {
     id: "a",
@@ -62,7 +63,8 @@ ArrowIcon.defaultProps = {
   viewBox: "0 0 8 12",
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink"
-};
+}; // @twreporter
+
 var mockup = {
   defaultWidth: 320,
   contentWidth: 238
@@ -77,12 +79,12 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var ContentContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__ContentContainer",
   componentId: "sc-1xxgww4-1"
-})(["display:flex;justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto;padding:0 100px;color:", ";h3{margin:0;font-size:32px;font-weight:", ";font-family:", ";line-height:1.63;}p{margin-top:10px;font-size:14px;line-height:1.57;text-align:left;}", " ", " ", ""], _color["default"].white, _font["default"].weight.bold, _font["default"].family.title, _styleUtils.finalMedia.overDesktop(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    padding: 0 219px;\n  "]))), _styleUtils.finalMedia.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    padding: 0 110px;\n    p{\n      margin-top: 17px;\n    }\n  "]))), _styleUtils.finalMedia.mobile(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: ", "%;\n    display: block;\n    text-align: center;\n    padding: 0;\n    h3{\n      font-size: 24px;\n      line-height: 2.17;\n    }\n    p{\n      margin-top: 0;\n    }\n  "])), mobileContentWidthPct));
+})(["display:flex;justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto;padding:0 100px;color:", ";h3{margin:0;font-size:32px;font-weight:", ";font-family:", ";line-height:1.63;}p{margin-top:10px;font-size:14px;line-height:1.57;text-align:left;}", " ", " ", ""], _color["default"].white, _font.fontWeight.bold, _font.fontFamily.title, _styleUtils.finalMedia.overDesktop(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    padding: 0 219px;\n  "]))), _styleUtils.finalMedia.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    padding: 0 110px;\n    p{\n      margin-top: 17px;\n    }\n  "]))), _styleUtils.finalMedia.mobile(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: ", "%;\n    display: block;\n    text-align: center;\n    padding: 0;\n    h3{\n      font-size: 24px;\n      line-height: 2.17;\n    }\n    p{\n      margin-top: 0;\n    }\n  "])), mobileContentWidthPct));
 
 var DonateButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__DonateButton",
   componentId: "sc-1xxgww4-2"
-})(["a{width:116px;height:40px;border-radius:20px;background:", ";border:none;color:", ";font-size:16px;cursor:pointer;display:table;", " ", " span{display:table-cell;vertical-align:middle;text-align:center;font-weight:", ";}}"], _color["default"].white, _color["default"].brown, _styleUtils.finalMedia.tablet(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 110px;\n      top: 9px;\n    "]))), _styleUtils.finalMedia.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin: 40px auto 0 auto;\n    "]))), _font["default"].weight.bold);
+})(["a{width:116px;height:40px;border-radius:20px;background:", ";border:none;color:", ";font-size:16px;cursor:pointer;display:table;", " ", " span{display:table-cell;vertical-align:middle;text-align:center;font-weight:", ";}}"], _color["default"].white, _color["default"].brown, _styleUtils.finalMedia.tablet(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 110px;\n      top: 9px;\n    "]))), _styleUtils.finalMedia.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin: 40px auto 0 auto;\n    "]))), _font.fontWeight.bold);
 
 var TextColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__TextColumn",

package/lib/components/editor-picks-mobile.js

@@ -39,10 +39,10 @@ var _sectionStrings = _interopRequireDefault(require("../constants/section-strin
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
-
 var _mobileMockupSpecification = require("../constants/mobile-mockup-specification");
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _get = _interopRequireDefault(require("lodash/get"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -98,7 +98,7 @@ var Category = /*#__PURE__*/(0, _styledComponents["default"])(_categoryName["def
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "editor-picks-mobile__Title",
   componentId: "sc-666dlb-3"
-})(["top:50px;left:50%;transform:translateX(-50%);width:", "%;font-size:24px;font-weight:", ";font-family:", ";color:", ";position:absolute;"], _mobileMockupSpecification.itemWidthPct, _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray);
+})(["top:50px;left:50%;transform:translateX(-50%);width:", "%;font-size:24px;font-weight:", ";font-family:", ";color:", ";position:absolute;"], _mobileMockupSpecification.itemWidthPct, _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray);
 
 var TitleSpan = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "editor-picks-mobile__TitleSpan",

package/lib/components/editor-picks.js

@@ -31,7 +31,7 @@ var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _clone = _interopRequireDefault(require("lodash/clone"));
 
@@ -96,7 +96,7 @@ RightArrowIcon.defaultProps = {
   height: "24",
   viewBox: "0 0 15 24",
   xmlns: "http://www.w3.org/2000/svg"
-}; // lodash
+}; // @twreporter
 
 var _ = {
   get: _get["default"],
@@ -190,7 +190,7 @@ var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "sc-1bdfw2o-9"
 })(["font-size:", ";font-weight:", ";font-family:", ";color:", ";width:", ";position:absolute;text-align:center;line-height:", ";max-height:", ";top:0;left:50%;transform:translateX(-50%);overflow:hidden;", " ", ""], function (props) {
   return props.middle ? "32px" : "16px";
-}, _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray, function (props) {
+}, _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray, function (props) {
   return props.middle ? '450px' : '150px';
 }, function (props) {
   return props.middle ? '1.25' : '1.25';

package/lib/components/infographic-section.js

@@ -39,7 +39,7 @@ var _sectionStrings = _interopRequireDefault(require("../constants/section-strin
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -119,7 +119,7 @@ var WordBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].h3.withConfig({
   displayName: "infographic-section__Title",
   componentId: "sc-2fohll-6"
-})(["margin:0;font-weight:", ";font-family:", ";font-size:20px;color:", ";@media (min-width:", "){", ";}", ""], _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray, _styleUtils.breakPoints.desktopMinWidth, (0, _styleUtils.truncate)('relative', 1.4, 2, _color["default"].white), _styleUtils.finalMedia.tablet(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 16px;\n    ", ";\n  "])), (0, _styleUtils.truncate)('relative', 1.4, 3, _color["default"].white)));
+})(["margin:0;font-weight:", ";font-family:", ";font-size:20px;color:", ";@media (min-width:", "){", ";}", ""], _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray, _styleUtils.breakPoints.desktopMinWidth, (0, _styleUtils.truncate)('relative', 1.4, 2, _color["default"].white), _styleUtils.finalMedia.tablet(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 16px;\n    ", ";\n  "])), (0, _styleUtils.truncate)('relative', 1.4, 3, _color["default"].white)));
 
 var ImgFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "infographic-section__ImgFrame",

package/lib/components/latest-section.js

@@ -29,7 +29,7 @@ var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -118,7 +118,7 @@ var Category = /*#__PURE__*/(0, _styledComponents["default"])(_categoryName["def
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-section__Title",
   componentId: "hzxpx3-6"
-})(["height:auto;font-size:16px;font-weight:", ";font-family:", ";color:", ";"], _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray);
+})(["height:auto;font-size:16px;font-weight:", ";font-family:", ";color:", ";"], _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray);
 
 var LatestSection = /*#__PURE__*/function (_React$Component) {
   _inherits(LatestSection, _React$Component);

package/lib/components/latest-topic.js

@@ -43,7 +43,7 @@ var _mobileMockupSpecification = require("../constants/mobile-mockup-specificati
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
@@ -111,7 +111,7 @@ var TopicFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__Title",
   componentId: "q3zdc1-3"
-})(["width:374px;font-size:32px;font-weight:", ";font-family:", ";line-height:1.25;color:", ";text-align:center;margin:2px auto 0 auto;", ""], _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray, _styleUtils.finalMedia.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    width: ", "%;\n  "])), _mobileMockupSpecification.itemWidthPct));
+})(["width:374px;font-size:32px;font-weight:", ";font-family:", ";line-height:1.25;color:", ";text-align:center;margin:2px auto 0 auto;", ""], _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray, _styleUtils.finalMedia.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 24px;\n    width: ", "%;\n  "])), _mobileMockupSpecification.itemWidthPct));
 
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__Description",
@@ -148,7 +148,7 @@ var RelatedCategory = /*#__PURE__*/(0, _styledComponents["default"])(_categoryNa
 var RelatedTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__RelatedTitle",
   componentId: "q3zdc1-10"
-})(["font-size:20px;font-weight:", ";font-family:", ";color:", ";line-height:1.5;"], _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray);
+})(["font-size:20px;font-weight:", ";font-family:", ";color:", ";line-height:1.5;"], _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray);
 
 var RelatedDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "latest-topic__RelatedDescription",

package/lib/components/photography-section.js

@@ -39,7 +39,7 @@ var _categoryStrings = _interopRequireDefault(require("../constants/category-str
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -108,7 +108,7 @@ var Item = /*#__PURE__*/_styledComponents["default"].li.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__Title",
   componentId: "sc-42isjh-3"
-})(["position:absolute;color:", ";font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.5;text-align:justify;font-weight:", ";font-family:", ";"], _color["default"].white, _font["default"].weight.normal, _font["default"].family.title);
+})(["position:absolute;color:", ";font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.5;text-align:justify;font-weight:", ";font-family:", ";"], _color["default"].white, _font.fontWeight.normal, _font.fontFamily.title);
 
 var Img = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "photography-section__Img",

package/lib/components/podcast-box-section.js

@@ -17,10 +17,10 @@ var _app = _interopRequireDefault(require("../constants/app"));
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
-
 var _podcastLink = _interopRequireDefault(require("@twreporter/react-components/lib/podcast-link"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -90,12 +90,12 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var ContentContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "podcast-box-section__ContentContainer",
   componentId: "sc-16lji0u-1"
-})(["display:flex;justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto;padding:0 100px;color:", ";font-family:", ";h3{margin:0;font-size:32px;font-weight:", ";font-family:", ";line-height:1.63;}p{margin-top:10px;font-size:14px;line-height:1.57;text-align:left;}", " ", " ", ""], _color["default"].black, _font["default"].family["default"], _font["default"].weight.bold, _font["default"].family.title, _styleUtils.finalMedia.overDesktop(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    padding: 0 219px;\n  "]))), _styleUtils.finalMedia.tablet(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: relative;\n    padding: 0 110px;\n    p{\n      margin-top: 17px;\n    }\n  "]))), _styleUtils.finalMedia.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    max-width: ", "%;\n    display: block;\n    text-align: center;\n    padding: 0;\n    h3{\n      font-size: 24px;\n      line-height: 2.17;\n    }\n    p{\n      margin-top: 0;\n    }\n  "])), mobileContentWidthPct));
+})(["display:flex;justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto;padding:0 100px;color:", ";font-family:", ";h3{margin:0;font-size:32px;font-weight:", ";font-family:", ";line-height:1.63;}p{margin-top:10px;font-size:14px;line-height:1.57;text-align:left;}", " ", " ", ""], _color["default"].black, _font.fontFamily["default"], _font.fontWeight.bold, _font.fontFamily.title, _styleUtils.finalMedia.overDesktop(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    padding: 0 219px;\n  "]))), _styleUtils.finalMedia.tablet(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: relative;\n    padding: 0 110px;\n    p{\n      margin-top: 17px;\n    }\n  "]))), _styleUtils.finalMedia.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    max-width: ", "%;\n    display: block;\n    text-align: center;\n    padding: 0;\n    h3{\n      font-size: 24px;\n      line-height: 2.17;\n    }\n    p{\n      margin-top: 0;\n    }\n  "])), mobileContentWidthPct));
 
 var ListenButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "podcast-box-section__ListenButton",
   componentId: "sc-16lji0u-2"
-})(["a{width:116px;height:40px;border-radius:20px;background:", ";border:none;color:", ";font-size:16px;cursor:pointer;display:table;", " ", " span{display:table-cell;vertical-align:middle;text-align:center;font-weight:", ";}}"], _color["default"].brown, _color["default"].white, _styleUtils.finalMedia.tablet(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 110px;\n      top: 9px;\n    "]))), _styleUtils.finalMedia.mobile(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin: 40px auto 0 auto;\n    "]))), _font["default"].weight.bold);
+})(["a{width:116px;height:40px;border-radius:20px;background:", ";border:none;color:", ";font-size:16px;cursor:pointer;display:table;", " ", " span{display:table-cell;vertical-align:middle;text-align:center;font-weight:", ";}}"], _color["default"].brown, _color["default"].white, _styleUtils.finalMedia.tablet(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 110px;\n      top: 9px;\n    "]))), _styleUtils.finalMedia.mobile(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin: 40px auto 0 auto;\n    "]))), _font.fontWeight.bold);
 
 var TextColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "podcast-box-section__TextColumn",

package/lib/components/reporter-intro.js

@@ -31,10 +31,10 @@ var _mobileMockupSpecification = require("../constants/mobile-mockup-specificati
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
-
 var _externalLinks = _interopRequireDefault(require("@twreporter/core/lib/constants/external-links"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -214,7 +214,7 @@ var Item = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var ItemTitle = /*#__PURE__*/_styledComponents["default"].h3.withConfig({
   displayName: "reporter-intro__ItemTitle",
   componentId: "zrr71j-5"
-})(["margin:0;font-size:20px;font-weight:", ";", " color:", ";"], _font["default"].weight.bold, _styleUtils.finalMedia.mobile(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin: 6px;\n  "]))), _color["default"].darkGray);
+})(["margin:0;font-size:20px;font-weight:", ";", " color:", ";"], _font.fontWeight.bold, _styleUtils.finalMedia.mobile(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin: 6px;\n  "]))), _color["default"].darkGray);
 
 var ItemIconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "reporter-intro__ItemIconContainer",

package/lib/components/reviews.js

@@ -41,7 +41,7 @@ var _sectionStrings = _interopRequireDefault(require("../constants/section-strin
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -122,7 +122,7 @@ var Category = /*#__PURE__*/(0, _styledComponents["default"])(_categoryName["def
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "reviews__Title",
   componentId: "wgotxd-6"
-})(["margin-top:2px;font-size:20px;font-weight:", ";font-family:", ";line-height:1.5;", " color:", ";"], _font["default"].weight.bold, _font["default"].family.title, _styleUtils.finalMedia.tablet(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    width: 144px;\n  "]))), _color["default"].darkGray);
+})(["margin-top:2px;font-size:20px;font-weight:", ";font-family:", ";line-height:1.5;", " color:", ";"], _font.fontWeight.bold, _font.fontFamily.title, _styleUtils.finalMedia.tablet(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    width: 144px;\n  "]))), _color["default"].darkGray);
 
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "reviews__Description",

package/lib/components/topics-section.js

@@ -41,7 +41,7 @@ var _strings = _interopRequireDefault(require("../constants/strings"));
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
@@ -149,7 +149,7 @@ var TopicNameColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).wit
 var TitleColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConfig({
   displayName: "topics-section__TitleColumn",
   componentId: "sc-17suvlo-9"
-})(["font-size:32px;font-weight:", ";font-family:", ";"], _font["default"].weight.bold, _font["default"].family.title);
+})(["font-size:32px;font-weight:", ";font-family:", ";"], _font.fontWeight.bold, _font.fontFamily.title);
 
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics-section__Title",
@@ -182,7 +182,7 @@ var Mobile = {
   Title: (0, _styledComponents["default"])(Title).withConfig({
     displayName: "topics-section__Title",
     componentId: "sc-17suvlo-16"
-  })(["line-height:1.33;text-align:center;font-family:", ";font-weight:", ";font-size:24px;margin-bottom:15px;margin-top:4px;"], _font["default"].family.title, _font["default"].weight.bold),
+  })(["line-height:1.33;text-align:center;font-family:", ";font-weight:", ";font-size:24px;margin-bottom:15px;margin-top:4px;"], _font.fontFamily.title, _font.fontWeight.bold),
   Img: _styledComponents["default"].div.withConfig({
     displayName: "topics-section__Img",
     componentId: "sc-17suvlo-17"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/index-page",
-  "version": "1.2.9",
+  "version": "1.2.11-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -12,8 +12,8 @@
     "prepublishOnly": "make build"
   },
   "dependencies": {
-    "@twreporter/core": "^1.3.0",
-    "@twreporter/react-components": "^8.6.2",
+    "@twreporter/core": "^1.4.0-rc.0",
+    "@twreporter/react-components": "^8.7.0-rc.0",
     "lodash": "^4.0.0",
     "prop-types": "^15.0.0",
     "react": "^16.3.0",
@@ -28,5 +28,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "80334a4e791bf9ccb46b527018ac2bf673ab1f0e"
+  "gitHead": "428502937a25a6ba359175c3c3a3f3b83b52e206"
 }

package/lib/constants/font.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  weight: {
-    normal: 400,
-    bold: 700
-  },
-  family: {
-    title: 'merriweather, source-han-serif-tc, serif',
-    "default": 'rosario, source-han-sans-traditional, sans-serif'
-  }
-};
-exports["default"] = _default;