@twreporter/react-article-components 2.2.0-rc.0 → 2.2.0-rc.1

package/lib/constants/css.js

@@ -4,54 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _typography = _interopRequireDefault(require("./typography"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function getParagraphTextStyles(themeName) {
   switch (themeName) {
     case _theme["default"].article.v2.photo:
       return (0, _styledComponents.css)(["color:", ";"], _color.colorGrayscale.gray300);
-
     case _theme["default"].article.v2.pink:
     case _theme["default"].article.v2["default"]:
     default:
       return (0, _styledComponents.css)(["color:", ";"], _color.colorGrayscale.gray800);
   }
 }
-
 var paragraphText = /*#__PURE__*/(0, _styledComponents.css)(["", " font-size:", "px;font-weight:", ";line-height:2.11;letter-spacing:0.6px;white-space:pre-wrap;"], function (props) {
   return getParagraphTextStyles(props.theme.name);
 }, function (props) {
   return props.theme.fontSizeOffset + 18;
 }, _typography["default"].font.weight.normal);
-
 function getLinkChildrenStyles(themeName) {
   switch (themeName) {
     case _theme["default"].article.v2.photo:
       return (0, _styledComponents.css)(["a:link,a:visited,a:active{color:", ";text-decoration:none;border-bottom:1px solid ", ";}a:hover{border-color:", ";}"], _color.colorSupportive.main, _color.colorGrayscale.gray400, _color.colorSupportive.main);
-
     case _theme["default"].article.v2.pink:
       return (0, _styledComponents.css)(["a:link,a:visited,a:active{color:", ";text-decoration:none;border-bottom:1px solid ", ";}a:hover{border-color:", ";}"], _color.COLOR_PINK_ARTICLE.blue, _color.colorGrayscale.gray300, _color.COLOR_PINK_ARTICLE.blue);
-
     case _theme["default"].article.v2["default"]:
     default:
       return (0, _styledComponents.css)(["a:link,a:visited,a:active{color:", ";text-decoration:none;border-bottom:1px solid ", ";}a:hover{border-color:", ";}"], _color.colorSupportive.heavy, _color.colorGrayscale.gray300, _color.colorSupportive.heavy);
   }
 }
-
 var linkChildren = /*#__PURE__*/(0, _styledComponents.css)(["", ""], function (props) {
   return getLinkChildrenStyles(props.theme.name);
 });
-var _default = {
+var _default = exports["default"] = {
   paragraphText: paragraphText,
   linkChildren: linkChildren
-};
-exports["default"] = _default;
+};

package/lib/constants/element-alignment.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
   left: 'left',
   center: 'center',
   right: 'right',
   centerSmall: 'center-small'
-};
-exports["default"] = _default;
+};

package/lib/constants/prop-types/article-page.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var elementColors = _propTypes["default"].shape({
   primary: _propTypes["default"].shape({
     text: _propTypes["default"].string,
@@ -30,8 +27,6 @@ var elementColors = _propTypes["default"].shape({
     background: _propTypes["default"].string
   })
 });
-
-var _default = {
+var _default = exports["default"] = {
   elementColors: elementColors
-};
-exports["default"] = _default;
+};

package/lib/constants/prop-types/aside.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var authorPropType = _propTypes["default"].shape({
   id: _propTypes["default"].string.isRequired,
   name: _propTypes["default"].string.isRequired
 });
-
-var _default = {
+var _default = exports["default"] = {
   metadata: {
     categories: _propTypes["default"].arrayOf(_propTypes["default"].shape({
       id: _propTypes["default"].string.isRequired,
@@ -45,5 +40,4 @@ var _default = {
     height: _propTypes["default"].string,
     onFontLevelChange: _propTypes["default"].func
   }
-};
-exports["default"] = _default;
+};

package/lib/constants/prop-types/body.js

@@ -4,22 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _elementAlignment = _interopRequireDefault(require("../element-alignment"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var elementData = _propTypes["default"].shape({
   alignment: _propTypes["default"].oneOf([_elementAlignment["default"].center, _elementAlignment["default"].centerSmall, _elementAlignment["default"].left, _elementAlignment["default"].right]).isRequired,
   content: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])).isRequired,
   id: _propTypes["default"].string.isRequired,
-  type: _propTypes["default"].oneOf(['annotation', 'audio', 'blockquote', 'centered-quote', 'code', 'embeddedCode', 'embeddedcode', 'embedded-code', 'header-one', 'header-two', 'image', 'small-image', // 'image-link',
+  type: _propTypes["default"].oneOf(['annotation', 'audio', 'blockquote', 'centered-quote', 'code', 'embeddedCode', 'embeddedcode', 'embedded-code', 'header-one', 'header-two', 'image', 'small-image',
+  // 'image-link',
   'imageDiff', 'imagediff', 'infobox', 'ordered-list-item', 'quoteby', 'slideshow', 'unordered-list-item', 'unstyled', 'youtube']).isRequired
 });
-
-var _default = {
+var _default = exports["default"] = {
   elementData: elementData
-};
-exports["default"] = _default;
+};

package/lib/constants/prop-types/img-with-placeholder.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var imagePropType = _propTypes["default"].shape({
   url: _propTypes["default"].string,
   width: _propTypes["default"].number,
   height: _propTypes["default"].number
 });
-
-var _default = {
+var _default = exports["default"] = {
   imagePropType: imagePropType
-};
-exports["default"] = _default;
+};

package/lib/constants/prop-types/leading.js

@@ -4,19 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _imgWithPlaceholder = _interopRequireDefault(require("./img-with-placeholder"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var leading = {
   poster: _propTypes["default"].shape({
     tiny: _imgWithPlaceholder["default"].imagePropType,
@@ -30,7 +26,7 @@ var leading = {
   topicHref: _propTypes["default"].string,
   isTopicPublished: _propTypes["default"].bool
 };
-var _default = {
+var _default = exports["default"] = {
   pink: _objectSpread(_objectSpread({}, leading), {}, {
     paddingTop: _propTypes["default"].string
   }),
@@ -43,5 +39,4 @@ var _default = {
       mobile: _imgWithPlaceholder["default"].imagePropType
     })
   })
-};
-exports["default"] = _default;
+};

package/lib/constants/prop-types/related.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _imgWithPlaceholder = _interopRequireDefault(require("./img-with-placeholder"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var card = {
   category: _propTypes["default"].string,
   publishedDate: _propTypes["default"].string,
@@ -21,8 +17,7 @@ var card = {
   thumbnail: _imgWithPlaceholder["default"].imagePropType,
   title: _propTypes["default"].string.isRequired
 };
-var _default = {
+var _default = exports["default"] = {
   card: card,
   data: _propTypes["default"].arrayOf(_propTypes["default"].shape(card))
-};
-exports["default"] = _default;
+};

package/lib/constants/theme.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 // TODO: remove this constant & use @twreporter/core/lib/constants/theme
-var _default = {
+var _default = exports["default"] = {
   article: {
     v2: {
       pink: 'article:v2:pink',
@@ -13,5 +13,4 @@ var _default = {
       photo: 'article:v2:photo'
     }
   }
-};
-exports["default"] = _default;
+};

package/lib/constants/typography.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _font = require("@twreporter/core/lib/constants/font");
-
-var _default = {
+var _default = exports["default"] = {
   font: {
     size: {
       base: '18px'
@@ -15,5 +13,4 @@ var _default = {
     weight: _font.fontWeight,
     family: _font.fontFamily
   }
-};
-exports["default"] = _default;
+};

package/lib/contexts/dynamic-components-context.js

@@ -4,15 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _link = _interopRequireDefault(require("../components/link"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = /*#__PURE__*/_react["default"].createContext({
+var _default = exports["default"] = /*#__PURE__*/_react["default"].createContext({
   Link: _link["default"]
-});
-
-exports["default"] = _default;
+});

package/lib/managers/layout-manager.js

@@ -4,30 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _leading = _interopRequireDefault(require("../components/leading"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _theme = _interopRequireDefault(require("../constants/theme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _ = {
   get: _get["default"]
 };
+
 /**
  *  @module LayoutManager
  *  @exports
  */
-
-var LayoutManager = /*#__PURE__*/function () {
+var LayoutManager = exports["default"] = /*#__PURE__*/function () {
   /**
    *  @param {module:Article:PostObject} post
    *  @param {module:Article:TopicObject} relatedTopic
@@ -35,48 +30,40 @@ var LayoutManager = /*#__PURE__*/function () {
    */
   function LayoutManager(post, relatedTopic, theme) {
     _classCallCheck(this, LayoutManager);
-
     this.post = post;
     this.relatedTopic = relatedTopic;
     this.theme = theme;
   }
+
   /**
    *  @returns {string} - href of topic
    */
-
-
   _createClass(LayoutManager, [{
     key: "getTopicHref",
     value: function getTopicHref() {
       var slug = _.get(this.relatedTopic, 'slug');
-
       if (slug) {
         return "/topics/".concat(slug);
       }
-
       return '';
     }
+
     /**
      *  @returns {Function} - React component
      */
-
   }, {
     key: "getLeadingComponent",
     value: function getLeadingComponent() {
       if (this.theme === _theme["default"].article.v2.pink) {
         return _leading["default"].Pink;
       }
-
       switch (_.get(this.post, 'hero_image_size')) {
         case 'extend':
           return _leading["default"].Extend;
-
         case 'small':
           return _leading["default"].Small;
-
         case 'fullscreen':
           return _leading["default"].Fullscreen;
-
         case 'normal':
         default:
           {
@@ -84,6 +71,7 @@ var LayoutManager = /*#__PURE__*/function () {
           }
       }
     }
+
     /**
      *  Props of Leading Compoent
      *  @typedef LeadingProps
@@ -100,16 +88,16 @@ var LayoutManager = /*#__PURE__*/function () {
     /**
      *  @returns {LeadingProps} - Props of leading React component
      */
-
   }, {
     key: "getLeadingComponentProps",
     value: function getLeadingComponentProps() {
       var post = this.post;
-      var relatedTopic = this.relatedTopic; // TODO
+      var relatedTopic = this.relatedTopic;
+
+      // TODO
       // In the future,
       // if `LeadingComponent = this.getLeadingComponent()` receive different props,
       // add switch case here to provide props on demand
-
       return {
         title: _.get(post, 'title'),
         subtitle: _.get(post, 'subtitle'),
@@ -130,8 +118,5 @@ var LayoutManager = /*#__PURE__*/function () {
       };
     }
   }]);
-
   return LayoutManager;
-}();
-
-exports["default"] = LayoutManager;
+}();

package/lib/managers/theme-manager.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _theme2 = _interopRequireDefault(require("../constants/theme"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-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; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  *  @module ThemeManager
  */
@@ -35,7 +28,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  *  @property {string} support - Support color
  *  @property {string} background - Background color
  */
-
 /**
  *  Theme Colors
  *  @typedef {Object} ThemeColors
@@ -76,48 +68,38 @@ var baseColorSet = {
   },
   background: _color.colorGrayscale.gray100
 };
+
 /**
  *  @class Create a new ThemeManager
  */
-
-var ThemeManager = /*#__PURE__*/function () {
-  // WARNING
-  // DO NOT ADD MORE COLORS HERE
-  // ThemeManager is going to be deprecated
-
+var ThemeManager = exports["default"] = /*#__PURE__*/function () {
   /**
    *  @param {string} [theme=article:v2:default] - Theme name
    *  @returns {undefined}
    */
   function ThemeManager(theme) {
     _classCallCheck(this, ThemeManager);
-
     this.theme = theme;
   }
+
   /**
    *  @param {string} [theme=article:v2:default] - Theme name
    *  @returns {ThemeColors}
    */
-
-
   _createClass(ThemeManager, [{
     key: "getColors",
     value: function getColors() {
       var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
       var _theme = theme || this.theme;
-
       switch (_theme) {
         case _theme2["default"].article.v2.pink:
           {
             return ThemeManager.colors.pink;
           }
-
         case _theme2["default"].article.v2.photo:
           {
             return ThemeManager.colors.photo;
           }
-
         case _theme2["default"].article.v2["default"]:
         default:
           {
@@ -126,12 +108,11 @@ var ThemeManager = /*#__PURE__*/function () {
       }
     }
   }]);
-
   return ThemeManager;
 }();
-
-exports["default"] = ThemeManager;
-
+// WARNING
+// DO NOT ADD MORE COLORS HERE
+// ThemeManager is going to be deprecated
 _defineProperty(ThemeManager, "colors", {
   pink: {
     primary: {