@twreporter/react-components 8.9.0-rc.4 → 8.9.0-rc.5

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.9.0-rc.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.9.0-rc.4...@twreporter/react-components@8.9.0-rc.5) (2022-05-27)
+
+
+### Bug Fixes
+
+* add pillButton iconComponent prop & fix empty bookmark style ([54f0e52](https://github.com/twreporter/twreporter-npm-packages/commit/54f0e52b97eb97616bbb83864810acc80101647e))
+
+
+
+
+
 # [8.9.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.9.0-rc.3...@twreporter/react-components@8.9.0-rc.4) (2022-05-27)
 
 

package/lib/bookmark-list/empty-guide.js

@@ -45,7 +45,7 @@ var ButtonContainer = /*#__PURE__*/_styledComponents["default"].a.withConfig({
 var GuideContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "empty-guide__GuideContainer",
   componentId: "sc-1y7u9aq-3"
-})(["display:flex;align-items:flex-start;color:", ";svg{background-color:", ";width:14px;height:14px;margin:0 4px;padding-bottom:4px;}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray600);
+})(["display:flex;align-items:baseline;color:", ";svg{background-color:", ";width:18px;height:18px;margin:0 4px;transform:translateY(3px);}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray600);
 
 var EmptyGuide = function EmptyGuide(_ref) {
   var _ref$releaseBranch = _ref.releaseBranch,
@@ -70,8 +70,7 @@ var EmptyGuide = function EmptyGuide(_ref) {
     href: homepageUrl
   }, /*#__PURE__*/_react["default"].createElement(_button.PillButton, {
     text: "\u958B\u59CB\u63A2\u7D22",
-    size: "L",
-    releaseBranch: releaseBranch
+    size: "L"
   })));
 };
 

package/lib/button/components/iconButton.js

@@ -53,7 +53,7 @@ var IconButton = function IconButton(_ref) {
 };
 
 IconButton.propTypes = {
-  iconComponent: _propTypes["default"].elementType.isRequired,
+  iconComponent: _propTypes["default"].element.isRequired,
   theme: _propTypes["default"].oneOf(['normal', 'photography', 'transparent', 'index']),
   type: _propTypes["default"].oneOf(['primary', 'secondary']),
   disabled: _propTypes["default"].bool,

package/lib/button/components/iconWithTextButton.js

@@ -62,7 +62,7 @@ var IconWithTextButton = function IconWithTextButton(_ref) {
 
 IconWithTextButton.propTypes = {
   text: _propTypes["default"].string,
-  iconComponent: _propTypes["default"].elementType.isRequired,
+  iconComponent: _propTypes["default"].element.isRequired,
   theme: _propTypes["default"].oneOf(['normal', 'photography', 'transparent', 'index']),
   disabled: _propTypes["default"].bool,
   active: _propTypes["default"].bool

package/lib/button/components/pillButton.js

@@ -11,8 +11,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _icon = require("../../icon");
-
 var _paragraph = require("../../text/paragraph");
 
 var _theme = require("../utils/theme");
@@ -52,14 +50,13 @@ var ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var PillButton = function PillButton(_ref) {
   var _ref$text = _ref.text,
       text = _ref$text === void 0 ? '' : _ref$text,
+      iconComponent = _ref.iconComponent,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'S' : _ref$size,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'normal' : _ref$theme,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'primary' : _ref$type,
-      _ref$withIcon = _ref.withIcon,
-      withIcon = _ref$withIcon === void 0 ? false : _ref$withIcon,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var themeFunc = type === 'primary' ? _theme.getFilledPillButtonTheme : _theme.getOutlinePillButtonTheme;
@@ -74,9 +71,6 @@ var PillButton = function PillButton(_ref) {
       padding = _getSizeStyle.padding,
       iconSize = _getSizeStyle.iconSize;
 
-  var iconJSX = withIcon ? /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
-    direction: "right"
-  }) : '';
   var textJSX = size === 'S' ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
     text: text,
     weight: "bold"
@@ -92,15 +86,15 @@ var PillButton = function PillButton(_ref) {
     iconSize: iconSize,
     hoverColor: hoverColor,
     hoverBgColor: hoverBgColor
-  }, textJSX, iconJSX);
+  }, textJSX, iconComponent);
 };
 
 PillButton.propTypes = {
+  iconComponent: _propTypes["default"].element,
   text: _propTypes["default"].string,
   size: _propTypes["default"].oneOf(['S', 'L']),
   theme: _propTypes["default"].oneOf(['transparent', 'normal', 'photography', 'index']),
   type: _propTypes["default"].oneOf(['primary', 'secondary']),
-  withIcon: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool
 };
 var _default = PillButton;

package/lib/button/stories/pillButton.stories.js

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pillButton = exports["default"] = void 0;
+exports.withArrowIcon = exports.pillButton = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _pillButton = _interopRequireDefault(require("../components/pillButton"));
 
+var _icon = require("../../icon");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
@@ -28,6 +30,17 @@ pillButton.args = {
   size: 'S',
   theme: 'normal',
   type: 'primary',
-  withIcon: true,
+  disabled: false
+};
+var withArrowIcon = Template.bind({});
+exports.withArrowIcon = withArrowIcon;
+withArrowIcon.args = {
+  iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
+    direction: "right"
+  }),
+  text: '文字',
+  size: 'S',
+  theme: 'normal',
+  type: 'primary',
   disabled: false
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.9.0-rc.4",
+  "version": "8.9.0-rc.5",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -44,5 +44,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "6cb23fc834f432e3b1a45decaf5ff5a7b7f77400"
+  "gitHead": "8f2a6d0a3f503a52ac691f18e8e0ce78bb5b0026"
 }