@twreporter/react-components 8.17.0-rc.1 → 8.17.0-rc.11

package/lib/material-icon.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+require("material-symbols/outlined.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var StyledSymbol = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  displayName: "material-icon__StyledSymbol",
+  componentId: "sc-1mjrid5-0"
+})(["font-variation-settings:", ";"], function (props) {
+  return "\n    'FILL': ".concat(props.fill, ",\n    'wght': ").concat(props.weight, ",\n    'GRAD': ").concat(props.grade, ",\n    'opsz': ").concat(props.size, "\n  ");
+});
+
+var MeterialSymbol = function MeterialSymbol(_ref) {
+  var icon = _ref.icon,
+      _ref$fill = _ref.fill,
+      fill = _ref$fill === void 0 ? false : _ref$fill,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 400 : _ref$weight,
+      _ref$grade = _ref.grade,
+      grade = _ref$grade === void 0 ? 0 : _ref$grade,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size;
+  var className = 'material-symbols-outlined';
+  return /*#__PURE__*/_react["default"].createElement(StyledSymbol, {
+    className: className,
+    fill: fill ? '0' : '1',
+    weight: weight,
+    grade: grade,
+    size: size
+  }, icon);
+};
+
+MeterialSymbol.propTypes = {
+  icon: _propTypes["default"].string.isRequired,
+  fill: _propTypes["default"].bool,
+  weight: _propTypes["default"].number,
+  grade: _propTypes["default"].number,
+  size: _propTypes["default"].number
+};
+var _default = MeterialSymbol;
+exports["default"] = _default;

package/lib/pagination/index.js

@@ -25,7 +25,7 @@ var _concat = _interopRequireDefault(require("lodash/concat"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -97,13 +97,16 @@ var styles = {
   },
   prevNextBtnPadding: [0, 20, 2, 20],
   ellipsisBoxPadding: [10, 6, 10, 6],
-  containerMargin: [58, 'auto', 50, 'auto']
+  containerMargin: {
+    "default": [64, 'auto', 120, 'auto'],
+    mobile: [32, 'auto', 64, 'auto']
+  }
 };
 
 var PaginationContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__PaginationContainer",
   componentId: "sc-17bqftr-0"
-})(["margin:", ";text-align:center;height:", "px;", ""], (0, _css.arrayToCssShorthand)(styles.containerMargin), styles.btnBoxSize.mobile, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n  "])), styles.btnBoxSize.desktop));
+})(["margin:", ";text-align:center;height:", "px;", " ", ""], (0, _css.arrayToCssShorthand)(styles.containerMargin["default"]), styles.btnBoxSize.mobile, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n  "])), styles.btnBoxSize.desktop), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.containerMargin.mobile)));
 
 var Boxes = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__Boxes",
@@ -122,13 +125,13 @@ var PageNumberBox = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConf
   return props.isCurrent ? _color["default"].brown : 'transparent';
 }, function (props) {
   return props.isCurrent ? _color["default"].white : _color["default"].brown;
-}, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: ", ";\n  "])), function (props) {
+}, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: ", ";\n  "])), function (props) {
   return props.isCurrent ? '' : 'none';
 }));
 var EllipsisBox = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig({
   displayName: "pagination__EllipsisBox",
   componentId: "sc-17bqftr-4"
-})(["cursor:default;padding:", ";", ""], (0, _css.arrayToCssShorthand)(styles.ellipsisBoxPadding), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
+})(["cursor:default;padding:", ";", ""], (0, _css.arrayToCssShorthand)(styles.ellipsisBoxPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 var PrevNextBtn = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig({
   displayName: "pagination__PrevNextBtn",
   componentId: "sc-17bqftr-5"

package/lib/shared-enum.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Size = void 0;
+var Size = Object.freeze({
+  S: 'S',
+  L: 'L'
+});
+exports.Size = Size;

package/lib/snack-bar/components/snack-bar.js

@@ -51,7 +51,8 @@ var SnackBar = function SnackBar(_ref) {
 
 SnackBar.propTypes = {
   text: _propTypes["default"].string,
-  theme: _theme2.THEME_PROP_TYPES
+  theme: _propTypes["default"].oneOf(Object.values(_theme2.THEME))
 };
+SnackBar.THEME = _theme2.THEME;
 var _default = SnackBar;
 exports["default"] = _default;

package/lib/snack-bar/stories/snackBar.stories.js

@@ -17,7 +17,7 @@ var _snackBar = _interopRequireDefault(require("../components/snack-bar"));
 
 var _button = require("../../button");
 
-var _theme = require("@twreporter/core/lib/constants/theme");
+var _constants = require("../../storybook/constants");
 
 var _random = _interopRequireDefault(require("lodash/random"));
 
@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 // hooks
 // components
-// @twreporter
+// storybook
 // lodash
 var _ = {
   random: _random["default"]
@@ -34,7 +34,7 @@ var _default = {
   title: 'Snack Bar',
   component: _snackBar["default"],
   argTypes: {
-    theme: _theme.THEME_STORYBOOK_ARG_TYPE
+    theme: _constants.THEME_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -46,7 +46,7 @@ var snackBar = function snackBar(props) {
 exports.snackBar = snackBar;
 snackBar.args = {
   text: '系統作業文字',
-  theme: _theme.THEME.normal
+  theme: _snackBar["default"].THEME.normal
 };
 
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({

package/lib/storybook/constants/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZE_STORYBOOK_ARG_TYPE = exports.THEME_STORYBOOK_ARG_TYPE = exports.BRANCH_STORYBOOK_ARG_TYPE = void 0;
+
+var _getEnumArg = require("../utils/get-enum-arg");
+
+var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+
+var _theme = require("@twreporter/core/lib/constants/theme");
+
+var _sharedEnum = require("../../shared-enum");
+
+var BRANCH_STORYBOOK_ARG_TYPE = {
+  defaultValue: _releaseBranch.BRANCH.master,
+  options: [_releaseBranch.BRANCH.master, _releaseBranch.BRANCH.staging, _releaseBranch.BRANCH.preview, _releaseBranch.BRANCH.release],
+  control: {
+    type: 'radio'
+  }
+};
+exports.BRANCH_STORYBOOK_ARG_TYPE = BRANCH_STORYBOOK_ARG_TYPE;
+var THEME_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_theme.THEME, _theme.THEME.normal);
+exports.THEME_STORYBOOK_ARG_TYPE = THEME_STORYBOOK_ARG_TYPE;
+var SIZE_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_sharedEnum.Size, _sharedEnum.Size.S);
+exports.SIZE_STORYBOOK_ARG_TYPE = SIZE_STORYBOOK_ARG_TYPE;

package/lib/storybook/utils/get-enum-arg.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRadioArg = void 0;
+
+var getRadioArg = function getRadioArg(enumObject, defaultValue) {
+  return {
+    defaultValue: defaultValue,
+    options: Object.values(enumObject),
+    control: {
+      type: 'radio'
+    }
+  };
+};
+
+exports.getRadioArg = getRadioArg;

package/lib/text/constants/headline-type.js

@@ -3,34 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TYPE_STORYBOOK_ARG_TYPE = exports.TYPE_FONT_FAMILY = exports.TYPE_PROP_TYPES = exports.TYPE = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.TYPE_FONT_FAMILY = void 0;
 
 var _font = require("@twreporter/core/lib/constants/font");
 
-var _TYPE_FONT_FAMILY;
+var _enums = require("../enums");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _Object$freeze;
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var TYPE = {
-  "default": 'default',
-  article: 'article'
-};
-exports.TYPE = TYPE;
-
-var TYPE_PROP_TYPES = _propTypes["default"].oneOf([TYPE["default"], TYPE.article]);
-
-exports.TYPE_PROP_TYPES = TYPE_PROP_TYPES;
-var TYPE_FONT_FAMILY = (_TYPE_FONT_FAMILY = {}, _defineProperty(_TYPE_FONT_FAMILY, TYPE["default"], _font.fontFamily["default"]), _defineProperty(_TYPE_FONT_FAMILY, TYPE.article, _font.fontFamily.title), _TYPE_FONT_FAMILY);
-exports.TYPE_FONT_FAMILY = TYPE_FONT_FAMILY;
-var TYPE_STORYBOOK_ARG_TYPE = {
-  defaultValue: TYPE["default"],
-  options: [TYPE["default"], TYPE.article],
-  control: {
-    type: 'radio'
-  }
-};
-exports.TYPE_STORYBOOK_ARG_TYPE = TYPE_STORYBOOK_ARG_TYPE;
+var TYPE_FONT_FAMILY = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, _enums.Type.DEFAULT, _font.fontFamily["default"]), _defineProperty(_Object$freeze, _enums.Type.ARTICLE, _font.fontFamily.title), _Object$freeze));
+exports.TYPE_FONT_FAMILY = TYPE_FONT_FAMILY;

package/lib/text/enums/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Weight = exports.Type = void 0;
+var Type = Object.freeze({
+  DEFAULT: 'default',
+  ARTICLE: 'article'
+});
+exports.Type = Type;
+var Weight = Object.freeze({
+  EXTRA_LIGHT: 'extraLight',
+  NORMAL: 'normal',
+  BOLD: 'bold'
+});
+exports.Weight = Weight;

package/lib/text/headline.js

@@ -13,6 +13,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _headlineType = require("./constants/headline-type");
 
+var _enums = require("./enums");
+
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
 var _font = require("@twreporter/core/lib/constants/font");
@@ -78,7 +80,7 @@ var withContainer = function withContainer(HeadlineContainer) {
     var _ref$text = _ref.text,
         text = _ref$text === void 0 ? '' : _ref$text,
         _ref$type = _ref.type,
-        type = _ref$type === void 0 ? _headlineType.TYPE["default"] : _ref$type,
+        type = _ref$type === void 0 ? _enums.Type.DEFAULT : _ref$type,
         _ref$className = _ref.className,
         className = _ref$className === void 0 ? '' : _ref$className,
         props = _objectWithoutProperties(_ref, _excluded);
@@ -93,9 +95,10 @@ var withContainer = function withContainer(HeadlineContainer) {
   headline.displayName = 'headline';
   headline.propTypes = {
     text: _propTypes["default"].string,
-    type: _headlineType.TYPE_PROP_TYPES,
+    type: _propTypes["default"].oneOf(Object.values(_enums.Type)),
     className: _propTypes["default"].string
   };
+  headline.Type = _enums.Type;
   return headline;
 };
 

package/lib/text/paragraph.js

@@ -11,11 +11,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _fontWeight = require("./constants/font-weight");
+var _enums = require("./enums");
 
 var _font = require("@twreporter/core/lib/constants/font");
 
-var _excluded = ["text", "weight", "className"];
+var _excluded = ["text", "weight", "className", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -54,23 +54,26 @@ var withContainer = function withContainer(ParagraphContainer) {
     var _ref$text = _ref.text,
         text = _ref$text === void 0 ? '' : _ref$text,
         _ref$weight = _ref.weight,
-        weight = _ref$weight === void 0 ? _fontWeight.WEIGHT.normal : _ref$weight,
+        weight = _ref$weight === void 0 ? _enums.Weight.NORMAL : _ref$weight,
         _ref$className = _ref.className,
         className = _ref$className === void 0 ? '' : _ref$className,
+        children = _ref.children,
         props = _objectWithoutProperties(_ref, _excluded);
 
     return /*#__PURE__*/_react["default"].createElement(ParagraphContainer, _extends({
       weight: weight,
       className: className
-    }, props), text);
+    }, props), text, children);
   };
 
   paragraph.displayName = 'paragraph';
   paragraph.propTypes = {
     text: _propTypes["default"].string,
-    weight: _fontWeight.WEIGHT_PROP_TYPES,
-    className: _propTypes["default"].string
+    weight: _propTypes["default"].oneOf(Object.values(_enums.Weight)),
+    className: _propTypes["default"].string,
+    children: _propTypes["default"].element
   };
+  paragraph.Weight = _enums.Weight;
   return paragraph;
 };
 

package/lib/text/stories/headline.stories.js

@@ -7,9 +7,11 @@ exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = ex
 
 var _react = _interopRequireDefault(require("react"));
 
+var _getEnumArg = require("../../storybook/utils/get-enum-arg");
+
 var _headline = require("../headline");
 
-var _headlineType = require("../constants/headline-type");
+var _enums = require("../enums");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,12 +19,12 @@ var _default = {
   title: 'Text/Headline',
   component: _headline.H1,
   argTypes: {
-    type: _headlineType.TYPE_STORYBOOK_ARG_TYPE
+    type: (0, _getEnumArg.getRadioArg)(_enums.Type, _enums.Type.DEFAULT)
   }
 };
 exports["default"] = _default;
 var defaultText = '標題「標題」：標題，《標題》標題English標題123標題？';
-var defaultType = _headlineType.TYPE["default"];
+var defaultType = _headline.H1.Type.DEFAULT;
 
 var h1 = function h1(args) {
   return /*#__PURE__*/_react["default"].createElement(_headline.H1, args);

package/lib/text/stories/paragraph.stories.js

@@ -7,9 +7,11 @@ exports.p4 = exports.p3 = exports.p2 = exports.p1 = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _getEnumArg = require("../../storybook/utils/get-enum-arg");
+
 var _paragraph = require("../paragraph");
 
-var _fontWeight = require("../constants/font-weight");
+var _enums = require("../enums");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,12 +19,12 @@ var _default = {
   title: 'Text/Paragraph',
   component: _paragraph.P1,
   argTypes: {
-    weight: _fontWeight.WEIGHT_STORYBOOK_ARG_TYPE
+    weight: (0, _getEnumArg.getRadioArg)(_enums.Weight, _enums.Weight.NORMAL)
   }
 };
 exports["default"] = _default;
 var defaultText = '內文「內文」：內文，《內文》內文English內文123內文？';
-var defaultWeight = _fontWeight.WEIGHT.normal;
+var defaultWeight = _paragraph.P1.Weight.NORMAL;
 
 var p1 = function p1(args) {
   return /*#__PURE__*/_react["default"].createElement(_paragraph.P1, args);

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

@@ -37,9 +37,9 @@ var TitleBar = function TitleBar(_ref) {
     text: title
   }), /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
     text: subtitle,
-    weight: "bold"
+    weight: _paragraph.P1.Weight.BOLD
   }), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    direction: "horizontal"
+    direction: _divider["default"].Direction.HORIZONTAL
   }));
 };
 

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

@@ -94,7 +94,7 @@ var TabItem = function TabItem(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(StyledTextButton, {
     text: text,
     active: isActive,
-    size: "L"
+    size: _button.TextButton.Size.L
   })));
 };
 
@@ -187,7 +187,7 @@ var TitleTab = function TitleTab(_ref3) {
     tabs: tabs,
     activeTabIndex: activeTabIndex
   }), /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    direction: "horizontal"
+    direction: _divider["default"].Direction.HORIZONTAL
   }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.17.0-rc.1",
+  "version": "8.17.0-rc.11",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -15,11 +15,12 @@
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@twreporter/core": "^1.8.3-rc.1",
-    "@twreporter/redux": "^7.5.1-rc.1",
+    "@twreporter/core": "^1.9.0-rc.1",
+    "@twreporter/redux": "^7.5.1-rc.4",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
+    "material-symbols": "^0.5.5",
     "memoize-one": "^5.0.5",
     "prop-types": "^15.0.0",
     "react": "^16.3.0",
@@ -44,5 +45,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "8b5caea308bf4471059644072ca9edb78c4b6fde"
+  "gitHead": "1abfcdef4a25f767e72208b5065d59306b05f237"
 }

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

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _color = require("@twreporter/core/lib/constants/color");
-
-var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
-var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
-var _icon = require("../icon");
-
-var _paragraph = require("../text/paragraph");
-
-var _button = require("../button");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-// @twreporter
-// components
-var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "empty-guide__Container",
-  componentId: "sc-1y7u9aq-0"
-})(["width:100%;display:flex;flex-direction:column;align-items:center;margin-top:8px;"]);
-
-var TextContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "empty-guide__TextContainer",
-  componentId: "sc-1y7u9aq-1"
-})(["margin:48px 0 24px 0;display:flex;flex-direction:column;align-items:center;color:", ";"], _color.colorGrayscale.gray800);
-
-var ButtonContainer = /*#__PURE__*/_styledComponents["default"].a.withConfig({
-  displayName: "empty-guide__ButtonContainer",
-  componentId: "sc-1y7u9aq-2"
-})(["text-decoration:none;"]);
-
-var GuideContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "empty-guide__GuideContainer",
-  componentId: "sc-1y7u9aq-3"
-})(["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,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].master : _ref$releaseBranch;
-  var homepageUrl = _requestOrigins["default"].forClientSideRendering[releaseBranch].main;
-  var seekImageUrl = "https://www.twreporter.org/assets/bookmark/".concat(releaseBranch, "/seek.png");
-  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "Seek Bookmark",
-    src: seekImageUrl,
-    width: "170"
-  }), /*#__PURE__*/_react["default"].createElement(TextContainer, null, /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
-    text: "\u4F60\u9084\u6C92\u6709\u5132\u5B58\u4EFB\u4F55\u6587\u7AE0\uFF01",
-    weight: "bold"
-  }), /*#__PURE__*/_react["default"].createElement(GuideContainer, null, /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
-    text: "\u9EDE\u64CA"
-  }), /*#__PURE__*/_react["default"].createElement(_icon.Bookmark, {
-    type: "add",
-    releaseBranch: releaseBranch
-  }), /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
-    text: "\u5C07\u559C\u611B\u7684\u6587\u7AE0\u52A0\u5165\u6211\u7684\u66F8\u7C64"
-  }))), /*#__PURE__*/_react["default"].createElement(ButtonContainer, {
-    href: homepageUrl
-  }, /*#__PURE__*/_react["default"].createElement(_button.PillButton, {
-    text: "\u958B\u59CB\u63A2\u7D22",
-    size: "L"
-  })));
-};
-
-EmptyGuide.propTypes = {
-  releaseBranch: _propTypes["default"].releaseBranch
-};
-var _default = EmptyGuide;
-exports["default"] = _default;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.emptyGuide = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _emptyGuide = _interopRequireDefault(require("../empty-guide"));
-
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var master = _releaseBranch["default"].master,
-    staging = _releaseBranch["default"].staging,
-    preview = _releaseBranch["default"].preview,
-    release = _releaseBranch["default"].release;
-var _default = {
-  title: 'Bookmark/Empty Guide',
-  component: _emptyGuide["default"],
-  argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-
-var emptyGuide = function emptyGuide(args) {
-  return /*#__PURE__*/_react["default"].createElement(_emptyGuide["default"], args);
-};
-
-exports.emptyGuide = emptyGuide;

package/lib/button/constants/size.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZE_STORYBOOK_ARG_TYPE = exports.SIZE_PROP_TYPES = exports.SIZE = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var SIZE = {
-  S: 'S',
-  L: 'L'
-};
-exports.SIZE = SIZE;
-
-var SIZE_PROP_TYPES = _propTypes["default"].oneOf([SIZE.S, SIZE.L]);
-
-exports.SIZE_PROP_TYPES = SIZE_PROP_TYPES;
-var SIZE_STORYBOOK_ARG_TYPE = {
-  defaultValue: SIZE.S,
-  options: [SIZE.S, SIZE.L],
-  control: {
-    type: 'radio'
-  }
-};
-exports.SIZE_STORYBOOK_ARG_TYPE = SIZE_STORYBOOK_ARG_TYPE;

package/lib/button/constants/type.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TYPE_STORYBOOK_ARG_TYPE = exports.TYPE_PROP_TYPES = exports.TYPE = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var TYPE = {
-  primary: 'primary',
-  secondary: 'secondary'
-};
-exports.TYPE = TYPE;
-
-var TYPE_PROP_TYPES = _propTypes["default"].oneOf([TYPE.primary, TYPE.secondary]);
-
-exports.TYPE_PROP_TYPES = TYPE_PROP_TYPES;
-var TYPE_STORYBOOK_ARG_TYPE = {
-  defaultValue: TYPE.primary,
-  options: [TYPE.primary, TYPE.secondary],
-  control: {
-    type: 'radio'
-  }
-};
-exports.TYPE_STORYBOOK_ARG_TYPE = TYPE_STORYBOOK_ARG_TYPE;

package/lib/input/constants/type.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WIDTH_PROP_TYPE = exports.WIDTH_TYPE = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var WIDTH_TYPE = {
-  fit: 'fit',
-  stretch: 'stretch'
-};
-exports.WIDTH_TYPE = WIDTH_TYPE;
-
-var WIDTH_PROP_TYPE = _propTypes["default"].oneOf([WIDTH_TYPE.fit, WIDTH_TYPE.stretch]);
-
-exports.WIDTH_PROP_TYPE = WIDTH_PROP_TYPE;