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

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 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)
 
 

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.2",
+  "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": "6f64a22c549e4c15941adaba7de8868bf9dffc03"
+  "gitHead": "0d528cb98215e64a0c0f46a25aaff29190f1bc11"
 }