@twreporter/react-components 8.17.0-rc.4 → 8.17.0-rc.6

package/lib/button/stories/textButton.stories.js

@@ -7,15 +7,15 @@ exports.toggleIconDisplay = exports.textButton = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _getEnumArg = require("../../storybook/utils/get-enum-arg");
+
 var _textButton = _interopRequireDefault(require("../components/textButton"));
 
 var _icon = require("../../icon");
 
-var _type = require("../constants/type");
-
-var _size = require("@twreporter/core/lib/constants/size");
+var _enums = require("../enums");
 
-var _theme = require("@twreporter/core/lib/constants/theme");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -23,15 +23,9 @@ var _default = {
   title: 'Button/Text Button',
   component: _textButton["default"],
   argTypes: {
-    theme: {
-      defaultValue: _theme.TEXT_BUTTON_THEME.normal,
-      options: Object.values(_theme.TEXT_BUTTON_THEME),
-      control: {
-        type: 'radio'
-      }
-    },
-    type: _type.TYPE_STORYBOOK_ARG_TYPE,
-    size: _size.SIZE_STORYBOOK_ARG_TYPE,
+    theme: _constants.THEME_STORYBOOK_ARG_TYPE,
+    type: (0, _getEnumArg.getRadioArg)(_enums.Type, _enums.Type.PRIMARY),
+    size: _constants.SIZE_STORYBOOK_ARG_TYPE,
     // showLeft & showRight args are only for storybook check
     showLeft: {
       defaultValue: true,
@@ -57,9 +51,9 @@ var textButton = Template.bind({});
 exports.textButton = textButton;
 textButton.args = {
   text: '文字',
-  size: _size.SIZE.S,
-  theme: _theme.TEXT_BUTTON_THEME.normal,
-  type: _type.TYPE.primary,
+  size: _textButton["default"].Size.S,
+  theme: _textButton["default"].THEME.normal,
+  type: _textButton["default"].Type.PRIMARY,
   active: false,
   disabled: false,
   leftIconComponent: /*#__PURE__*/_react["default"].createElement(_icon.Arrow, {
@@ -90,9 +84,9 @@ toggleIconDisplay.args = {
   showLeft: true,
   showRight: true,
   text: '文字',
-  size: _size.SIZE.S,
-  theme: _theme.TEXT_BUTTON_THEME.normal,
-  type: _type.TYPE.primary,
+  size: _textButton["default"].Size.S,
+  theme: _textButton["default"].THEME.normal,
+  type: _textButton["default"].Type.PRIMARY,
   active: false,
   disabled: false
 };

package/lib/button/utils/size.js

@@ -10,14 +10,14 @@ var getSizeStyle = function getSizeStyle(size) {
     case 'L':
       return {
         iconSize: '24px',
-        padding: '8px 24px'
+        padding: '8px 16px'
       };
 
     case 'S':
     default:
       return {
         iconSize: '18px',
-        padding: '4px 16px'
+        padding: '4px 12px'
       };
   }
 };

package/lib/button/utils/theme.js

@@ -7,10 +7,12 @@ exports["default"] = exports.getActiveTextButtonTheme = exports.getDisabledTextB
 
 var _color = require("@twreporter/core/lib/constants/color");
 
+var _enums = require("../enums");
+
 var _theme = require("@twreporter/core/lib/constants/theme");
 
 // @twreporter
-var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled) {
+var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled, style) {
   if (disabled) {
     switch (theme) {
       case _theme.THEME.transparent:
@@ -51,18 +53,39 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
     case _theme.THEME.normal:
     case _theme.THEME.index:
     default:
-      return {
-        color: _color.colorGrayscale.white,
-        bgColor: _color.colorBrand.heavy,
-        hoverColor: _color.colorGrayscale.white,
-        hoverBgColor: _color.colorBrand.dark
-      };
+      switch (style) {
+        case _enums.Style.DARK:
+          return {
+            color: _color.colorGrayscale.white,
+            bgColor: _color.colorGrayscale.gray800,
+            hoverColor: _color.colorGrayscale.white,
+            hoverBgColor: _color.colorGrayscale.black
+          };
+
+        case _enums.Style.LIGHT:
+          return {
+            color: _color.colorGrayscale.gray800,
+            bgColor: _color.colorGrayscale.white,
+            hoverColor: _color.colorGrayscale.gray800,
+            hoverBgColor: _color.colorGrayscale.gray200
+          };
+
+        case _enums.Style.BRAND:
+        default:
+          return {
+            color: _color.colorGrayscale.white,
+            bgColor: _color.colorBrand.heavy,
+            hoverColor: _color.colorGrayscale.white,
+            hoverBgColor: _color.colorBrand.dark
+          };
+      }
+
   }
 };
 
 exports.getFilledPillButtonTheme = getFilledPillButtonTheme;
 
-var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabled) {
+var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabled, style) {
   if (disabled) {
     switch (theme) {
       case _theme.THEME.transparent:
@@ -111,12 +134,33 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
     case _theme.THEME.normal:
     case _theme.THEME.index:
     default:
-      return {
-        color: _color.colorBrand.heavy,
-        bgColor: _color.colorBrand.heavy,
-        hoverColor: _color.colorBrand.dark,
-        hoverBgColor: _color.colorBrand.dark
-      };
+      switch (style) {
+        case _enums.Style.DARK:
+          return {
+            color: _color.colorGrayscale.gray800,
+            bgColor: _color.colorGrayscale.gray800,
+            hoverColor: _color.colorGrayscale.black,
+            hoverBgColor: _color.colorGrayscale.black
+          };
+
+        case _enums.Style.LIGHT:
+          return {
+            color: _color.colorGrayscale.gray800,
+            bgColor: _color.colorGrayscale.white,
+            hoverColor: _color.colorGrayscale.gray800,
+            hoverBgColor: _color.colorGrayscale.gray200
+          };
+
+        case _enums.Style.BRAND:
+        default:
+          return {
+            color: _color.colorBrand.heavy,
+            bgColor: _color.colorBrand.heavy,
+            hoverColor: _color.colorBrand.dark,
+            hoverBgColor: _color.colorBrand.dark
+          };
+      }
+
   }
 };
 

package/lib/card/components/article-card.js

@@ -21,24 +21,28 @@ var _icon = require("../../icon");
 
 var _button = require("../../button");
 
-var _color = require("@twreporter/core/lib/constants/color");
-
-var _theme = require("@twreporter/core/lib/constants/theme");
+var _sharedEnum = require("../../shared-enum");
 
-var _size = require("@twreporter/core/lib/constants/size");
+var _color = require("@twreporter/core/lib/constants/color");
 
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
-var _width, _height, _marginLeft;
+var _width, _height, _marginLeft, _marginTop, _marginBottom;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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 imageStyle = {
-  width: (_width = {}, _defineProperty(_width, _size.SIZE.S, '72px'), _defineProperty(_width, _size.SIZE.L, '216px'), _width),
-  height: (_height = {}, _defineProperty(_height, _size.SIZE.S, '72px'), _defineProperty(_height, _size.SIZE.L, '144px'), _height),
-  marginLeft: (_marginLeft = {}, _defineProperty(_marginLeft, _size.SIZE.S, '8px'), _defineProperty(_marginLeft, _size.SIZE.L, '32px'), _marginLeft)
+  width: (_width = {}, _defineProperty(_width, _sharedEnum.Size.S, '72px'), _defineProperty(_width, _sharedEnum.Size.L, '216px'), _width),
+  height: (_height = {}, _defineProperty(_height, _sharedEnum.Size.S, '72px'), _defineProperty(_height, _sharedEnum.Size.L, '144px'), _height),
+  marginLeft: (_marginLeft = {}, _defineProperty(_marginLeft, _sharedEnum.Size.S, '8px'), _defineProperty(_marginLeft, _sharedEnum.Size.L, '32px'), _marginLeft)
+};
+var bookmarkStyle = {
+  marginTop: (_marginTop = {}, _defineProperty(_marginTop, _sharedEnum.Size.S, '16px'), _defineProperty(_marginTop, _sharedEnum.Size.L, '8px'), _marginTop)
+};
+var metaStyle = {
+  marginBottom: (_marginBottom = {}, _defineProperty(_marginBottom, _sharedEnum.Size.S, '4px'), _defineProperty(_marginBottom, _sharedEnum.Size.L, '8px'), _marginBottom)
 };
 
 var FlexGroup = /*#__PURE__*/_styledComponents["default"].div.withConfig({
@@ -58,19 +62,23 @@ var FlexSpaceBetween = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup)
 var Meta = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig({
   displayName: "article-card__Meta",
   componentId: "sc-9196c7-3"
-})(["color:", ";flex-direction:row;align-items:center;margin-bottom:8px;& > div{margin-right:8px;}&:last-child{margin-right:0;}", ""], _color.colorGrayscale.gray600, function (props) {
+})(["color:", ";flex-direction:row;align-items:center;margin-bottom:", ";& > div{margin-right:8px;}&:last-child{margin-right:0;}", ""], _color.colorGrayscale.gray600, function (props) {
+  return metaStyle.marginBottom[props.size];
+}, function (props) {
   return props.hide ? "display: none;" : '';
 });
 
 var DescContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-card__DescContainer",
   componentId: "sc-9196c7-4"
-})(["margin-top:8px;div{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;}"]);
+})(["color:", ";margin-top:8px;div{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;}"], _color.colorGrayscale.gray800);
 
 var BookmarkContainer = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig({
   displayName: "article-card__BookmarkContainer",
   componentId: "sc-9196c7-5"
-})(["margin-top:8px;align-self:flex-end;"]);
+})(["align-self:flex-end;margin-top:", ";"], function (props) {
+  return bookmarkStyle.marginTop[props.size];
+});
 var ImageContainer = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig({
   displayName: "article-card__ImageContainer",
   componentId: "sc-9196c7-6"
@@ -81,6 +89,14 @@ var ImageContainer = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).w
 }, function (props) {
   return imageStyle.marginLeft[props.size];
 });
+var LeftColumn = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroupColumn).withConfig({
+  displayName: "article-card__LeftColumn",
+  componentId: "sc-9196c7-7"
+})(["flex:1;"]);
+var TitleText = /*#__PURE__*/(0, _styledComponents["default"])(_headline.H4).withConfig({
+  displayName: "article-card__TitleText",
+  componentId: "sc-9196c7-8"
+})(["color:", ";"], _color.colorGrayscale.gray800);
 
 var ArticleCard = function ArticleCard(_ref) {
   var _ref$title = _ref.title,
@@ -94,14 +110,14 @@ var ArticleCard = function ArticleCard(_ref) {
       _ref$category = _ref.category,
       category = _ref$category === void 0 ? '' : _ref$category,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _size.SIZE.S : _ref$size,
+      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
       _ref$isBookmarked = _ref.isBookmarked,
       isBookmarked = _ref$isBookmarked === void 0 ? false : _ref$isBookmarked,
       toggleBookmark = _ref.toggleBookmark,
       _ref$releaseBranch = _ref.releaseBranch,
       releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch;
   var hideMeta = !category && !date;
-  var titleJSX = title ? /*#__PURE__*/_react["default"].createElement(_headline.H4, {
+  var titleJSX = title ? /*#__PURE__*/_react["default"].createElement(TitleText, {
     text: title,
     type: "article"
   }) : null;
@@ -111,31 +127,33 @@ var ArticleCard = function ArticleCard(_ref) {
   var categoryJSX = category ? /*#__PURE__*/_react["default"].createElement(_paragraph.P3, {
     text: category
   }) : null;
-  var descriptionJSX = description ? size === _size.SIZE.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
+  var descriptionJSX = description ? size === _sharedEnum.Size.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
     text: description
   }) : /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
     text: description
   }) : null;
 
   var bookmarkIcon = /*#__PURE__*/_react["default"].createElement(_icon.Bookmark, {
-    type: "saved",
+    type: _icon.Bookmark.Type.SAVED,
     releaseBranch: releaseBranch
   });
 
-  var bookmarkButton = size === _size.SIZE.S ? /*#__PURE__*/_react["default"].createElement(_button.TextButton, {
-    theme: _theme.TEXT_BUTTON_THEME.light,
+  var bookmarkButton = size === _sharedEnum.Size.S ? /*#__PURE__*/_react["default"].createElement(_button.TextButton, {
+    theme: _button.TextButton.THEME.light,
     leftIconComponent: bookmarkIcon,
     text: "\u53D6\u6D88\u6536\u85CF"
   }) : /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
-    theme: _theme.THEME.normal,
+    theme: _button.IconButton.THEME.normal,
     iconComponent: bookmarkIcon
   });
   var bookmarkJSX = isBookmarked ? /*#__PURE__*/_react["default"].createElement(BookmarkContainer, {
-    onClick: toggleBookmark
+    onClick: toggleBookmark,
+    size: size
   }, bookmarkButton) : null;
 
   var metaJSX = /*#__PURE__*/_react["default"].createElement(Meta, {
-    hide: hideMeta
+    hide: hideMeta,
+    size: size
   }, categoryJSX, dateJSX);
 
   var imageJSX = /*#__PURE__*/_react["default"].createElement(ImageContainer, {
@@ -146,12 +164,12 @@ var ArticleCard = function ArticleCard(_ref) {
     releaseBranch: releaseBranch
   }));
 
-  if (size === _size.SIZE.S) {
+  if (size === _sharedEnum.Size.S) {
     return /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, metaJSX, titleJSX), /*#__PURE__*/_react["default"].createElement(FlexGroup, null, imageJSX)), /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, /*#__PURE__*/_react["default"].createElement(DescContainer, null, descriptionJSX), bookmarkJSX));
   } // L size
 
 
-  return /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, metaJSX, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, titleJSX, /*#__PURE__*/_react["default"].createElement(DescContainer, null, descriptionJSX), bookmarkJSX)), imageJSX);
+  return /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(LeftColumn, null, metaJSX, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, titleJSX, /*#__PURE__*/_react["default"].createElement(DescContainer, null, descriptionJSX), bookmarkJSX)), imageJSX);
 };
 
 ArticleCard.propTypes = {
@@ -164,10 +182,11 @@ ArticleCard.propTypes = {
     srcSet: _propTypes["default"].string
   }),
   category: _propTypes["default"].string,
-  size: _size.SIZE_PROP_TYPES,
+  size: _propTypes["default"].oneOf(Object.values(_sharedEnum.Size)),
   isBookmarked: _propTypes["default"].bool,
   toggleBookmark: _propTypes["default"].func,
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
+ArticleCard.Size = _sharedEnum.Size;
 var _default = ArticleCard;
 exports["default"] = _default;

package/lib/card/components/dialog.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _paragraph = require("../../text/paragraph");
 
-var _size = require("@twreporter/core/lib/constants/size");
+var _sharedEnum = require("../../shared-enum");
 
 var _excluded = ["text", "size"];
 
@@ -42,10 +42,10 @@ var Dialog = function Dialog(_ref) {
   var _ref$text = _ref.text,
       text = _ref$text === void 0 ? '' : _ref$text,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _size.SIZE.S : _ref$size,
+      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var textIcon = size === _size.SIZE.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
+  var textIcon = size === _sharedEnum.Size.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
     text: text,
     weight: "bold"
   }) : /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
@@ -57,7 +57,8 @@ var Dialog = function Dialog(_ref) {
 
 Dialog.propTypes = {
   text: _propTypes["default"].string,
-  size: _size.SIZE_PROP_TYPES
+  size: _propTypes["default"].oneOf(Object.values(_sharedEnum.Size))
 };
+Dialog.Size = _sharedEnum.Size;
 var _default = Dialog;
 exports["default"] = _default;

package/lib/card/stories/articleCard.stories.js

@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _articleCard = _interopRequireDefault(require("../components/article-card"));
 
-var _size = require("@twreporter/core/lib/constants/size");
+var _constants = require("../../storybook/constants");
 
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
@@ -21,8 +21,8 @@ var _default = {
   title: 'Card/Article',
   component: _articleCard["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE,
-    size: _size.SIZE_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE,
+    size: _constants.SIZE_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -31,7 +31,7 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "articleCardstories__Container",
   componentId: "q36nxb-0"
 })(["width:", "px;"], function (props) {
-  return props.size === _size.SIZE.S ? '343' : '878';
+  return props.size === _articleCard["default"].Size.S ? '343' : '878';
 });
 
 var article = function article(args) {
@@ -42,7 +42,7 @@ var article = function article(args) {
 
 exports.article = article;
 article.args = {
-  size: _size.SIZE.L,
+  size: _articleCard["default"].Size.L,
   title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
   description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
   category: '主分類',

package/lib/card/stories/dialog.stories.js

@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _dialog = _interopRequireDefault(require("../components/dialog"));
 
-var _size = require("@twreporter/core/lib/constants/size");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -19,7 +19,7 @@ var _default = {
   title: 'Card/Dialog',
   component: _dialog["default"],
   argTypes: {
-    size: _size.SIZE_STORYBOOK_ARG_TYPE
+    size: _constants.SIZE_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -35,7 +35,7 @@ var dialog = function dialog(args) {
 exports.dialog = dialog;
 dialog.args = {
   text: '登出',
-  size: _size.SIZE.S
+  size: _dialog["default"].Size.S
 };
 dialog.parameters = {
   backgrounds: {

package/lib/divider.js

@@ -25,6 +25,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+// direction enum
+var Direction = {
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical'
+};
 var borderWidth = {
   vertical: [0, '1px', 0, 0],
   horizontal: ['1px', 0, 0, 0]
@@ -51,7 +56,7 @@ var DividerBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 
 var Divider = function Divider(_ref) {
   var _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
+      direction = _ref$direction === void 0 ? Direction.HORIZONTAL : _ref$direction,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(DividerBox, _extends({
@@ -60,7 +65,8 @@ var Divider = function Divider(_ref) {
 };
 
 Divider.propTypes = {
-  direction: _propTypes["default"].oneOf(['vertical', 'horizontal'])
+  direction: _propTypes["default"].oneOf(Object.values(Direction))
 };
+Divider.Direction = Direction;
 var _default = Divider;
 exports["default"] = _default;

package/lib/divider.stories.js

@@ -46,12 +46,12 @@ var divider = function divider(args) {
 
 exports.divider = divider;
 divider.args = {
-  direction: 'horizontal'
+  direction: _divider["default"].Direction.HORIZONTAL
 };
 
 var horizontal = function horizontal() {
   return /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    direction: "horizontal"
+    direction: _divider["default"].Direction.HORIZONTAL
   });
 };
 
@@ -64,7 +64,7 @@ horizontal.parameters = {
 
 var vertical = function vertical() {
   return /*#__PURE__*/_react["default"].createElement(VerticalContainer, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    direction: "vertical"
+    direction: _divider["default"].Direction.VERTICAL
   }));
 };
 

package/lib/icon/enum/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaType = exports.BookmarkType = exports.ArrowDirection = exports.IconType = void 0;
+var IconType = Object.freeze({
+  MASK: 'mask',
+  RAW: 'raw'
+});
+exports.IconType = IconType;
+var ArrowDirection = Object.freeze({
+  RIGHT: 'right',
+  LEFT: 'left',
+  UP: 'up',
+  DOWN: 'down'
+});
+exports.ArrowDirection = ArrowDirection;
+var BookmarkType = Object.freeze({
+  BASIC: 'basic',
+  ADD: 'add',
+  SAVED: 'saved'
+});
+exports.BookmarkType = BookmarkType;
+var MediaType = Object.freeze({
+  FACEBOOK: 'facebook',
+  INSTAGRAM: 'instagram',
+  MEDIUM: 'medium',
+  TWITTER: 'twitter',
+  YOUTUBE: 'youtube',
+  LINE: 'line',
+  GOOGLE: 'google'
+});
+exports.MediaType = MediaType;