@twreporter/react-components 8.13.1-rc.2 → 8.14.0-rc.0

package/lib/button/utils/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.getIconWithTextButtonTheme = exports.getSecondaryIconButtonTheme = exports.getPrimaryIconButtonTheme = exports.getOutlinePillButtonTheme = exports.getFilledPillButtonTheme = void 0;
+exports["default"] = exports.getActiveTextButtonTheme = exports.getDisabledTextButtonTheme = exports.getSecondaryTextButtonTheme = exports.getPrimaryTextButtonTheme = exports.getIconWithTextButtonTheme = exports.getSecondaryIconButtonTheme = exports.getPrimaryIconButtonTheme = exports.getOutlinePillButtonTheme = exports.getFilledPillButtonTheme = void 0;
 
 var _color = require("@twreporter/core/lib/constants/color");
 
@@ -65,17 +65,25 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
     switch (theme) {
       case 'transparent':
         return {
-          color: _color.colorGrayscale.white,
+          color: _color.colorGrayscale.gray200,
           bgColor: _color.colorGrayscale.gray200,
-          hoverColor: _color.colorGrayscale.white,
+          hoverColor: _color.colorGrayscale.gray200,
+          hoverBgColor: _color.colorGrayscale.gray200
+        };
+
+      case 'photography':
+        return {
+          color: _color.colorGrayscale.gray600,
+          bgColor: _color.colorGrayscale.gray200,
+          hoverColor: _color.colorGrayscale.gray600,
           hoverBgColor: _color.colorGrayscale.gray200
         };
 
       default:
         return {
-          color: _color.colorGrayscale.white,
+          color: _color.colorGrayscale.gray400,
           bgColor: _color.colorGrayscale.gray400,
-          hoverColor: _color.colorGrayscale.white,
+          hoverColor: _color.colorGrayscale.gray400,
           hoverBgColor: _color.colorGrayscale.gray400
         };
     }
@@ -267,11 +275,115 @@ var getIconWithTextButtonTheme = function getIconWithTextButtonTheme(theme, isAc
 };
 
 exports.getIconWithTextButtonTheme = getIconWithTextButtonTheme;
+
+var getPrimaryTextButtonTheme = function getPrimaryTextButtonTheme(theme) {
+  switch (theme) {
+    case 'photography':
+      return {
+        color: _color.colorGrayscale.white,
+        hoverColor: _color.colorSupportive.main
+      };
+
+    case 'transparent':
+      return {
+        color: _color.colorGrayscale.white,
+        hoverColor: _color.colorGrayscale.gray800
+      };
+
+    case 'normal':
+    default:
+      return {
+        color: _color.colorGrayscale.gray800,
+        hoverColor: _color.colorBrand.heavy
+      };
+  }
+};
+
+exports.getPrimaryTextButtonTheme = getPrimaryTextButtonTheme;
+
+var getSecondaryTextButtonTheme = function getSecondaryTextButtonTheme(theme) {
+  switch (theme) {
+    case 'photography':
+      return {
+        color: _color.colorGrayscale.gray400,
+        hoverColor: _color.colorSupportive.main
+      };
+
+    case 'transparent':
+      return {
+        color: _color.colorGrayscale.gray600,
+        hoverColor: _color.colorGrayscale.gray800
+      };
+
+    case 'normal':
+    default:
+      return {
+        color: _color.colorGrayscale.gray600,
+        hoverColor: _color.colorBrand.heavy
+      };
+  }
+};
+
+exports.getSecondaryTextButtonTheme = getSecondaryTextButtonTheme;
+
+var getDisabledTextButtonTheme = function getDisabledTextButtonTheme(theme) {
+  switch (theme) {
+    case 'photography':
+      return {
+        color: _color.colorGrayscale.gray600,
+        hoverColor: _color.colorGrayscale.gray600
+      };
+
+    case 'transparent':
+      return {
+        color: _color.colorGrayscale.gray200,
+        hoverColor: _color.colorGrayscale.gray200
+      };
+
+    case 'normal':
+    default:
+      return {
+        color: _color.colorGrayscale.gray400,
+        hoverColor: _color.colorGrayscale.gray400
+      };
+  }
+};
+
+exports.getDisabledTextButtonTheme = getDisabledTextButtonTheme;
+
+var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme) {
+  switch (theme) {
+    case 'photography':
+      return {
+        color: _color.colorSupportive.main,
+        hoverColor: _color.colorSupportive.main
+      };
+
+    case 'transparent':
+      return {
+        color: _color.colorGrayscale.white,
+        hoverColor: _color.colorGrayscale.white
+      };
+
+    case 'normal':
+    default:
+      return {
+        color: _color.colorBrand.heavy,
+        hoverColor: _color.colorBrand.heavy
+      };
+  }
+};
+
+exports.getActiveTextButtonTheme = getActiveTextButtonTheme;
 var _default = {
   getFilledPillButtonTheme: getFilledPillButtonTheme,
   getOutlinePillButtonTheme: getOutlinePillButtonTheme,
   getPrimaryIconButtonTheme: getPrimaryIconButtonTheme,
   getSecondaryIconButtonTheme: getSecondaryIconButtonTheme,
-  getIconWithTextButtonTheme: getIconWithTextButtonTheme
+  getIconWithTextButtonTheme: getIconWithTextButtonTheme,
+  getPrimaryTextButtonTheme: getPrimaryTextButtonTheme,
+  getSecondaryTextButtonTheme: getSecondaryTextButtonTheme,
+  getDisabledTextButtonTheme: getDisabledTextButtonTheme,
+  getActiveTextButtonTheme: getActiveTextButtonTheme
 };
 exports["default"] = _default;

package/lib/card/components/dialog.js

@@ -0,0 +1,61 @@
+"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"));
+
+var _paragraph = require("../../text/paragraph");
+
+var _excluded = ["text", "size"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "dialog__Container",
+  componentId: "mpc5lq-0"
+})(["display:flex;flex-direction:column;align-items:flex-end;"]);
+
+var Text = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "dialog__Text",
+  componentId: "mpc5lq-1"
+})(["padding:16px 24px;background-color:white;"]);
+
+var Triangle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "dialog__Triangle",
+  componentId: "mpc5lq-2"
+})(["width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid white;transform:translateX(-16px);"]);
+
+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 ? 'S' : _ref$size,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var textIcon = size === 'S' ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
+    text: text,
+    weight: "bold"
+  }) : /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
+    text: text,
+    weight: "bold"
+  });
+  return /*#__PURE__*/_react["default"].createElement(Container, props, /*#__PURE__*/_react["default"].createElement(Triangle, null), /*#__PURE__*/_react["default"].createElement(Text, null, textIcon));
+};
+
+Dialog.propTypes = {
+  text: _propTypes["default"].string,
+  size: _propTypes["default"].oneOf(['S', 'L'])
+};
+var _default = Dialog;
+exports["default"] = _default;

package/lib/card/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function get() {
+    return _dialog["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _dialog = _interopRequireDefault(require("./components/dialog"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  Dialog: _dialog["default"]
+};
+exports["default"] = _default;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dialog = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _dialog = _interopRequireDefault(require("../components/dialog"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  title: 'Card/Dialog',
+  component: _dialog["default"]
+};
+exports["default"] = _default;
+var StyledDialog = /*#__PURE__*/(0, _styledComponents["default"])(_dialog["default"]).withConfig({
+  displayName: "dialogstories__StyledDialog",
+  componentId: "sc-1h10bts-0"
+})(["width:fit-content;"]);
+
+var dialog = function dialog(args) {
+  return /*#__PURE__*/_react["default"].createElement(StyledDialog, args);
+};
+
+exports.dialog = dialog;
+dialog.args = {
+  text: '登出',
+  size: 'S'
+};
+dialog.parameters = {
+  backgrounds: {
+    "default": 'normal'
+  }
+};

package/lib/icon/index.js

@@ -11,9 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
 var _excluded = ["filename", "releaseBranch"];
 
@@ -38,7 +36,7 @@ var Icon = function Icon(_ref) {
   var _ref$filename = _ref.filename,
       filename = _ref$filename === void 0 ? '' : _ref$filename,
       _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].master : _ref$releaseBranch,
+      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var src = "".concat(baseGCSDir).concat(releaseBranch, "/").concat(filename, ".svg");
@@ -51,7 +49,7 @@ var Icon = function Icon(_ref) {
 exports.Icon = Icon;
 Icon.propTypes = {
   filename: _propTypes["default"].string,
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Arrow = function Arrow(_ref2) {
@@ -68,7 +66,7 @@ var Arrow = function Arrow(_ref2) {
 exports.Arrow = Arrow;
 Arrow.propTypes = {
   direction: _propTypes["default"].oneOf(['right', 'left', 'up', 'down']),
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Bookmark = function Bookmark(_ref3) {
@@ -85,7 +83,7 @@ var Bookmark = function Bookmark(_ref3) {
 exports.Bookmark = Bookmark;
 Bookmark.propTypes = {
   type: _propTypes["default"].oneOf(['basic', 'add', 'saved']),
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Hamburger = function Hamburger(args) {
@@ -96,7 +94,7 @@ var Hamburger = function Hamburger(args) {
 
 exports.Hamburger = Hamburger;
 Hamburger.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Cross = function Cross(args) {
@@ -107,7 +105,7 @@ var Cross = function Cross(args) {
 
 exports.Cross = Cross;
 Cross.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Search = function Search(args) {
@@ -118,7 +116,7 @@ var Search = function Search(args) {
 
 exports.Search = Search;
 Search.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Member = function Member(args) {
@@ -129,7 +127,7 @@ var Member = function Member(args) {
 
 exports.Member = Member;
 Member.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Home = function Home(args) {
@@ -140,7 +138,7 @@ var Home = function Home(args) {
 
 exports.Home = Home;
 Home.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Share = function Share(args) {
@@ -151,7 +149,7 @@ var Share = function Share(args) {
 
 exports.Share = Share;
 Share.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Text = function Text(args) {
@@ -162,7 +160,7 @@ var Text = function Text(args) {
 
 exports.Text = Text;
 Text.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Clock = function Clock(args) {
@@ -173,7 +171,7 @@ var Clock = function Clock(args) {
 
 exports.Clock = Clock;
 Clock.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Article = function Article(args) {
@@ -184,7 +182,7 @@ var Article = function Article(args) {
 
 exports.Article = Article;
 Article.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Topic = function Topic(args) {
@@ -195,7 +193,7 @@ var Topic = function Topic(args) {
 
 exports.Topic = Topic;
 Topic.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Copy = function Copy(args) {
@@ -206,7 +204,7 @@ var Copy = function Copy(args) {
 
 exports.Copy = Copy;
 Copy.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Loading = function Loading(args) {
@@ -217,7 +215,7 @@ var Loading = function Loading(args) {
 
 exports.Loading = Loading;
 Loading.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Printer = function Printer(args) {
@@ -228,7 +226,7 @@ var Printer = function Printer(args) {
 
 exports.Printer = Printer;
 Printer.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Facebook = function Facebook(args) {
@@ -239,7 +237,7 @@ var Facebook = function Facebook(args) {
 
 exports.Facebook = Facebook;
 Facebook.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Instagram = function Instagram(args) {
@@ -250,7 +248,7 @@ var Instagram = function Instagram(args) {
 
 exports.Instagram = Instagram;
 Instagram.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Medium = function Medium(args) {
@@ -261,7 +259,7 @@ var Medium = function Medium(args) {
 
 exports.Medium = Medium;
 Medium.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Twitter = function Twitter(args) {
@@ -272,7 +270,7 @@ var Twitter = function Twitter(args) {
 
 exports.Twitter = Twitter;
 Twitter.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Youtube = function Youtube(args) {
@@ -283,7 +281,7 @@ var Youtube = function Youtube(args) {
 
 exports.Youtube = Youtube;
 Youtube.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 
 var Line = function Line(args) {
@@ -294,7 +292,7 @@ var Line = function Line(args) {
 
 exports.Line = Line;
 Line.propTypes = {
-  releaseBranch: _propTypes2["default"].releaseBranch
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
 var _default = {
   Arrow: Arrow,

package/lib/icon/stories/arrow.stories.js

@@ -9,25 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = 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: 'Icon/Arrow',
   component: _index.Arrow,
   argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
+    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/article.stories.js

@@ -9,25 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = 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: 'Icon/Article',
   component: _index.Article,
   argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
+    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/bookmark.stories.js

@@ -9,25 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = 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: 'Icon/Bookmark',
   component: _index.Bookmark,
   argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
+    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/clock.stories.js

@@ -9,25 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = 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: 'Icon/Clock',
   component: _index.Clock,
   argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
+    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/copy.stories.js

@@ -9,25 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = 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: 'Icon/Copy',
   component: _index.Copy,
   argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
+    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/cross.stories.js

@@ -9,25 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("../index");
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+var _releaseBranch = 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: 'Icon/Cross',
   component: _index.Cross,
   argTypes: {
-    releaseBranch: {
-      defaultValue: master,
-      options: [master, staging, preview, release],
-      control: {
-        type: 'radio'
-      }
-    }
+    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;