@twreporter/react-components 8.22.0-rc.1 → 8.22.0-rc.3

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.22.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.22.0-rc.2...@twreporter/react-components@8.22.0-rc.3) (2023-12-07)
+
+
+### Bug Fixes
+
+* update listing item style ([da71d62](https://github.com/twreporter/twreporter-npm-packages/commit/da71d623641a92aa9a61dc5228ffb7a25a8ae484))
+
+
+
+
+
+# [8.22.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.22.0-rc.1...@twreporter/react-components@8.22.0-rc.2) (2023-12-05)
+
+
+### Bug Fixes
+
+* link to category page for footer foundation ([40a8911](https://github.com/twreporter/twreporter-npm-packages/commit/40a8911681d4b846fb0c0a44a5cbb73edce92d2c))
+
+
+
+
+
 # [8.22.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.22.0-rc.0...@twreporter/react-components@8.22.0-rc.1) (2023-12-05)
 
 

package/lib/footer/content.js

@@ -33,6 +33,8 @@ var _font = require("@twreporter/core/lib/constants/font");
 
 var _color = require("@twreporter/core/lib/constants/color");
 
+var _featureFlag = require("@twreporter/core/lib/constants/feature-flag");
+
 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;
@@ -50,6 +52,7 @@ var _ = {
 };
 
 function getItemGroups(mainOrigin) {
+  var foundationUrl = _featureFlag.FOUNDATION_CATEGORY_SET ? "".concat(mainOrigin).concat(_entityPath["default"].categories, "foundation") : "".concat(mainOrigin).concat(_entityPath["default"].topics, "media-center");
   return [[{
     slug: 'about',
     text: '關於我們',
@@ -92,8 +95,8 @@ function getItemGroups(mainOrigin) {
     target: '_blank'
   }, {
     slug: 'media-center',
-    text: '基金會新聞',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].topics, "media-center"),
+    text: '基金會消息',
+    link: foundationUrl,
     target: '_blank'
   }, {
     slug: 'impact-and-annual-report',

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

@@ -17,6 +17,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _image = _interopRequireDefault(require("./image"));
 
+var _paragraph = require("../../text/paragraph");
+
 var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
 
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
@@ -94,29 +96,29 @@ 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.fontWeight.bold, _font.fontFamily.title, _color.colorGrayscale.gray900);
+})(["font-size:20px;font-weight:", ";font-family:", ";line-height:1.4;color:", ";margin-bottom:10px;"], _font.fontWeight.bold, _font.fontFamily.title, _color.colorGrayscale.gray800);
 
 var Desc = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__Desc",
   componentId: "sc-1dx5lew-6"
-})(["position:relative;font-size:16px;line-height:1.5;text-align:justify;padding-bottom:30px;"]);
+})(["position:relative;font-size:16px;line-height:1.5;text-align:justify;padding-bottom:16px;color:", ";"], _color.colorGrayscale.gray800);
 
-var Tags = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+var Tags = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__Tags",
   componentId: "sc-1dx5lew-7"
-})(["list-style:none;width:", "%;margin-bottom:40px;padding-left:15px;line-height:1;", ""], _mockupSpec["default"].desktop.tagsWidth / _mockupSpec["default"].desktop.cardWidth * 100, _mediaQuery["default"].mobileOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: ", "%;\n    padding-left: 0;\n  "])), _mockupSpec["default"].mobile.tagsWidth / _mockupSpec["default"].mobile.cardWidth * 100));
+})(["width:100%;margin-top:32px;margin-bottom:40px;padding-left:15px;line-height:1;", ""], _mediaQuery["default"].mobileOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding-left: 0;\n  "]))));
 
 var PubDate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__PubDate",
   componentId: "sc-1dx5lew-8"
 })(["position:absolute;bottom:-20px;font-size:12px;right:0;"]);
 
-var Tag = /*#__PURE__*/_styledComponents["default"].li.withConfig({
+var Tag = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P3).withConfig({
   displayName: "list-item__Tag",
   componentId: "sc-1dx5lew-9"
-})(["background-color:", ";border:2px solid ", ";border-radius:68px;color:", ";display:inline-block;text-decoration:none;line-height:1.45;font-size:12px;font-weight:", ";padding:2px 10px;margin-right:13px;margin-bottom:10px;"], function (props) {
+})(["background-color:", ";border:1px solid ", ";border-radius:68px;color:", ";display:inline-block;text-decoration:none;line-height:1.45;font-size:12px;font-weight:", ";padding:2px 10px;margin-right:8px;margin-bottom:10px;"], function (props) {
   return props.selected ? _color.colorBrand.heavy : _color.colorGrayscale.gray100;
-}, _color.colorBrand.dark, function (props) {
+}, _color.colorBrand.heavy, function (props) {
   return props.selected ? _color.colorGrayscale.white : _color.colorBrand.heavy;
 }, _font.fontWeight.bold);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.22.0-rc.1",
+  "version": "8.22.0-rc.3",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -51,5 +51,5 @@
     "react-dom": "^16.0.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "80e49951ecff649c6a8048d53719e3c35c8c0ca8"
+  "gitHead": "0d528cb98215e64a0c0f46a25aaff29190f1bc11"
 }