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

package/lib/icon/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.SocialMedia = exports.Line = exports.Youtube = exports.Twitter = exports.Medium = exports.Instagram = exports.Facebook = exports.Printer = exports.Loading = exports.Copy = exports.Topic = exports.Article = exports.Clock = exports.Text = exports.Share = exports.Home = exports.Member = exports.Search = exports.Cross = exports.Hamburger = exports.Bookmark = exports.Arrow = exports.Icon = void 0;
+exports["default"] = exports.SocialMedia = exports.Bookmark = exports.Arrow = exports.Google = exports.Line = exports.Youtube = exports.Twitter = exports.Medium = exports.Instagram = exports.Facebook = exports.Letter = exports.Printer = exports.Loading = exports.Copy = exports.Topic = exports.Article = exports.Clock = exports.Text = exports.Share = exports.Home = exports.Member = exports.Search = exports.Cross = exports.Hamburger = exports.Icon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,11 +11,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _enum = require("./enum");
+
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
-var _excluded = ["filename", "releaseBranch"],
-    _excluded2 = ["direction", "releaseBranch"],
-    _excluded3 = ["mediaType"];
+var _excluded = ["type", "filename", "releaseBranch"],
+    _excluded2 = ["releaseBranch"],
+    _excluded3 = ["direction", "releaseBranch"],
+    _excluded4 = ["mediaType"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -34,15 +37,23 @@ var IconContainer = /*#__PURE__*/_styledComponents["default"].svg.withConfig({
   return props.src;
 });
 
+var RawIconContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
+  displayName: "icon__RawIconContainer",
+  componentId: "sc-4fv57p-1"
+})(["height:24px;width:24px;"]);
+
 var Icon = function Icon(_ref) {
-  var _ref$filename = _ref.filename,
+  var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? _enum.IconType.MASK : _ref$type,
+      _ref$filename = _ref.filename,
       filename = _ref$filename === void 0 ? '' : _ref$filename,
       _ref$releaseBranch = _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");
-  return /*#__PURE__*/_react["default"].createElement(IconContainer, _extends({
+  var IconComponent = type === _enum.IconType.RAW ? RawIconContainer : IconContainer;
+  return /*#__PURE__*/_react["default"].createElement(IconComponent, _extends({
     alt: filename,
     src: src
   }, restProps));
@@ -50,258 +61,119 @@ var Icon = function Icon(_ref) {
 
 exports.Icon = Icon;
 Icon.propTypes = {
+  type: _propTypes["default"].oneOf(Object.values(_enum.IconType)),
   filename: _propTypes["default"].string,
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
+Icon.type = _enum.IconType;
+Icon.releaseBranch = _releaseBranch.BRANCH;
 
-var Arrow = function Arrow(_ref2) {
-  var _ref2$direction = _ref2.direction,
-      direction = _ref2$direction === void 0 ? 'right' : _ref2$direction,
-      releaseBranch = _ref2.releaseBranch,
-      props = _objectWithoutProperties(_ref2, _excluded2);
+var getIcon = function getIcon(gcsFileName) {
+  var gcsIcon = function gcsIcon(_ref2) {
+    var _ref2$releaseBranch = _ref2.releaseBranch,
+        releaseBranch = _ref2$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref2$releaseBranch,
+        props = _objectWithoutProperties(_ref2, _excluded2);
 
-  var filename = "arrow_".concat(direction);
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: filename,
-    releaseBranch: releaseBranch
-  }, props));
-};
+    return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
+      filename: gcsFileName,
+      releaseBranch: releaseBranch
+    }, props));
+  };
 
-exports.Arrow = Arrow;
-Arrow.propTypes = {
-  direction: _propTypes["default"].oneOf(['right', 'left', 'up', 'down']),
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Bookmark = function Bookmark(_ref3) {
-  var _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? 'basic' : _ref3$type,
-      releaseBranch = _ref3.releaseBranch;
-  var filename = "bookmark_".concat(type);
-  return /*#__PURE__*/_react["default"].createElement(Icon, {
-    filename: filename,
-    releaseBranch: releaseBranch
-  });
-};
-
-exports.Bookmark = Bookmark;
-Bookmark.propTypes = {
-  type: _propTypes["default"].oneOf(['basic', 'add', 'saved']),
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Hamburger = function Hamburger(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "hamburger"
-  }, args));
+  gcsIcon.propTypes = {
+    type: _propTypes["default"].oneOf(Object.values(_enum.IconType)),
+    releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
+  };
+  gcsIcon.displayName = gcsFileName || 'icon';
+  gcsIcon.Type = _enum.IconType;
+  return gcsIcon;
 };
 
+var Hamburger = getIcon('hamburger');
 exports.Hamburger = Hamburger;
-Hamburger.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Cross = function Cross(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "cross"
-  }, args));
-};
-
+var Cross = getIcon('cross');
 exports.Cross = Cross;
-Cross.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Search = function Search(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "search"
-  }, args));
-};
-
+var Search = getIcon('search');
 exports.Search = Search;
-Search.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Member = function Member(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "member"
-  }, args));
-};
-
+var Member = getIcon('member');
 exports.Member = Member;
-Member.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Home = function Home(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "home"
-  }, args));
-};
-
+var Home = getIcon('home');
 exports.Home = Home;
-Home.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Share = function Share(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "share"
-  }, args));
-};
-
+var Share = getIcon('share');
 exports.Share = Share;
-Share.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Text = function Text(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "text"
-  }, args));
-};
-
+var Text = getIcon('text');
 exports.Text = Text;
-Text.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Clock = function Clock(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "clock"
-  }, args));
-};
-
+var Clock = getIcon('clock');
 exports.Clock = Clock;
-Clock.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Article = function Article(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "article"
-  }, args));
-};
-
+var Article = getIcon('article');
 exports.Article = Article;
-Article.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Topic = function Topic(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "topic"
-  }, args));
-};
-
+var Topic = getIcon('topic');
 exports.Topic = Topic;
-Topic.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Copy = function Copy(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "copy"
-  }, args));
-};
-
+var Copy = getIcon('copy');
 exports.Copy = Copy;
-Copy.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Loading = function Loading(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "loading"
-  }, args));
-};
-
+var Loading = getIcon('loading');
 exports.Loading = Loading;
-Loading.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Printer = function Printer(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "printer"
-  }, args));
-};
-
+var Printer = getIcon('printer');
 exports.Printer = Printer;
-Printer.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Facebook = function Facebook(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "facebook"
-  }, args));
-};
-
+var Letter = getIcon('letter');
+exports.Letter = Letter;
+var Facebook = getIcon('facebook');
 exports.Facebook = Facebook;
-Facebook.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Instagram = function Instagram(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "instagram"
-  }, args));
-};
-
+var Instagram = getIcon('instagram');
 exports.Instagram = Instagram;
-Instagram.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Medium = function Medium(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "medium"
-  }, args));
-};
-
+var Medium = getIcon('medium');
 exports.Medium = Medium;
-Medium.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-
-var Twitter = function Twitter(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "twitter"
-  }, args));
-};
-
+var Twitter = getIcon('twitter');
 exports.Twitter = Twitter;
-Twitter.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
+var Youtube = getIcon('youtube');
+exports.Youtube = Youtube;
+var Line = getIcon('line');
+exports.Line = Line;
+var Google = getIcon('google');
+exports.Google = Google;
+
+var Arrow = function Arrow(_ref3) {
+  var _ref3$direction = _ref3.direction,
+      direction = _ref3$direction === void 0 ? _enum.ArrowDirection.RIGHT : _ref3$direction,
+      releaseBranch = _ref3.releaseBranch,
+      props = _objectWithoutProperties(_ref3, _excluded3);
 
-var Youtube = function Youtube(args) {
+  var filename = "arrow_".concat(direction);
   return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "youtube"
-  }, args));
+    filename: filename,
+    releaseBranch: releaseBranch
+  }, props));
 };
 
-exports.Youtube = Youtube;
-Youtube.propTypes = {
+exports.Arrow = Arrow;
+Arrow.propTypes = {
+  direction: _propTypes["default"].oneOf(Object.values(_enum.ArrowDirection)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
+Arrow.Direction = _enum.ArrowDirection;
 
-var Line = function Line(args) {
-  return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
-    filename: "line"
-  }, args));
+var Bookmark = function Bookmark(_ref4) {
+  var _ref4$type = _ref4.type,
+      type = _ref4$type === void 0 ? _enum.BookmarkType.BASIC : _ref4$type,
+      releaseBranch = _ref4.releaseBranch;
+  var filename = "bookmark_".concat(type);
+  return /*#__PURE__*/_react["default"].createElement(Icon, {
+    filename: filename,
+    releaseBranch: releaseBranch
+  });
 };
 
-exports.Line = Line;
-Line.propTypes = {
+exports.Bookmark = Bookmark;
+Bookmark.propTypes = {
+  type: _propTypes["default"].oneOf(Object.values(_enum.BookmarkType)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
+Bookmark.Type = _enum.BookmarkType;
 
-var SocialMedia = function SocialMedia(_ref4) {
-  var mediaType = _ref4.mediaType,
-      args = _objectWithoutProperties(_ref4, _excluded3);
+var SocialMedia = function SocialMedia(_ref5) {
+  var _ref5$mediaType = _ref5.mediaType,
+      mediaType = _ref5$mediaType === void 0 ? _enum.MediaType.GOOGLE : _ref5$mediaType,
+      args = _objectWithoutProperties(_ref5, _excluded4);
 
   return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
     filename: mediaType
@@ -310,9 +182,12 @@ var SocialMedia = function SocialMedia(_ref4) {
 
 exports.SocialMedia = SocialMedia;
 SocialMedia.propTypes = {
-  mediaType: _propTypes["default"].oneOf(['facebook', 'instagram', 'medium', 'twitter', 'youtube', 'line']),
+  type: Icon.propTypes.type,
+  mediaType: _propTypes["default"].oneOf(Object.values(_enum.MediaType)),
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
 };
+SocialMedia.Type = _enum.IconType;
+SocialMedia.MediaType = _enum.MediaType;
 var _default = {
   Arrow: Arrow,
   Article: Article,
@@ -327,6 +202,7 @@ var _default = {
   Line: Line,
   Loading: Loading,
   Printer: Printer,
+  Letter: Letter,
   Medium: Medium,
   Member: Member,
   Search: Search,
@@ -335,6 +211,7 @@ var _default = {
   Topic: Topic,
   Twitter: Twitter,
   Youtube: Youtube,
+  Google: Google,
   SocialMedia: SocialMedia
 };
 exports["default"] = _default;

package/lib/icon/stories/arrow.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/Arrow',
   component: _index.Arrow,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -29,7 +29,7 @@ var Template = function Template(args) {
 var arrow = Template.bind({});
 exports.arrow = arrow;
 arrow.args = {
-  direction: 'right'
+  direction: _index.Arrow.Direction.RIGHT
 };
 var right = Template.bind({});
 exports.right = right;
@@ -39,7 +39,7 @@ right.parameters = {
   }
 };
 right.args = {
-  direction: 'right'
+  direction: _index.Arrow.Direction.RIGHT
 };
 var left = Template.bind({});
 exports.left = left;
@@ -49,7 +49,7 @@ left.parameters = {
   }
 };
 left.args = {
-  direction: 'left'
+  direction: _index.Arrow.Direction.LEFT
 };
 var up = Template.bind({});
 exports.up = up;
@@ -59,7 +59,7 @@ up.parameters = {
   }
 };
 up.args = {
-  direction: 'up'
+  direction: _index.Arrow.Direction.UP
 };
 var down = Template.bind({});
 exports.down = down;
@@ -69,5 +69,5 @@ down.parameters = {
   }
 };
 down.args = {
-  direction: 'down'
+  direction: _index.Arrow.Direction.DOWN
 };

package/lib/icon/stories/article.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/Article',
   component: _index.Article,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/bookmark.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/Bookmark',
   component: _index.Bookmark,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;
@@ -29,7 +29,7 @@ var Template = function Template(args) {
 var bookmark = Template.bind({});
 exports.bookmark = bookmark;
 bookmark.args = {
-  type: 'basic'
+  type: _index.Bookmark.Type.BASIC
 };
 var basic = Template.bind({});
 exports.basic = basic;
@@ -39,7 +39,7 @@ basic.parameters = {
   }
 };
 basic.args = {
-  type: 'basic'
+  type: _index.Bookmark.Type.BASIC
 };
 var add = Template.bind({});
 exports.add = add;
@@ -49,7 +49,7 @@ add.parameters = {
   }
 };
 add.args = {
-  type: 'add'
+  type: _index.Bookmark.Type.ADD
 };
 var saved = Template.bind({});
 exports.saved = saved;
@@ -59,5 +59,5 @@ saved.parameters = {
   }
 };
 saved.args = {
-  type: 'saved'
+  type: _index.Bookmark.Type.SAVED
 };

package/lib/icon/stories/clock.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/Clock',
   component: _index.Clock,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/copy.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/Copy',
   component: _index.Copy,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/cross.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/Cross',
   component: _index.Cross,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/hamburger.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/Hamburger',
   component: _index.Hamburger,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/home.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/Home',
   component: _index.Home,
   argTypes: {
-    releaseBranch: _releaseBranch.BRANCH_STORYBOOK_ARG_TYPE
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
 exports["default"] = _default;

package/lib/icon/stories/letter.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.letter = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../index");
+
+var _constants = require("../../storybook/constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  title: 'Icon/Letter',
+  component: _index.Letter,
+  argTypes: {
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
+  }
+};
+exports["default"] = _default;
+
+var letter = function letter(args) {
+  return /*#__PURE__*/_react["default"].createElement(_index.Letter, args);
+};
+
+exports.letter = letter;