@twreporter/react-components 8.25.0-rc.2 → 8.25.0-rc.4

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.25.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.25.0-rc.3...@twreporter/react-components@8.25.0-rc.4) (2024-02-16)
+
+
+### Bug Fixes
+
+* footer styles ([79718d1](https://github.com/twreporter/twreporter-npm-packages/commit/79718d12552a18fd73c3d546d0cc210df153eaf0))
+
+
+
+
+
+# [8.25.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.25.0-rc.2...@twreporter/react-components@8.25.0-rc.3) (2024-02-15)
+
+
+### Bug Fixes
+
+* export ShortStory ([e3f2c6d](https://github.com/twreporter/twreporter-npm-packages/commit/e3f2c6d8f6c0f03483abe4efbd173dd3ccc55b07))
+
+
+
+
+
 # [8.25.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.25.0-rc.1...@twreporter/react-components@8.25.0-rc.2) (2024-02-15)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/card/index.js

@@ -15,16 +15,25 @@ Object.defineProperty(exports, "Dialog", {
     return _dialog["default"];
   }
 });
+Object.defineProperty(exports, "ShortStory", {
+  enumerable: true,
+  get: function get() {
+    return _shortStory["default"];
+  }
+});
 exports["default"] = void 0;
 
 var _dialog = _interopRequireDefault(require("./components/dialog"));
 
 var _articleCard = _interopRequireDefault(require("./components/article-card"));
 
+var _shortStory = _interopRequireDefault(require("./components/short-story"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
   Dialog: _dialog["default"],
-  ArticleCard: _articleCard["default"]
+  ArticleCard: _articleCard["default"],
+  ShortStory: _shortStory["default"]
 };
 exports["default"] = _default;

package/lib/footer/constants/styles.js

@@ -46,9 +46,9 @@ var _default = {
     // px
     desktop: [60, 50, 40, 50],
     // px
-    tablet: [50, 35, 0, 35],
+    tablet: [48, 32, 72, 32],
     // px
-    mobile: [60, 40, 60, 35] // px
+    mobile: [48, 24, 96, 24] // px
 
   },
   footerContentMaxWidth: {

package/lib/footer/content.js

@@ -148,7 +148,7 @@ var IntroColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withCon
 var LinksColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConfig({
   displayName: "content__LinksColumn",
   componentId: "sc-12bve65-4"
-})(["padding-left:40px;", " ", " ", " ", " ", " ", ""], _mediaQuery["default"].hdOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: 397px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 392px;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    padding-left: 80px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    float: right;\n    border-left: solid 0.25px ", ";\n    margin-bottom: 50px;\n  "])), _color.colorGrayscale.gray300), _mediaQuery["default"].tabletOnly(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: 270px;\n    padding-left: 31px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    margin-top: 60px;\n    padding-left: 0;\n  "]))));
+})(["padding-left:40px;", " ", " ", " ", " ", " ", ""], _mediaQuery["default"].hdOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: 397px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 392px;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    padding-left: 80px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    float: right;\n    border-left: solid 0.25px ", ";\n    margin-bottom: 50px;\n  "])), _color.colorGrayscale.gray300), _mediaQuery["default"].tabletOnly(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: 270px;\n    padding-left: 31px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    margin-top: 48px;\n    padding-left: 0;\n  "]))));
 
 var ItemList = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "content__ItemList",
@@ -167,7 +167,7 @@ var Item = /*#__PURE__*/_styledComponents["default"].a.withConfig({
   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.fontFamily["default"], _font.fontWeight.normal, _color.colorGrayscale.gray500, function (props) {
   return props.visible ? 'visible' : 'hidden';
-}, _color.colorBrand.heavy, _color.colorGrayscale.white, _font.fontFamily["default"], flickerAnimation, _color.colorGrayscale.gray900, _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.colorBrand.heavy, _color.colorGrayscale.white, _font.fontFamily["default"], flickerAnimation, _color.colorGrayscale.gray900, _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: 14px;\n      letter-spacing: 1.6px;\n      line-height: 2;\n    }\n  "]))));
 
 var DonateButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "content__DonateButton",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.25.0-rc.2",
+  "version": "8.25.0-rc.4",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -15,8 +15,8 @@
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@twreporter/core": "^1.17.1-rc.1",
-    "@twreporter/redux": "^7.10.1-rc.3",
+    "@twreporter/core": "^1.18.0-rc.0",
+    "@twreporter/redux": "^7.11.0-rc.0",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -51,5 +51,5 @@
     "react-dom": "^16.0.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "633903a9905b725afc2527ee6e9586b381dc6659"
+  "gitHead": "56feec559029354f754f730e571cdb08b70891e3"
 }