@twreporter/react-article-components 1.7.10-rc.0 → 1.7.10-rc.2

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.10-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.7.10-rc.1...@twreporter/react-article-components@1.7.10-rc.2) (2023-09-04)
+
+
+### Bug Fixes
+
+* article category width ([04678a0](https://github.com/twreporter/twreporter-npm-packages/commit/04678a01f2f64311c7c1a1d68d256b772703359a))
+* change description text ([a6d3ed8](https://github.com/twreporter/twreporter-npm-packages/commit/a6d3ed8b6d70cc75609ee299b0f74745eae47199))
+
+
+
+
+
+## [1.7.10-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.7.10-rc.0...@twreporter/react-article-components@1.7.10-rc.1) (2023-09-04)
+
+**Note:** Version bump only for package @twreporter/react-article-components
+
+
+
+
+
 ## [1.7.10-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-article-components@1.7.9...@twreporter/react-article-components@1.7.10-rc.0) (2023-09-04)
 
 **Note:** Version bump only for package @twreporter/react-article-components

package/lib/components/article-page.js

@@ -118,7 +118,7 @@ var BodyBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var DesktopAsideBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-page__DesktopAsideBlock",
   componentId: "sc-1wuywdb-5"
-})(["", " ", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    position: absolute;\n    height: 100%;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 180px;\n    left: 28px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: 250px;\n    left: 53px;\n  "]))));
+})(["", " ", " ", " ", ""], _mediaQuery["default"].tabletAndBelow(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    position: absolute;\n    height: 100%;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 190px;\n    left: 28px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: 250px;\n    left: 53px;\n  "]))));
 
 var MetadataAndToolsBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-page__MetadataAndToolsBlock",

package/lib/components/aside/metadata.js

@@ -35,7 +35,7 @@ var _map = _interopRequireDefault(require("lodash/map"));
 
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -96,13 +96,11 @@ var LinkContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var CategorySetFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__CategorySetFlex",
   componentId: "sc-1c3910m-2"
-})(["", " ", " flex-basis:", ";", " ", ""], function (props) {
+})(["", " ", " ", ""], function (props) {
   return props.isTop && createLine('top', props.theme.name);
-}, function (props) {
-  return props.isCategory && 'min-width: 100px;';
-}, function (props) {
-  return props.isCategory ? '100px' : 'calc(100% - 100px)';
-}, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-right: 10px;\n    padding-left: 10px;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-right: 5px;\n    padding-left: 5px;\n  "]))));
+}, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-right: 10px;\n    padding-left: 10px;\n  "]))), function (props) {
+  return props.isCategory ? (0, _styledComponents.css)(["min-width:100px;flex-basis:100px;padding-left:10px;padding-right:10px;", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-left: 0px;\n      padding-right: 5px;\n    "]))), _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      min-width: 80px;\n      flex-basis: 80px;\n    "])))) : (0, _styledComponents.css)(["flex-basis:calc(100% - 100px);", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex-basis: calc(100% - 80px);\n    "]))), _mediaQuery["default"].desktopAndAbove(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      padding-left: 10px;\n      padding-right: 0px;\n    "]))));
+});
 
 var CategoryText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__CategoryText",
@@ -139,7 +137,7 @@ var AuthorNames = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var AuthorName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__AuthorName",
   componentId: "sc-1c3910m-9"
-})(["font-size:16px;margin-left:5px;line-height:1;padding-bottom:3px;word-break:keep-all;vertical-align:top;&:hover{padding-bottom:2px;border-width:0 0 1px 0;border-style:solid;}", ""], _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: inline-block;\n  "]))));
+})(["font-size:16px;margin-left:5px;line-height:1;padding-bottom:3px;word-break:keep-all;vertical-align:top;&:hover{padding-bottom:2px;border-width:0 0 1px 0;border-style:solid;}", ""], _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: inline-block;\n  "]))));
 
 var RawAuthorText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__RawAuthorText",
@@ -166,14 +164,14 @@ var TagsSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var TextLink = /*#__PURE__*/(0, _styledComponents["default"])(_button.LinkButton).withConfig({
   displayName: "metadata__TextLink",
   componentId: "sc-1c3910m-14"
-})(["padding:0 0 0 5px;"]);
+})([""]);
 
 var MetadataContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "metadata__MetadataContainer",
   componentId: "sc-1c3910m-15"
 })(["", " letter-spacing:0.4px;", " ", ""], function (props) {
   return getMetadataContainerStyles(props.theme.name);
-}, _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding-left: 24px;\n    padding-right: 24px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 513px;\n    margin: 0 auto;\n  "]))));
+}, _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-left: 24px;\n    padding-right: 24px;\n    margin: 0 auto;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 513px;\n    margin: 0 auto;\n  "]))));
 
 function getMetadataContainerStyles(themeName) {
   switch (themeName) {

package/lib/components/donation-box.js

@@ -53,8 +53,8 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 var _content = {
   title: '用行動支持報導者',
-  desc: ['獨立的精神，是自由思想的條件。獨立的媒體，才能守護公共領域，讓自由的討論和真相浮現。', '在艱困的媒體環境，《報導者》秉持深度、開放、非營利的精神，致力於公共領域的調查與深度報導。我們透過讀者的贊助支持來營運，不仰賴商業廣告置入，在獨立自主的前提下，穿梭在各項重要公共議題中。', '您的支持將有助於《報導者》持續追蹤國內外新聞事件的真相，促進多元進步的社會對話。請與我們一起前進，共同推動這場媒體小革命。'],
-  bt: '贊助我們'
+  desc: ['獨立的精神，是自由思想的條件。獨立的媒體，才能守護公共領域，讓自由的討論和真相浮現。', '在艱困的媒體環境，《報導者》堅持以非營利組織的模式投入公共領域的調查與深度報導。我們透過讀者的贊助支持來營運，不仰賴商業廣告置入，在獨立自主的前提下，穿梭在各項重要公共議題中。', '你的支持能幫助《報導者》持續追蹤國內外新聞事件的真相，邀請你加入 3 種支持方案，和我們一起推動這場媒體小革命。'],
+  bt: '立即支持'
 };
 
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "1.7.10-rc.0",
+  "version": "1.7.10-rc.2",
   "description": "The Reporter react article components, which are used in article page",
   "main": "lib/components/article-page.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -27,7 +27,7 @@
     "@twreporter/core": "^1.11.0",
     "@twreporter/react-components": "^8.19.0-rc.0",
     "@twreporter/redux": "^7.7.0",
-    "@twreporter/universal-header": "^2.7.1-rc.0",
+    "@twreporter/universal-header": "^2.7.1-rc.1",
     "howler": "^2.2.3",
     "lodash": "^4.17.11",
     "memoize-one": "^5.0.5",
@@ -40,5 +40,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "a7aa816ea3278b40999c959a369905b73173013e"
+  "gitHead": "e16ff6c89ae2427e865bd98e521e7750a3e370d6"
 }