@twreporter/react-components 8.21.0-rc.0 → 8.21.0-rc.10

package/CHANGELOG.md

@@ -3,6 +3,118 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.21.0-rc.10](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.9...@twreporter/react-components@8.21.0-rc.10) (2023-11-16)
+
+
+### Bug Fixes
+
+* add default value for `link in p` story ([fdb017b](https://github.com/twreporter/twreporter-npm-packages/commit/fdb017b206f0a957c712136438cfba10844fcd5a))
+
+
+
+
+
+# [8.21.0-rc.9](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.8...@twreporter/react-components@8.21.0-rc.9) (2023-11-16)
+
+
+### Bug Fixes
+
+* mobile-member-role-card width ([d40e5ff](https://github.com/twreporter/twreporter-npm-packages/commit/d40e5ffa944d403e2061e66c41128de70c8cb025))
+
+
+
+
+
+# [8.21.0-rc.8](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.7...@twreporter/react-components@8.21.0-rc.8) (2023-11-16)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+# [8.21.0-rc.7](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.6...@twreporter/react-components@8.21.0-rc.7) (2023-11-16)
+
+
+### Bug Fixes
+
+* mobile role card text style ([f197cb7](https://github.com/twreporter/twreporter-npm-packages/commit/f197cb7711ee1b9f5120996e65382fa4e22aef76))
+
+
+
+
+
+# [8.21.0-rc.6](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.5...@twreporter/react-components@8.21.0-rc.6) (2023-11-15)
+
+
+### Bug Fixes
+
+* `InheritLinkButton` cannot set link & style ([a1b1a64](https://github.com/twreporter/twreporter-npm-packages/commit/a1b1a6466f288e435b8bcc28c9c1cea2a2e667fc))
+
+
+
+
+
+# [8.21.0-rc.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.4...@twreporter/react-components@8.21.0-rc.5) (2023-11-14)
+
+
+### Bug Fixes
+
+* paragraph margin block ([949efb7](https://github.com/twreporter/twreporter-npm-packages/commit/949efb7c2d3213b9e0ebc35bdbc3739a14fa8b0e))
+
+
+
+
+
+# [8.21.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.3...@twreporter/react-components@8.21.0-rc.4) (2023-11-14)
+
+
+### Features
+
+* upgrade storybook to v7 ([fa85736](https://github.com/twreporter/twreporter-npm-packages/commit/fa85736bd60eda26596bc89c5bccaf74892774f2))
+
+
+
+
+
+# [8.21.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.2...@twreporter/react-components@8.21.0-rc.3) (2023-11-13)
+
+
+### Bug Fixes
+
+* use Object.freeze and use en-US ([e4ff2a0](https://github.com/twreporter/twreporter-npm-packages/commit/e4ff2a0dda08003eb762d3009b6670b6c84cbcf1))
+
+
+### Features
+
+* new moblie member role card ([2e01669](https://github.com/twreporter/twreporter-npm-packages/commit/2e01669144c072d5bd89d88fe68b97d69e8b6e6f))
+
+
+
+
+
+# [8.21.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.1...@twreporter/react-components@8.21.0-rc.2) (2023-11-13)
+
+
+### Features
+
+* add `InheritLinkButton` component & story ([81788c5](https://github.com/twreporter/twreporter-npm-packages/commit/81788c5cbe4ac208656a83ae9dd565f1e06bb587))
+
+
+
+
+
+# [8.21.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.0...@twreporter/react-components@8.21.0-rc.1) (2023-11-13)
+
+
+### Bug Fixes
+
+* use design guideline color in article page ([5d38172](https://github.com/twreporter/twreporter-npm-packages/commit/5d381721915792919d827d5b3a39785aac3b70bf))
+
+
+
+
+
 # [8.21.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.20.1...@twreporter/react-components@8.21.0-rc.0) (2023-11-13)
 
 

package/lib/badge/badge.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.badge = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _ = _interopRequireDefault(require("."));
 
 var _color = require("@twreporter/core/lib/constants/color");
@@ -18,15 +16,11 @@ var _default = {
   component: _["default"]
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_["default"], args);
+var badge = {
+  args: {
+    text: '不定期',
+    textColor: _color.colorBrand.heavy,
+    backgroundColor: 'white'
+  }
 };
-
-var badge = Template.bind({});
-exports.badge = badge;
-badge.args = {
-  text: '不定期',
-  textColor: _color.colorBrand.heavy,
-  backgroundColor: 'white'
-};
+exports.badge = badge;

package/lib/bookmark-list/stories/bookmark.stories.js

@@ -11,18 +11,19 @@ var _bookmarks = _interopRequireDefault(require("../bookmarks"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Bookmark/Empty List',
   component: _bookmarks["default"]
 };
 exports["default"] = _default;
-
-var emptyList = function emptyList() {
-  return /*#__PURE__*/_react["default"].createElement(_bookmarks["default"], null);
+var emptyList = {
+  render: function render() {
+    return /*#__PURE__*/_react["default"].createElement(_bookmarks["default"], null);
+  },
+  args: {
+    bookmarks: [],
+    total: 0
+  }
 };
-
-exports.emptyList = emptyList;
-emptyList.args = {
-  bookmarks: [],
-  total: 0
-};
+exports.emptyList = emptyList;

package/lib/button/components/link.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.InheritLinkButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,7 +19,8 @@ var _enums = require("../enums");
 
 var _color2 = require("@twreporter/core/lib/constants/color");
 
-var _excluded = ["type", "link", "text", "weight", "TextComponent", "disabled"];
+var _excluded = ["type", "link", "text", "weight", "TextComponent", "disabled"],
+    _excluded2 = ["type", "link", "text"];
 
 var _decoration, _color;
 
@@ -37,16 +38,24 @@ var style = {
   decoration: (_decoration = {}, _defineProperty(_decoration, _enums.LinkType.DEFAULT, 'none'), _defineProperty(_decoration, _enums.LinkType.UNDERLINE, 'underline'), _decoration),
   color: (_color = {}, _defineProperty(_color, _enums.LinkType.DEFAULT, _color2.COLOR_SEMANTIC.info), _defineProperty(_color, _enums.LinkType.UNDERLINE, _color2.colorGrayscale.gray600), _color)
 };
-var LinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["default"]).withConfig({
-  displayName: "link__LinkContainer",
+var BaseContainer = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["default"]).withConfig({
+  displayName: "link__BaseContainer",
   componentId: "g5z7t5-0"
-})(["display:flex;align-items:center;text-underline-offset:4px;text-decoration-line:", ";color:", ";", ""], function (props) {
+})(["text-underline-offset:4px;text-decoration-line:", "!important;color:", ";&:hover{text-decoration-line:underline;}"], function (props) {
   return style.decoration[props.type];
 }, function (props) {
   return style.color[props.type];
-}, function (props) {
-  return props.disabled ? "\n    opacity: 0.5;\n    cursor: auto;\n    -webkit-tap-highlight-color: transparent;\n  " : "\n    &:hover {\n      text-decoration-line: underline;\n    }\n  ";
 });
+var LinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(BaseContainer).withConfig({
+  displayName: "link__LinkContainer",
+  componentId: "g5z7t5-1"
+})(["display:flex;align-items:center;", ""], function (props) {
+  return props.disabled ? "\n    opacity: 0.5;\n    cursor: auto;\n    -webkit-tap-highlight-color: transparent;\n  " : "\n  ";
+});
+var InheritLinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(BaseContainer).withConfig({
+  displayName: "link__InheritLinkContainer",
+  componentId: "g5z7t5-2"
+})([""]);
 
 var LinkButton = function LinkButton(_ref) {
   var _ref$type = _ref.type,
@@ -86,5 +95,27 @@ LinkButton.propTypes = {
 };
 LinkButton.Type = _enums.LinkType;
 LinkButton.Weight = _paragraph.P1.Weight;
+
+var InheritLinkButton = function InheritLinkButton(_ref2) {
+  var _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? _enums.LinkType.DEFAULT : _ref2$type,
+      _ref2$link = _ref2.link,
+      link = _ref2$link === void 0 ? {} : _ref2$link,
+      _ref2$text = _ref2.text,
+      text = _ref2$text === void 0 ? '' : _ref2$text,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  return /*#__PURE__*/_react["default"].createElement(InheritLinkContainer, _extends({
+    type: type
+  }, link, props), text);
+};
+
+exports.InheritLinkButton = InheritLinkButton;
+InheritLinkButton.propTypes = {
+  type: _propTypes["default"].oneOf(Object.values(_enums.LinkType)),
+  link: _propTypes["default"].object,
+  text: _propTypes["default"].string.isRequired
+};
+InheritLinkButton.Type = _enums.LinkType;
 var _default = LinkButton;
 exports["default"] = _default;

package/lib/button/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,6 +17,12 @@ Object.defineProperty(exports, "IconWithTextButton", {
     return _iconWithTextButton["default"];
   }
 });
+Object.defineProperty(exports, "InheritLinkButton", {
+  enumerable: true,
+  get: function get() {
+    return _link.InheritLinkButton;
+  }
+});
 Object.defineProperty(exports, "LinkButton", {
   enumerable: true,
   get: function get() {
@@ -57,10 +65,14 @@ var _textButton = _interopRequireDefault(require("./components/textButton"));
 
 var _toggleButton = _interopRequireDefault(require("./components/toggleButton"));
 
-var _link = _interopRequireDefault(require("./components/link"));
+var _link = _interopRequireWildcard(require("./components/link"));
 
 var _menuButton = _interopRequireDefault(require("./components/menuButton"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
@@ -70,6 +82,7 @@ var _default = {
   TextButton: _textButton["default"],
   ToggleButton: _toggleButton["default"],
   LinkButton: _link["default"],
+  InheritLinkButton: _link.InheritLinkButton,
   MenuButton: _menuButton["default"]
 };
 exports["default"] = _default;

package/lib/button/stories/iconButton.stories.js

@@ -28,28 +28,25 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_iconButton["default"], args);
+var iconButton = {
+  args: {
+    iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
+      direction: "down"
+    }),
+    theme: _iconButton["default"].THEME.normal,
+    type: _iconButton["default"].Type.PRIMARY,
+    disabled: false,
+    active: false
+  }
 };
-
-var iconButton = Template.bind({});
 exports.iconButton = iconButton;
-iconButton.args = {
-  iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
-    direction: "down"
-  }),
-  theme: _iconButton["default"].THEME.normal,
-  type: _iconButton["default"].Type.PRIMARY,
-  disabled: false,
-  active: false
+var shareButton = {
+  args: {
+    iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Share, null),
+    theme: _iconButton["default"].THEME.normal,
+    type: _iconButton["default"].Type.PRIMARY,
+    disabled: false,
+    active: false
+  }
 };
-var shareButton = Template.bind({});
-exports.shareButton = shareButton;
-shareButton.args = {
-  iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Share, null),
-  theme: _iconButton["default"].THEME.normal,
-  type: _iconButton["default"].Type.PRIMARY,
-  disabled: false,
-  active: false
-};
+exports.shareButton = shareButton;

package/lib/button/stories/iconWithTextButton.stories.js

@@ -23,30 +23,27 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_iconWithTextButton["default"], args);
+var iconWithTextButton = {
+  args: {
+    text: '文字',
+    iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
+      direction: "down"
+    }),
+    theme: _iconWithTextButton["default"].THEME.normal,
+    disabled: false,
+    active: false,
+    hideText: false
+  }
 };
-
-var iconWithTextButton = Template.bind({});
 exports.iconWithTextButton = iconWithTextButton;
-iconWithTextButton.args = {
-  text: '文字',
-  iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
-    direction: "down"
-  }),
-  theme: _iconWithTextButton["default"].THEME.normal,
-  disabled: false,
-  active: false,
-  hideText: false
+var shareButton = {
+  args: {
+    text: '分享',
+    iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Share, null),
+    theme: _iconWithTextButton["default"].THEME.normal,
+    disabled: false,
+    active: false,
+    hideText: false
+  }
 };
-var shareButton = Template.bind({});
-exports.shareButton = shareButton;
-shareButton.args = {
-  text: '分享',
-  iconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Share, null),
-  theme: _iconWithTextButton["default"].THEME.normal,
-  disabled: false,
-  active: false,
-  hideText: false
-};
+exports.shareButton = shareButton;

package/lib/button/stories/link.stories.js

@@ -1,27 +1,37 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.link = exports.disabledLink = exports["default"] = exports.changeTextComponent = void 0;
+exports.linkInParagraph = exports.link = exports.disabledLink = exports["default"] = exports.changeTextComponent = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
 
-var _link = _interopRequireDefault(require("../components/link"));
+var _link = _interopRequireWildcard(require("../components/link"));
 
 var _paragraph = require("../../text/paragraph");
 
 var _headline = require("../../text/headline");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Button/Link',
   component: _link["default"],
   argTypes: {
     type: (0, _getEnumArg.getRadioArg)(_link["default"].Type, _link["default"].Type.DEFAULT),
+    weight: (0, _getEnumArg.getRadioArg)(_link["default"].Weight, _link["default"].Weight.NORMAL),
     // textComponent is only for storybook showcase, not real props
     textComponent: {
       defaultValue: 'P2',
@@ -29,68 +39,102 @@ var _default = {
       control: {
         type: 'radio'
       }
+    },
+    // leftWord & rightWord is only for storybook showcase, not real props
+    leftWord: {
+      defaultValue: '連結左邊的文字',
+      control: {
+        type: 'text'
+      }
+    },
+    rightWord: {
+      defaultValue: '連結左邊的文字',
+      control: {
+        type: 'text'
+      }
     }
   }
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_link["default"], args);
-};
-
-var link = Template.bind({});
-exports.link = link;
-link.args = {
-  text: '文字',
-  type: _link["default"].Type.DEFAULT,
-  link: {
-    to: 'https://www.twreporter.org'
-  }
-};
-link.parameters = {
-  controls: {
-    exclude: ['textComponent']
+var link = {
+  args: {
+    text: '文字',
+    type: _link["default"].Type.DEFAULT,
+    link: {
+      to: 'https://www.twreporter.org'
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ['textComponent', 'leftWord', 'rightWord']
+    }
   }
 };
+exports.link = link;
+var changeTextComponent = {
+  render: function render(args) {
+    if (args.textComponent === 'P2') {
+      args.TextComponent = _paragraph.P2;
+    }
 
-var changeTextComponent = function changeTextComponent(args) {
-  if (args.textComponent === 'P2') {
-    args.TextComponent = _paragraph.P2;
-  }
+    if (args.textComponent === 'H4') {
+      args.TextComponent = _headline.H4;
+    }
 
-  if (args.textComponent === 'H4') {
-    args.TextComponent = _headline.H4;
+    return /*#__PURE__*/_react["default"].createElement(_link["default"], args);
+  },
+  args: {
+    text: '文字',
+    type: _link["default"].Type.DEFAULT,
+    textComponent: 'P2',
+    link: {
+      to: 'https://www.twreporter.org'
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ['TextComponent', 'leftWord', 'rightWord']
+    }
   }
-
-  return /*#__PURE__*/_react["default"].createElement(_link["default"], args);
 };
-
 exports.changeTextComponent = changeTextComponent;
-changeTextComponent.args = {
-  text: '文字',
-  type: _link["default"].Type.DEFAULT,
-  textComponent: 'P2',
-  link: {
-    to: 'https://www.twreporter.org'
-  }
-};
-changeTextComponent.parameters = {
-  controls: {
-    exclude: ['TextComponent']
+var disabledLink = {
+  args: {
+    text: '文字',
+    type: _link["default"].Type.DEFAULT,
+    link: {
+      to: 'https://www.twreporter.org'
+    },
+    disabled: true
+  },
+  parameters: {
+    controls: {
+      exclude: ['textComponent', 'disabled', 'leftWord', 'rightWord']
+    }
   }
 };
-var disabledLink = Template.bind({});
 exports.disabledLink = disabledLink;
-disabledLink.args = {
-  text: '文字',
-  type: _link["default"].Type.DEFAULT,
-  link: {
-    to: 'https://www.twreporter.org'
+var StyledP1 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P1).withConfig({
+  displayName: "linkstories__StyledP1",
+  componentId: "sc-1i9kyc3-0"
+})(["display:unset;"]);
+var linkInParagraph = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(StyledP1, null, args.leftWord, /*#__PURE__*/_react["default"].createElement(_link.InheritLinkButton, args), args.rightWord);
   },
-  disabled: true
-};
-disabledLink.parameters = {
-  controls: {
-    exclude: ['textComponent', 'disabled']
+  args: {
+    text: '文字',
+    type: _link["default"].Type.DEFAULT,
+    link: {
+      to: 'https://www.twreporter.org'
+    },
+    leftWord: '～連結左邊～',
+    rightWord: '～連結右邊～'
+  },
+  parameters: {
+    controls: {
+      exclude: ['textComponent', 'disabled', 'weight', 'TextComponent']
+    }
   }
-};
+};
+exports.linkInParagraph = linkInParagraph;

package/lib/button/stories/menuButton.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.menuButton = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _menuButton = _interopRequireDefault(require("../components/menuButton"));
 
 var _color = require("@twreporter/core/lib/constants/color");
@@ -23,18 +21,15 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var menuButton = function menuButton(args) {
-  return /*#__PURE__*/_react["default"].createElement(_menuButton["default"], args);
+var menuButton = {
+  args: {
+    text: '文字',
+    link: {},
+    color: _color.colorGrayscale.gray800,
+    hoverBgColor: _color.colorGrayscale.gray100,
+    activeBgColor: _color.colorGrayscale.gray200,
+    paddingLeft: 32,
+    paddingRight: 32
+  }
 };
-
-exports.menuButton = menuButton;
-menuButton.args = {
-  text: '文字',
-  link: {},
-  color: _color.colorGrayscale.gray800,
-  hoverBgColor: _color.colorGrayscale.gray100,
-  activeBgColor: _color.colorGrayscale.gray200,
-  paddingLeft: 32,
-  paddingRight: 32
-};
+exports.menuButton = menuButton;