@twreporter/react-components 8.6.2 → 8.6.3-rc.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.6.3-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.2...@twreporter/react-components@8.6.3-rc.0) (2021-11-12)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
 ## [8.6.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.2-rc.1...@twreporter/react-components@8.6.2) (2021-10-28)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/bookmark-list/bookmark.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _date = require("@twreporter/core/lib/utils/date");
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _customizedLink = _interopRequireDefault(require("./customized-link"));
 
@@ -161,7 +161,7 @@ var FirstRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__Title",
   componentId: "sc-1y8p1w5-8"
-})(["font-size:27px;line-height:1.41;margin-bottom:18px;", " font-weight:", ";color:", ";flex-basis:auto;flex-grow:0;"], _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 20px;\n    line-height: 1.55;\n    margin-bottom: 0;\n  "]))), _fontWeight.sourceHanSansTC.bold, _color["default"].darkGray);
+})(["font-size:27px;line-height:1.41;margin-bottom:18px;", " font-weight:", ";color:", ";flex-basis:auto;flex-grow:0;"], _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 20px;\n    line-height: 1.55;\n    margin-bottom: 0;\n  "]))), _font.fontWeight.bold, _color["default"].darkGray);
 
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__Description",
@@ -181,7 +181,7 @@ var ReadMore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Date = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bookmark__Date",
   componentId: "sc-1y8p1w5-12"
-})(["vertical-align:top;font-size:16px;font-weight:", ";color:", ";float:right;"], _fontWeight.sourceHanSansTC.light, _color["default"].gray);
+})(["vertical-align:top;font-size:16px;font-weight:", ";color:", ";float:right;"], _font.fontWeight["default"], _color["default"].gray);
 
 var RemoveBookMarkBtn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__RemoveBookMarkBtn",

package/lib/bookmark-list/bookmarks.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _bookmark = _interopRequireDefault(require("./bookmark"));
 
@@ -57,7 +57,7 @@ var CountTitle = /*#__PURE__*/_styledComponents["default"].span.withConfig({
 var CountNumber = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bookmarks__CountNumber",
   componentId: "sc-1m95x6z-4"
-})(["font-size:20px;", " font-weight:", ";"], _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: 18px;\n  "]))), _fontWeight.sourceHanSansTC.bold);
+})(["font-size:20px;", " font-weight:", ";"], _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: 18px;\n  "]))), _font.fontWeight.bold);
 
 var BookmarksContainer = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   displayName: "bookmarks__BookmarksContainer",

package/lib/confirmation/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
@@ -58,7 +58,7 @@ var Dialog = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Content = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "confirmation__Content",
   componentId: "ypuqpw-2"
-})(["width:100%;margin-bottom:52px;font-size:20px;font-weight:", ";", ""], _fontWeight.sourceHanSansTC.bold, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
+})(["width:100%;margin-bottom:52px;font-size:20px;font-weight:", ";", ""], _font.fontWeight.bold, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
 
 var FuncitonArea = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "confirmation__FuncitonArea",
@@ -68,7 +68,7 @@ var FuncitonArea = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var FunctionButton = /*#__PURE__*/_styledComponents["default"].button.withConfig({
   displayName: "confirmation__FunctionButton",
   componentId: "ypuqpw-4"
-})(["cursor:pointer;font-weight:", ";font-size:18px;width:127px;height:46.7px;border-radius:40px;background-color:Transparent;outline:0;", " letter-spacing:1.6px;"], _fontWeight.sourceHanSansTC.bold, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
+})(["cursor:pointer;font-weight:", ";font-size:18px;width:127px;height:46.7px;border-radius:40px;background-color:Transparent;outline:0;", " letter-spacing:1.6px;"], _font.fontWeight.bold, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
 
 var Cancel = /*#__PURE__*/(0, _styledComponents["default"])(FunctionButton).withConfig({
   displayName: "confirmation__Cancel",

package/lib/footer/content.js

@@ -19,8 +19,6 @@ var _styles = _interopRequireDefault(require("./constants/styles"));
 
 var _color = _interopRequireDefault(require("./constants/color"));
 
-var _font = _interopRequireDefault(require("./constants/font"));
-
 var _siteMeta = require("@twreporter/core/lib/constants/site-meta");
 
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
@@ -35,6 +33,8 @@ var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/
 
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _map = _interopRequireDefault(require("lodash/map"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
@@ -129,7 +129,7 @@ function getItemGroups(mainOrigin) {
 var Intro = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "content__Intro",
   componentId: "sc-12bve65-0"
-})(["width:100%;font-size:12px;font-weight:", ";line-height:1.5;letter-spacing:0.4px;color:", ";", ""], _font["default"].weight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 16px;\n    line-height: 1.63;\n    letter-spacing: 0.6px;\n  "]))));
+})(["width:100%;font-size:12px;font-weight:", ";line-height:1.5;letter-spacing:0.4px;color:", ";", ""], _font.fontWeight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 16px;\n    line-height: 1.63;\n    letter-spacing: 0.6px;\n  "]))));
 
 var ContentRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "content__ContentRow",
@@ -165,14 +165,14 @@ var flickerAnimation = /*#__PURE__*/(0, _styledComponents.keyframes)(["0%,100%{o
 var Item = /*#__PURE__*/_styledComponents["default"].a.withConfig({
   displayName: "content__Item",
   componentId: "sc-12bve65-7"
-})(["text-decoration:none !important;display:block;width:100%;p{display:inline;font-size:14px;font-family:", ";font-weight:", ";letter-spacing:1.3px;color:", ";}span{visibility:", ";background:", ";color:", ";font-size:9px;font-family:", ";margin-left:5px;padding:2px 5px;vertical-align:middle;animation:", " 0.7s infinite;}&:hover{p{color:", ";}}", " ", ""], _font["default"].family["default"], _font["default"].weight.normal, _color["default"].gray, function (props) {
+})(["text-decoration:none !important;display:block;width:100%;p{display:inline;font-size:14px;font-family:", ";font-weight:", ";letter-spacing:1.3px;color:", ";}span{visibility:", ";background:", ";color:", ";font-size:9px;font-family:", ";margin-left:5px;padding:2px 5px;vertical-align:middle;animation:", " 0.7s infinite;}&:hover{p{color:", ";}}", " ", ""], _font.fontFamily["default"], _font.fontWeight.normal, _color["default"].gray, function (props) {
   return props.visible ? 'visible' : 'hidden';
-}, _color["default"].red, _color["default"].white, _font["default"].family["default"], flickerAnimation, _color["default"].notSoBlack, _mediaQuery["default"].desktopAndAbove(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    height: calc(", "px / 3);\n  "])), _styles["default"].contentRow.height.hd), _mediaQuery["default"].mobileOnly(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    p {\n      font-size: 18px;\n      letter-spacing: 1.6px;\n      line-height: 2;\n    }\n  "]))));
+}, _color["default"].red, _color["default"].white, _font.fontFamily["default"], flickerAnimation, _color["default"].notSoBlack, _mediaQuery["default"].desktopAndAbove(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    height: calc(", "px / 3);\n  "])), _styles["default"].contentRow.height.hd), _mediaQuery["default"].mobileOnly(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    p {\n      font-size: 18px;\n      letter-spacing: 1.6px;\n      line-height: 2;\n    }\n  "]))));
 
 var DonateButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "content__DonateButton",
   componentId: "sc-12bve65-8"
-})(["a{text-decoration:none !important;width:140px;height:55px;background-color:", ";border:solid 0.5px ", ";display:table;&:hover{background-color:", ";}p{display:table-cell;text-align:center;vertical-align:middle;color:", ";font-size:14px;font-weight:", ";letter-spacing:1.3px;&:hover{color:", ";}}", " ", " ", " ", "}"], _color["default"].white, _color["default"].gold, _color["default"].gold, _color["default"].gold, _font["default"].weight.normal, _color["default"].white, _mediaQuery["default"].tabletAndAbove(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 0;\n      top: 0;\n    "]))), _mediaQuery["default"].desktopAndAbove(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.desktop[0], _styles["default"].footerContentPadding.desktop[1]), _mediaQuery["default"].tabletOnly(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.tablet[0], _styles["default"].footerContentPadding.tablet[1]), _mediaQuery["default"].mobileOnly(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 60px auto 40px auto;\n    "]))));
+})(["a{text-decoration:none !important;width:140px;height:55px;background-color:", ";border:solid 0.5px ", ";display:table;&:hover{background-color:", ";}p{display:table-cell;text-align:center;vertical-align:middle;color:", ";font-size:14px;font-weight:", ";letter-spacing:1.3px;&:hover{color:", ";}}", " ", " ", " ", "}"], _color["default"].white, _color["default"].gold, _color["default"].gold, _color["default"].gold, _font.fontWeight.normal, _color["default"].white, _mediaQuery["default"].tabletAndAbove(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 0;\n      top: 0;\n    "]))), _mediaQuery["default"].desktopAndAbove(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.desktop[0], _styles["default"].footerContentPadding.desktop[1]), _mediaQuery["default"].tabletOnly(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.tablet[0], _styles["default"].footerContentPadding.tablet[1]), _mediaQuery["default"].mobileOnly(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 60px auto 40px auto;\n    "]))));
 
 var buildList = function buildList(itemGroups) {
   return _.map(itemGroups, function (items, indexofGroup) {

package/lib/footer/index.js

@@ -21,8 +21,6 @@ var _styles = _interopRequireDefault(require("./constants/styles"));
 
 var _color = _interopRequireDefault(require("./constants/color"));
 
-var _font = _interopRequireDefault(require("./constants/font"));
-
 var _css = require("@twreporter/core/lib/utils/css");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
@@ -31,6 +29,8 @@ var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants
 
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -72,7 +72,7 @@ var FooterContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var CopyRight = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "footer__CopyRight",
   componentId: "d1uef9-2"
-})(["font-size:12px;font-weight:", ";letter-spacing:0.4px;color:", ";", " ", " ", "  "], _font["default"].weight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    text-align: center;\n    margin-top: 10px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-top: 40px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-top: 60px;\n  "]))));
+})(["font-size:12px;font-weight:", ";letter-spacing:0.4px;color:", ";", " ", " ", "  "], _font.fontWeight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    text-align: center;\n    margin-top: 10px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-top: 40px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-top: 60px;\n  "]))));
 
 var Footer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Footer, _React$PureComponent);

package/lib/listing-page/components/list-item.js

@@ -21,12 +21,12 @@ var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
@@ -94,7 +94,7 @@ var Category = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__Title",
   componentId: "sc-1dx5lew-5"
-})(["font-size:20px;font-weight:", ";font-family:", ";line-height:1.4;color:", ";margin-bottom:10px;"], _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray);
+})(["font-size:20px;font-weight:", ";font-family:", ";line-height:1.4;color:", ";margin-bottom:10px;"], _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray);
 
 var Desc = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__Desc",
@@ -118,7 +118,7 @@ var Tag = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   return props.selected ? _color["default"].red : _color["default"].lightGray;
 }, _color["default"].darkRed, function (props) {
   return props.selected ? _color["default"].white : _color["default"].red;
-}, _font["default"].weight.bold);
+}, _font.fontWeight.bold);
 
 var ListItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(ListItem, _PureComponent);

package/lib/listing-page/components/list.js

@@ -19,7 +19,7 @@ var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/med
 
 var _date = require("@twreporter/core/lib/utils/date");
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
 
@@ -79,7 +79,7 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Header = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list__Header",
   componentId: "sc-1olquk4-1"
-})(["font-size:36px;font-weight:", ";color:", ";margin:0 auto 45px auto;text-align:center;", ""], _fontWeight.sourceHanSansTC.bold, _color["default"].darkDarkGray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "%;\n    text-align: left;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
+})(["font-size:36px;font-weight:", ";color:", ";margin:0 auto 45px auto;text-align:center;", ""], _font.fontWeight.bold, _color["default"].darkDarkGray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "%;\n    text-align: left;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
 
 var FlexItems = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list__FlexItems",

package/lib/listing-page/components/topics/index.js

@@ -27,7 +27,7 @@ var _topics = require("../../constants/topics");
 
 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"));
 
@@ -69,7 +69,7 @@ var _ = {
 var NoData = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics__NoData",
   componentId: "sc-1n6udj1-0"
-})(["width:100%;font-size:16px;color:", ";font-weight:", ";text-align:center;"], _color["default"].darkGray, _font["default"].weight.normal);
+})(["width:100%;font-size:16px;color:", ";font-weight:", ";text-align:center;"], _color["default"].darkGray, _font.fontWeight.normal);
 
 var Topics = /*#__PURE__*/function (_Component) {
   _inherits(Topics, _Component);

package/lib/listing-page/components/topics/post-item.js

@@ -7,25 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _css = require("@twreporter/core/lib/utils/css");
-
-var _predefinedCss = require("../../constants/predefined-css");
-
-var _image = _interopRequireDefault(require("../image"));
-
 var _reactRouterDom = require("react-router-dom");
 
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _image = _interopRequireDefault(require("../image"));
+
+var _predefinedCss = require("../../constants/predefined-css");
+
 var _color = _interopRequireDefault(require("../../constants/color"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
+var _css = require("@twreporter/core/lib/utils/css");
+
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
@@ -94,7 +94,7 @@ var PostImage = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var PostText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "post-item__PostText",
   componentId: "d3t92f-2"
-})(["color:", ";font-weight:", ";font-family:", ";font-size:16px;line-height:1.5;flex:1 1 auto;white-space:normal;order:2;", " padding:", ";", " ", ""], _color["default"].darkGray, _font["default"].weight.bold, _font["default"].family.title, _mediaQuery["default"].tabletAndAbove(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    order: 1;\n  "]))), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.mobile), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.33;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.25;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.desktop)));
+})(["color:", ";font-weight:", ";font-family:", ";font-size:16px;line-height:1.5;flex:1 1 auto;white-space:normal;order:2;", " padding:", ";", " ", ""], _color["default"].darkGray, _font.fontWeight.bold, _font.fontFamily.title, _mediaQuery["default"].tabletAndAbove(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    order: 1;\n  "]))), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.mobile), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.33;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.25;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.desktop)));
 
 var PostItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(PostItem, _PureComponent);

package/lib/listing-page/components/topics/section.js

@@ -17,12 +17,12 @@ var _predefinedCss = require("../../constants/predefined-css");
 
 var _color = _interopRequireDefault(require("../../constants/color"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
-
 var _css = require("@twreporter/core/lib/utils/css");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68,7 +68,7 @@ var StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(_reactRouterDom.
 var SectionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "section__SectionTitle",
   componentId: "sc-125nvxn-1"
-})(["width:100%;border-bottom:2px solid ", ";padding:", ";color:", ";font-size:18px;font-weight:", ";line-height:1;margin:", ";", ""], _color["default"].gray, (0, _css.arrayToCssShorthand)(styles.titlePadding), _color["default"].darkGray, _font["default"].weight.bold, (0, _css.arrayToCssShorthand)(styles.titleMargin.mobile), _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.titleMargin.tablet)));
+})(["width:100%;border-bottom:2px solid ", ";padding:", ";color:", ";font-size:18px;font-weight:", ";line-height:1;margin:", ";", ""], _color["default"].gray, (0, _css.arrayToCssShorthand)(styles.titlePadding), _color["default"].darkGray, _font.fontWeight.bold, (0, _css.arrayToCssShorthand)(styles.titleMargin.mobile), _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.titleMargin.tablet)));
 
 exports.SectionTitle = SectionTitle;
 
@@ -80,7 +80,7 @@ var SectionContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var GoToTopic = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "section__GoToTopic",
   componentId: "sc-125nvxn-3"
-})(["color:", ";text-align:center;line-height:1;padding:", ";span{display:inline-block;max-width:400px;", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.1px;font-size:16px;font-weight:", ";}svg{height:16px;vertical-align:baseline;margin-left:0.5em;}"], _color["default"].blue, (0, _css.arrayToCssShorthand)(styles.goToTopicPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      max-width: 290px;\n    "]))), _font["default"].weight.normal);
+})(["color:", ";text-align:center;line-height:1;padding:", ";span{display:inline-block;max-width:400px;", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.1px;font-size:16px;font-weight:", ";}svg{height:16px;vertical-align:baseline;margin-left:0.5em;}"], _color["default"].blue, (0, _css.arrayToCssShorthand)(styles.goToTopicPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      max-width: 290px;\n    "]))), _font.fontWeight.normal);
 
 var TopSectionContent = function TopSectionContent(props) {
   return /*#__PURE__*/_react["default"].createElement(SectionContent, null, props.children, !props.topicName ? null : /*#__PURE__*/_react["default"].createElement(StyledLink, {

package/lib/listing-page/components/topics/topic-item.js

@@ -7,26 +7,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _predefinedCss = require("../../constants/predefined-css");
+var _reactRouterDom = require("react-router-dom");
 
-var _topics = require("../../constants/topics");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _color = _interopRequireDefault(require("../../constants/color"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _image = _interopRequireDefault(require("../image"));
 
-var _reactRouterDom = require("react-router-dom");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _predefinedCss = require("../../constants/predefined-css");
 
-var _react = _interopRequireWildcard(require("react"));
+var _topics = require("../../constants/topics");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _color = _interopRequireDefault(require("../../constants/color"));
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 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); }
@@ -135,12 +135,12 @@ var TextBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var TopicTitle = /*#__PURE__*/_styledComponents["default"].h2.withConfig({
   displayName: "topic-item__TopicTitle",
   componentId: "sc-1tffa4f-5"
-})(["margin:0;", " font-size:", "px;font-weight:", ";font-family:", ";letter-spacing:.2px;line-height:1.43;", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-bottom: ", "px;\n  "])), styles.textBlock.mobile.titleMarginBottom), styles.fontSize.title.mobile, _font["default"].weight.bold, _font["default"].family.title, _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.tablet), _mediaQuery["default"].desktopAndAbove(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.desktop));
+})(["margin:0;", " font-size:", "px;font-weight:", ";font-family:", ";letter-spacing:.2px;line-height:1.43;", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-bottom: ", "px;\n  "])), styles.textBlock.mobile.titleMarginBottom), styles.fontSize.title.mobile, _font.fontWeight.bold, _font.fontFamily.title, _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.tablet), _mediaQuery["default"].desktopAndAbove(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.desktop));
 
 var TopicDate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topic-item__TopicDate",
   componentId: "sc-1tffa4f-6"
-})(["padding-top:15px;padding-bottom:15px;", " font-size:14px;font-weight:", ";letter-spacing:0.5px;"], _mediaQuery["default"].tabletOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding-top: 12px;\n    padding-bottom: 12px;\n  "]))), _font["default"].weight.bold);
+})(["padding-top:15px;padding-bottom:15px;", " font-size:14px;font-weight:", ";letter-spacing:0.5px;"], _mediaQuery["default"].tabletOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding-top: 12px;\n    padding-bottom: 12px;\n  "]))), _font.fontWeight.bold);
 
 var TopicDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topic-item__TopicDescription",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.6.2",
+  "version": "8.6.3-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -12,7 +12,7 @@
     "prepublishOnly": "make build"
   },
   "dependencies": {
-    "@twreporter/core": "^1.3.0",
+    "@twreporter/core": "^1.3.1-rc.0",
     "@twreporter/redux": "^7.2.0",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -29,5 +29,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "80334a4e791bf9ccb46b527018ac2bf673ab1f0e"
+  "gitHead": "2d394cc1833a19f2698c65f1d9af3bbc71cf2c36"
 }

package/lib/footer/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;

package/lib/listing-page/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;