@twreporter/react-components 8.24.0-rc.3 → 8.24.0-rc.5

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.24.0-rc.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.24.0-rc.4...@twreporter/react-components@8.24.0-rc.5) (2024-01-19)
+
+
+### Bug Fixes
+
+* add margin between text and icon ([d4d3f91](https://github.com/twreporter/twreporter-npm-packages/commit/d4d3f911fc4ee37ed141c14e7e31e54bde9bf4c2))
+
+
+
+
+
+# [8.24.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.24.0-rc.3...@twreporter/react-components@8.24.0-rc.4) (2024-01-19)
+
+
+### Bug Fixes
+
+* title 2 spec changed ([21b94e9](https://github.com/twreporter/twreporter-npm-packages/commit/21b94e95c568f2a20f059af27c125320f0491632))
+* title 2 storybook demo text ([f2b1eca](https://github.com/twreporter/twreporter-npm-packages/commit/f2b1eca9f781eed26b2025d7a09060701d206861))
+
+
+
+
+
 # [8.24.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.24.0-rc.2...@twreporter/react-components@8.24.0-rc.3) (2024-01-17)
 
 

package/lib/button/components/textButton.js

@@ -115,9 +115,9 @@ var TextButton = function TextButton(_ref) {
     hoverColor: hoverColor,
     iconSize: iconSize,
     disabled: disabled
-  }, props), size === _sharedEnum.Size.L ? /*#__PURE__*/_react["default"].createElement(IconContainer, {
+  }, props), /*#__PURE__*/_react["default"].createElement(IconContainer, {
     isLeft: true
-  }, leftIconComponent) : leftIconComponent, textJSX, size === _sharedEnum.Size.L ? /*#__PURE__*/_react["default"].createElement(IconContainer, null, rightIconComponent) : rightIconComponent);
+  }, leftIconComponent), textJSX, /*#__PURE__*/_react["default"].createElement(IconContainer, null, rightIconComponent));
 };
 
 TextButton.propTypes = {

package/lib/title-bar/components/title2.js

@@ -17,10 +17,6 @@ var _paragraph = require("../../text/paragraph");
 
 var _divider = _interopRequireDefault(require("../../divider"));
 
-var _rwd = require("../../rwd");
-
-var _sharedEnum = require("../../shared-enum");
-
 var _color = require("@twreporter/core/lib/constants/color");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
@@ -60,25 +56,19 @@ var Title2 = function Title2(_ref) {
       _ref$subtitle = _ref.subtitle,
       subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle,
       renderButton = _ref.renderButton;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_rwd.DesktopAndAbove, null, /*#__PURE__*/_react["default"].createElement(BarContainer, null, /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(H5Gray800, {
-    text: title
-  }), subtitle ? /*#__PURE__*/_react["default"].createElement(P2Gray600, {
-    text: subtitle
-  }) : null), renderButton ? renderButton(_sharedEnum.Size.L) : null), /*#__PURE__*/_react["default"].createElement(DividerGray800, {
-    direction: _divider["default"].Direction.HORIZONTAL
-  })), /*#__PURE__*/_react["default"].createElement(_rwd.TabletAndBelow, null, /*#__PURE__*/_react["default"].createElement(BarContainer, null, /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(H5Gray800, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BarContainer, null, /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(H5Gray800, {
     text: title
   }), subtitle ? /*#__PURE__*/_react["default"].createElement(P2Gray600, {
     text: subtitle
-  }) : null), renderButton ? renderButton(_sharedEnum.Size.S) : null), /*#__PURE__*/_react["default"].createElement(DividerGray800, {
+  }) : null), renderButton || null), /*#__PURE__*/_react["default"].createElement(DividerGray800, {
     direction: _divider["default"].Direction.HORIZONTAL
-  })));
+  }));
 };
 
 Title2.propTypes = {
   title: _propTypes["default"].string.isRequired,
   subtitle: _propTypes["default"].string,
-  renderButton: _propTypes["default"].func
+  renderButton: _propTypes["default"].element
 };
 var _default = Title2;
 exports["default"] = _default;

package/lib/title-bar/stories/title2.stories.js

@@ -32,15 +32,12 @@ var _default = {
 exports["default"] = _default;
 var title2 = {
   render: function render(args) {
-    args.renderButton = args.showButton ? function (size) {
-      return /*#__PURE__*/_react["default"].createElement(_textButton["default"], {
-        text: "RWD \u6309\u9215",
-        rightIconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
-          direction: "right"
-        }),
-        size: size
-      });
-    } : null;
+    args.renderButton = args.showButton ? /*#__PURE__*/_react["default"].createElement(_textButton["default"], {
+      text: "NOT RWD \u6309\u9215",
+      rightIconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
+        direction: "right"
+      })
+    }) : null;
     return /*#__PURE__*/_react["default"].createElement(_title["default"], args);
   },
   args: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.24.0-rc.3",
+  "version": "8.24.0-rc.5",
   "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": "fae9f717d3c7766dc48a538d5cf1f5c8d2d93f6d"
+  "gitHead": "f78147a9d93d2bcb2f0c5ad5379f038e3f25a964"
 }