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

package/lib/icon/stories/loading.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Loading',
   component: _index.Loading,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/member.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Member',
   component: _index.Member,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/printer.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Printer',
   component: _index.Printer,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/search.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Search',
   component: _index.Search,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/share.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Share',
   component: _index.Share,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/socialMedia.stories.js

@@ -7,45 +7,27 @@ exports.socialMedia = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _getEnumArg = require("../../storybook/utils/get-enum-arg");
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var SocialMedia = function SocialMedia(_ref) {
-  var mediaType = _ref.mediaType,
-      releaseBranch = _ref.releaseBranch;
-  return /*#__PURE__*/_react["default"].createElement(_index.Icon, {
-    filename: mediaType,
-    releaseBranch: releaseBranch
-  });
-};
-
-SocialMedia.propTypes = {
-  mediaType: _propTypes["default"].oneOf(['facebook', 'instagram', 'medium', 'twitter', 'youtube', 'line']),
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
 var _default = {
   title: 'Icon/Social Media',
-  component: SocialMedia,
+  component: _index.SocialMedia,
   argTypes: {
-    mediaType: {
-      defaultValue: 'facebook',
-      options: ['facebook', 'instagram', 'medium', 'twitter', 'youtube', 'line'],
-      control: {
-        type: 'radio'
-      }
-    },
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    type: (0, _getEnumArg.getRadioArg)(_index.SocialMedia.Type, _index.SocialMedia.Type.MASK),
+    mediaType: (0, _getEnumArg.getRadioArg)(_index.SocialMedia.MediaType, _index.SocialMedia.MediaType.GOOGLE),
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
 
 var socialMedia = function socialMedia(args) {
-  return /*#__PURE__*/_react["default"].createElement(SocialMedia, args);
+  return /*#__PURE__*/_react["default"].createElement(_index.SocialMedia, args);
 };
 
 exports.socialMedia = socialMedia;

package/lib/icon/stories/text.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Text',
   component: _index.Text,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/topic.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Icon/Topic',
   component: _index.Topic,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/input/components/search-bar.js

@@ -15,7 +15,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _theme = require("../utils/theme");
 
-var _type = require("../constants/type");
+var _enums = require("../enums");
 
 var _icon = require("../../icon");
 
@@ -117,7 +117,7 @@ var SearchBar = function SearchBar(_ref) {
       _ref$autofocus = _ref.autofocus,
       autofocus = _ref$autofocus === void 0 ? true : _ref$autofocus,
       _ref$widthType = _ref.widthType,
-      widthType = _ref$widthType === void 0 ? _type.WIDTH_TYPE.fit : _ref$widthType,
+      widthType = _ref$widthType === void 0 ? _enums.WidthType.FIT : _ref$widthType,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)(''),
@@ -209,13 +209,15 @@ var SearchBar = function SearchBar(_ref) {
 
 SearchBar.propTypes = {
   placeholder: _propTypes["default"].string,
-  theme: _theme2.THEME_PROP_TYPES,
+  theme: _propTypes["default"].oneOf(Object.values(_theme2.THEME)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES,
   onSearch: _propTypes["default"].func,
   onClose: _propTypes["default"].func,
   handleBlur: _propTypes["default"].func,
   autofocus: _propTypes["default"].bool,
-  widthType: _type.WIDTH_PROP_TYPE
+  widthType: _propTypes["default"].oneOf(Object.values(_enums.WidthType))
 };
+SearchBar.THEME = _theme2.THEME;
+SearchBar.WidthType = _enums.WidthType;
 var _default = SearchBar;
 exports["default"] = _default;

package/lib/input/enums/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WidthType = void 0;
+var WidthType = Object.freeze({
+  FIT: 'fit',
+  STRETCH: 'stretch'
+});
+exports.WidthType = WidthType;

package/lib/input/stories/search-bar.stories.js

@@ -7,22 +7,23 @@ exports.searchBar = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _getEnumArg = require("../../storybook/utils/get-enum-arg");
+
 var _searchBar = _interopRequireDefault(require("../components/search-bar"));
 
-var _type = require("../constants/type");
+var _constants = require("../../storybook/constants");
 
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
-var _theme = require("@twreporter/core/lib/constants/theme");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
   title: 'Input/Search Bar',
   component: _searchBar["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE,
-    theme: _theme.THEME_STORYBOOK_ARG_TYPE
+    widthType: (0, _getEnumArg.getRadioArg)(_searchBar["default"].WidthType, _searchBar["default"].WidthType.FIT),
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE,
+    theme: _constants.THEME_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -47,10 +48,10 @@ var onClose = function onClose() {
 
 searchBar.args = {
   placeholder: '關鍵字搜尋',
-  theme: _theme.THEME.normal,
+  theme: _searchBar["default"].THEME.normal,
   releaseBranch: _releaseBranch.BRANCH.master,
   onSearch: onSearch,
   onClose: onClose,
   autofocus: false,
-  widthType: _type.WIDTH_TYPE.fit
+  widthType: _searchBar["default"].WidthType.FIT
 };

package/lib/input/utils/theme.js

@@ -7,9 +7,11 @@ exports.selectThemeStyle = void 0;
 
 var _color = require("@twreporter/core/lib/constants/color");
 
+var _theme = require("@twreporter/core/lib/constants/theme");
+
 var selectThemeStyle = function selectThemeStyle(theme) {
   switch (theme) {
-    case 'photography':
+    case _theme.THEME.photography:
       return {
         bgColor: _color.colorOpacity['white_0.8'],
         focusBgColor: _color.colorGrayscale.gray100,
@@ -20,7 +22,7 @@ var selectThemeStyle = function selectThemeStyle(theme) {
         placeholderColor: _color.colorGrayscale.gray800
       };
 
-    case 'transpareant':
+    case _theme.THEME.transpareant:
       return {
         bgColor: _color.colorOpacity['gray100_0.8'],
         focusBgColor: _color.colorOpacity['gray100_0.8'],
@@ -31,7 +33,7 @@ var selectThemeStyle = function selectThemeStyle(theme) {
         placeholderColor: _color.colorGrayscale.gray500
       };
 
-    case 'normal':
+    case _theme.THEME.normal:
     default:
       return {
         bgColor: _color.colorOpacity['gray100_0.8'],

package/lib/listing-page/components/card-list.js

@@ -19,6 +19,8 @@ var _divider = _interopRequireDefault(require("../../divider"));
 
 var _customizedLink = _interopRequireDefault(require("../../customized-link"));
 
+var _rwd = require("../../rwd");
+
 var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
 
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
@@ -31,15 +33,13 @@ var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
 var _theme = require("@twreporter/core/lib/constants/theme");
 
-var _size = require("@twreporter/core/lib/constants/size");
-
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
 var _map = _interopRequireDefault(require("lodash/map"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -52,36 +52,30 @@ var _ = {
   get: _get["default"],
   map: _map["default"]
 };
-
-var DesktopOnly = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "card-list__DesktopOnly",
+var Card = /*#__PURE__*/(0, _styledComponents["default"])(_card.ArticleCard).withConfig({
+  displayName: "card-list__Card",
   componentId: "yvf001-0"
-})(["display:none;", ""], _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n  "]))));
-
-var MobileOnly = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "card-list__MobileOnly",
-  componentId: "yvf001-1"
-})(["display:none;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n  "]))));
+})(["width:100%;"]);
 
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "card-list__Container",
-  componentId: "yvf001-2"
+  componentId: "yvf001-1"
 })(["display:flex;flex-direction:column;a{color:inherit;text-decoration:none;}"]);
 
 var Item = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "card-list__Item",
-  componentId: "yvf001-3"
-})(["margin-bottom:24px;&:hover{opacity:0.7;}&:last-child{margin-bottom:0;}width:100%;", ""], _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "%;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
+  componentId: "yvf001-2"
+})(["margin-bottom:24px;&:hover{opacity:0.7;}&:last-child{margin-bottom:0;}width:100%;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "%;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
 
 var StyledDivider = /*#__PURE__*/(0, _styledComponents["default"])(_divider["default"]).withConfig({
   displayName: "card-list__StyledDivider",
-  componentId: "yvf001-4"
+  componentId: "yvf001-3"
 })(["margin-top:24px;"]);
 
 var FlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "card-list__FlexItem",
-  componentId: "yvf001-5"
-})(["width:", "px;margin:0 auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mediaQuery["default"].desktopOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    justify-content: center;\n  "]))));
+  componentId: "yvf001-4"
+})(["width:", "px;margin:0 auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;", " ", " ", ""], _mockupSpec["default"].hd.maxWidth, _mediaQuery["default"].desktopOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].desktop.maxWidth), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _mockupSpec["default"].tablet.maxWidth), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 100%;\n    justify-content: center;\n  "]))));
 
 var Content = (0, _isFetchingWrapper["default"])(FlexItem);
 
@@ -138,10 +132,10 @@ var CardList = function CardList(_ref) {
     };
     return /*#__PURE__*/_react["default"].createElement(Item, {
       key: id
-    }, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], link, /*#__PURE__*/_react["default"].createElement(DesktopOnly, null, /*#__PURE__*/_react["default"].createElement(_card.ArticleCard, _extends({}, articleCardProps, {
-      size: _size.SIZE.L
-    }))), /*#__PURE__*/_react["default"].createElement(MobileOnly, null, /*#__PURE__*/_react["default"].createElement(_card.ArticleCard, _extends({}, articleCardProps, {
-      size: _size.SIZE.S
+    }, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], link, /*#__PURE__*/_react["default"].createElement(_rwd.DesktopOnly, null, /*#__PURE__*/_react["default"].createElement(Card, _extends({}, articleCardProps, {
+      size: _card.ArticleCard.Size.L
+    }))), /*#__PURE__*/_react["default"].createElement(_rwd.MobileOnly, null, /*#__PURE__*/_react["default"].createElement(Card, _extends({}, articleCardProps, {
+      size: _card.ArticleCard.Size.S
     }))), /*#__PURE__*/_react["default"].createElement(StyledDivider, null)));
   });
 

package/lib/listing-page/stories/cardList.stories.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _cardList = _interopRequireDefault(require("../components/card-list"));
 
+var _constants = require("../../storybook/constants");
+
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -17,7 +19,7 @@ var _default = {
   title: 'List/Card',
   component: _cardList["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -45,6 +47,15 @@ card.args = {
       description: 'test'
     },
     slug: 'this-is-a-test-article'
+  }, {
+    id: '12347',
+    title: '文章標題',
+    og_description: '文章描述',
+    published_date: '2023-02-12T16:00:00Z',
+    hero_image: {
+      description: 'test'
+    },
+    slug: 'this-is-a-test-article-3'
   }, {
     id: '12346',
     title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',

package/lib/logo/components/logo-header.js

@@ -30,6 +30,11 @@ var LogoContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
   componentId: "rlga04-0"
 })([""]);
 
+var logoType = {
+  DEFAULT: 'default',
+  WHITE: 'white'
+};
+
 var LogoHeader = function LogoHeader(_ref) {
   var type = _ref.type,
       releaseBranch = _ref.releaseBranch,
@@ -44,12 +49,13 @@ var LogoHeader = function LogoHeader(_ref) {
 };
 
 LogoHeader.propTypes = {
-  type: _propTypes["default"].oneOf(['default', 'white']),
+  type: _propTypes["default"].oneOf(Object.values(logoType)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 LogoHeader.defaultProps = {
-  type: 'default',
+  type: logoType.DEFAULT,
   releaseBranch: _releaseBranch.BRANCH.master
 };
+LogoHeader.Type = logoType;
 var _default = LogoHeader;
 exports["default"] = _default;

package/lib/logo/components/logo-symbol.js

@@ -30,9 +30,15 @@ var LogoContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
   componentId: "dea8w0-0"
 })([""]);
 
+var logoType = {
+  DEFAULT: 'default',
+  BLACK: 'black',
+  WHITE: 'white'
+};
+
 var LogoSymbol = function LogoSymbol(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'default' : _ref$type,
+      type = _ref$type === void 0 ? logoType.DEFAULT : _ref$type,
       _ref$releaseBranch = _ref.releaseBranch,
       releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -46,8 +52,9 @@ var LogoSymbol = function LogoSymbol(_ref) {
 };
 
 LogoSymbol.propTypes = {
-  type: _propTypes["default"].oneOf(['default', 'black', 'white']),
+  type: _propTypes["default"].oneOf(Object.values(logoType)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
+LogoSymbol.Type = logoType;
 var _default = LogoSymbol;
 exports["default"] = _default;

package/lib/logo/stories/logoFooter.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _logoFooter = _interopRequireDefault(require("../components/logo-footer"));
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Logo/Footer',
   component: _logoFooter["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/logo/stories/logoHeader.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _logoHeader = _interopRequireDefault(require("../components/logo-header"));
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Logo/Header',
   component: _logoHeader["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -28,5 +28,5 @@ var header = function header(args) {
 
 exports.header = header;
 header.args = {
-  type: 'default'
+  type: _logoHeader["default"].Type.DEFAULT
 };

package/lib/logo/stories/logoLoadingFallback.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _logoLoadingFallback = _interopRequireDefault(require("../components/logo-loading-fallback"));
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Logo/Fallback',
   component: _logoLoadingFallback["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/logo/stories/logoSymbol.stories.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _logoSymbol = _interopRequireDefault(require("../components/logo-symbol"));
 
-var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
+var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ var _default = {
   title: 'Logo/Symbol',
   component: _logoSymbol["default"],
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -28,5 +28,5 @@ var symbol = function symbol(args) {
 
 exports.symbol = symbol;
 symbol.args = {
-  type: 'default'
+  type: _logoSymbol["default"].Type.DEFAULT
 };

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({