@twreporter/react-article-components 2.3.1 → 2.4.0-rc.1

package/lib/components/article-page.js

@@ -18,12 +18,12 @@ var _metadata = _interopRequireDefault(require("./aside/metadata"));
 var _related = _interopRequireDefault(require("./related"));
 var _separationCurve = _interopRequireDefault(require("./separation-curve"));
 var _uiManager = _interopRequireDefault(require("../managers/ui-manager"));
-var _theme = _interopRequireDefault(require("../constants/theme"));
 var _anchor = require("../constants/anchor");
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 var _color = require("@twreporter/core/lib/constants/color");
+var _theme = require("@twreporter/core/lib/constants/theme");
 var _desktopTools = _interopRequireDefault(require("./aside/desktop-tools"));
 var _mobileToolBar = _interopRequireDefault(require("./aside/mobile-tool-bar"));
 var _get = _interopRequireDefault(require("lodash/get"));
@@ -114,11 +114,11 @@ var BackgroundBlock = /*#__PURE__*/(0, _styledComponents["default"])(BorderBox).
 });
 function getBackgroundBlockStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["background-color:", ";", "{background-color:", ";}"], _color.COLOR_PINK_ARTICLE.lightPink, BodyBackground, _color.colorGrayscale.gray100);
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["background-color:", ";", "{background-color:", ";}"], _color.COLOR_PINK_ARTICLE.darkBlue, BodyBackground, _color.COLOR_PINK_ARTICLE.darkBlue);
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["background-color:", ";", "{background-color:", ";}"], _color.colorGrayscale.gray100, BodyBackground, _color.colorGrayscale.gray100);
   }
@@ -332,7 +332,7 @@ var Article = exports["default"] = /*#__PURE__*/function (_PureComponent) {
         store: store
       }, /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
         theme: {
-          name: _.get(post, 'style', _theme["default"].article.v2["default"]),
+          name: _.get(post, 'style', _theme.ARTICLE_THEME.v2["default"]),
           colors: uiManager.getThemeColors(),
           fontSizeOffset: this.getFontSizeOffset(fontLevel),
           releaseBranch: releaseBranch

package/lib/components/aside/desktop-tools.js

@@ -10,13 +10,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _reactRedux = require("react-redux");
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _aside = _interopRequireDefault(require("../../constants/prop-types/aside"));
 var _icon = require("@twreporter/react-components/lib/icon");
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 var _color = require("@twreporter/core/lib/constants/color");
 var _hook = require("@twreporter/react-components/lib/hook");
 var _enum = require("@twreporter/react-components/lib/icon/enum");
+var _theme = require("@twreporter/core/lib/constants/theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // constants
 // icons
 // @twreporter
@@ -84,7 +84,7 @@ var ToolsBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   return props.$height || 'auto';
 }), function (props) {
   switch (props.theme.name) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["", "{background-color:", ";svg{background-color:", ";}}", ",", ",", ",", "{svg{background-color:", ";}&::after{color:", ";}&:hover svg{background-color:", ";}}"], ShareIconBlock, _color.colorPhoto.heavy, _color.colorGrayscale.gray100, TextIconBlock, BackToTopicBlock, PrintIconBlock, BookmarkIconBlock, _color.colorGrayscale.gray100, _color.colorSupportive.pastel, _color.colorSupportive.pastel);
     default:
       return '';

package/lib/components/aside/mobile-tool-bar.js

@@ -11,15 +11,15 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _reactRedux = require("react-redux");
 var _dynamicComponentsContext = _interopRequireDefault(require("../../contexts/dynamic-components-context"));
 var _aside = _interopRequireDefault(require("../../constants/prop-types/aside"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _anchor = require("../../constants/anchor");
-var _theme2 = require("./utils/theme");
+var _theme = require("./utils/theme");
 var _hook = require("@twreporter/react-components/lib/hook");
 var _icon = require("@twreporter/react-components/lib/icon");
 var _button = require("@twreporter/react-components/lib/button");
 var _snackBar = require("@twreporter/react-components/lib/snack-bar");
 var _zIndex = _interopRequireDefault(require("@twreporter/core/lib/constants/z-index"));
 var _enum = require("@twreporter/react-components/lib/icon/enum");
+var _theme2 = require("@twreporter/core/lib/constants/theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -90,7 +90,7 @@ var ToolBarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig(
 var FbShare = function FbShare(_ref) {
   var appID = _ref.appID;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var shareToFb = function shareToFb() {
     var currentURL = window.location.href;
@@ -112,7 +112,7 @@ FbShare.propTypes = {
 };
 var LineShare = function LineShare() {
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var shareToLine = function shareToLine() {
     var currentURL = window.location.href;
@@ -131,7 +131,7 @@ var LineShare = function LineShare() {
 };
 var TwitterShare = function TwitterShare() {
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var shareToTwitter = function shareToTwitter() {
     var currentURL = window.location.href;
@@ -152,7 +152,7 @@ var CopyUrl = function CopyUrl(_ref2) {
   var _ref2$onclick = _ref2.onclick,
     onclick = _ref2$onclick === void 0 ? defaultFunc : _ref2$onclick;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var copyUrl = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -205,7 +205,7 @@ var ShareBy = function ShareBy(_ref4) {
     toastr = _useContext.toastr,
     hideToolBar = _useContext.hideToolBar;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var onCopyUrl = function onCopyUrl(isCopied) {
     if (!isCopied) {
@@ -256,7 +256,7 @@ var FontLevel = function FontLevel(_ref5) {
   var _useContext2 = (0, _react.useContext)(ToolBarContext),
     hideText = _useContext2.hideText;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   return /*#__PURE__*/_react["default"].createElement(ButtonContainer, {
     onClick: changeFontLevel
@@ -279,7 +279,7 @@ var BookmarkBlock = function BookmarkBlock(_ref6) {
     hideText = _useContext3.hideText,
     toastr = _useContext3.toastr;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var _useBookmark = (0, _hook.useBookmark)(),
     addAction = _useBookmark.addAction,
@@ -384,7 +384,7 @@ var BackToTopic = function BackToTopic(_ref8) {
   var _useContext4 = (0, _react.useContext)(ToolBarContext),
     hideText = _useContext4.hideText;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   return /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
     return /*#__PURE__*/_react["default"].createElement(components.Link, {
@@ -407,7 +407,7 @@ var RelatedPost = function RelatedPost() {
   var _useContext5 = (0, _react.useContext)(ToolBarContext),
     hideText = _useContext5.hideText;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
   var releaseBranch = themeContext.releaseBranch;
   var anchorScrollAttr = _defineProperty({}, _anchor.ARTICLE_ANCHOR_SCROLL, 'true');
   return /*#__PURE__*/_react["default"].createElement(ButtonContainer, null, /*#__PURE__*/_react["default"].createElement("a", _extends({
@@ -431,8 +431,8 @@ var ToolBar = function ToolBar(_ref9) {
     scrollStage = _ref9.scrollStage,
     bookmarkId = _ref9.bookmarkId;
   var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
-  var theme = themeContext.name === _theme["default"].article.v2.photo ? 'photography' : 'normal';
-  var _getToolBarTheme = (0, _theme2.getToolBarTheme)(themeContext.name),
+  var theme = themeContext.name === _theme2.ARTICLE_THEME.v2.photo ? 'photography' : 'normal';
+  var _getToolBarTheme = (0, _theme.getToolBarTheme)(themeContext.name),
     bgColor = _getToolBarTheme.bgColor,
     borderColor = _getToolBarTheme.borderColor,
     shareByBgColor = _getToolBarTheme.shareByBgColor;

package/lib/components/aside/utils/theme.js

@@ -4,22 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getToolBarTheme = exports["default"] = void 0;
-var _theme = _interopRequireDefault(require("../../../constants/theme"));
 var _color = require("@twreporter/core/lib/constants/color");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-// constants
-
+var _theme = require("@twreporter/core/lib/constants/theme");
 // @twreporter
 
 var getToolBarTheme = exports.getToolBarTheme = function getToolBarTheme(theme) {
   switch (theme) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return {
         bgColor: _color.colorPhoto.dark,
         shareByBgColor: _color.colorPhoto.dark,
         borderColor: _color.colorPhoto.heavy
       };
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return {
         bgColor: _color.colorGrayscale.gray100,

package/lib/components/body/annotation.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _theme = require("@twreporter/core/lib/constants/theme");
+var _color = require("@twreporter/core/lib/constants/color");
+var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
 var _css = _interopRequireDefault(require("../../constants/css"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _typography = _interopRequireDefault(require("../../constants/typography"));
-var _color = require("@twreporter/core/lib/constants/color");
 var _get = _interopRequireDefault(require("lodash/get"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -30,7 +30,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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); } // lodash
+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); } // @twreporter
+// constants
+// lodash
 var _ = {
   get: _get["default"]
 };
@@ -67,11 +69,11 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, _css["default"].paragraphText, _css["default"].linkChildren);
 function getContainerStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["", "{color:", ";}", "{border-color:", ";&::before,&::after{background-color:", ";}}", "{border-color:", ";}"], AnnotatedText, _color.COLOR_PINK_ARTICLE.blue, Indicator, _color.COLOR_PINK_ARTICLE.blue, _color.COLOR_PINK_ARTICLE.blue, AnnotationContent, _color.COLOR_PINK_ARTICLE.pink);
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["", "{color:", ";}", "{border-color:", ";&::before,&::after{background-color:", ";}}", "{border-color:", ";}"], AnnotatedText, _color.colorSupportive.main, Indicator, _color.colorSupportive.main, _color.colorSupportive.main, AnnotationContent, _color.colorSupportive.main);
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["", "{color:", ";}", "{border-color:", ";&::before,&::after{background-color:", ";}}", "{border-color:", ";}"], AnnotatedText, _color.colorSupportive.heavy, Indicator, _color.colorSupportive.main, _color.colorSupportive.main, AnnotationContent, _color.colorSupportive.main);
   }

package/lib/components/body/audio/control-button.js

@@ -9,8 +9,8 @@ var _audioContexts = require("./audio-contexts");
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _theme = _interopRequireDefault(require("../../../constants/theme"));
 var _color = require("@twreporter/core/lib/constants/color");
+var _theme = require("@twreporter/core/lib/constants/theme");
 var _templateObject, _templateObject2;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -48,22 +48,22 @@ PlayIcon.defaultProps = {
 };
 function getIconColor(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return _color.colorSupportive.main;
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return _color.COLOR_PINK_ARTICLE.darkPink;
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return _color.colorSupportive.heavy;
   }
 }
 function getIconWrapperStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["background-color:", ";border-color:", ";"], _color.COLOR_PINK_ARTICLE.darkBlue, _color.colorGrayscale.gray400);
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["background-color:", ";border-color:", ";"], _color.colorGrayscale.gray100, _color.colorGrayscale.gray300);
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["background-color:", ";border-color:", ";"], _color.colorGrayscale.gray100, _color.colorGrayscale.gray300);
   }

package/lib/components/body/audio/index.js

@@ -14,9 +14,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _seekBar = _interopRequireDefault(require("./seek-bar"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _theme = _interopRequireDefault(require("../../../constants/theme"));
 var _typography = _interopRequireDefault(require("../../../constants/typography"));
 var _color = require("@twreporter/core/lib/constants/color");
+var _theme = require("@twreporter/core/lib/constants/theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -67,11 +67,11 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, _mediaQuery["default"].tabletAndBelow(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    padding-bottom: 30px;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    padding-bottom: 40px;\n  "]))));
 function getContainerStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["border-color:", ";", "{color:", ";}", "{color:", ";}", "{color:", ";}"], _color.colorGrayscale.gray400, TimeRow, _color.colorGrayscale.gray300, Title, _color.colorGrayscale.white, Desc, _color.colorGrayscale.gray300);
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["border-color:", ";", "{color:", ";}", ",", "{color:", ";}"], _color.colorGrayscale.gray300, TimeRow, _color.colorGrayscale.gray600, Title, Desc, _color.colorGrayscale.gray700);
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["border-color:", ";", "{color:", ";}", ",", "{color:", ";}"], _color.colorGrayscale.gray300, TimeRow, _color.colorGrayscale.gray600, Title, Desc, _color.colorGrayscale.gray800);
   }

package/lib/components/body/audio/seek-bar.js

@@ -9,18 +9,18 @@ var _audioContexts = require("./audio-contexts");
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _slider = _interopRequireWildcard(require("../slider"));
-var _theme = _interopRequireDefault(require("../../../constants/theme"));
 var _color = require("@twreporter/core/lib/constants/color");
+var _theme = require("@twreporter/core/lib/constants/theme");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function getContainerStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["", "{background-color:", ";}", "{background-color:", ";}"], _slider.Indicator, _color.COLOR_PINK_ARTICLE.darkPink, _slider.Progress, _color.COLOR_PINK_ARTICLE.pink);
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["", "{background-color:", ";}", "{background-color:", ";}"], _slider.Indicator, _color.colorSupportive.heavy, _slider.Progress, _color.colorSupportive.main);
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["", "{background-color:", ";}", "{background-color:", ";}"], _slider.Indicator, _color.colorSupportive.heavy, _slider.Progress, _color.colorSupportive.main);
   }

package/lib/components/body/blockquote.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _css = _interopRequireDefault(require("../../constants/css"));
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
-var _typography = _interopRequireDefault(require("../../constants/typography"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 var _color = require("@twreporter/core/lib/constants/color");
+var _theme = require("@twreporter/core/lib/constants/theme");
+var _css = _interopRequireDefault(require("../../constants/css"));
+var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
+var _typography = _interopRequireDefault(require("../../constants/typography"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4; // lodash
+var _templateObject, _templateObject2, _templateObject3, _templateObject4; // @twreporter
+// constants
+// lodash
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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, _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; }
@@ -38,10 +40,10 @@ var _ = {
 };
 function getQuoteStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["color:", ";border-left:", ";"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray400);
-    case _theme["default"].article.v2.pink:
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2.pink:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["color:", ";border-left:", ";"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray500);
   }

package/lib/components/body/brief.js

@@ -4,20 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _separationCurve = _interopRequireDefault(require("../separation-curve"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _color = require("@twreporter/core/lib/constants/color");
+var _theme = require("@twreporter/core/lib/constants/theme");
+var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
 var _css = _interopRequireDefault(require("../../constants/css"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _typography = _interopRequireDefault(require("../../constants/typography"));
-var _color = require("@twreporter/core/lib/constants/color");
+var _separationCurve = _interopRequireDefault(require("../separation-curve"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _map = _interopRequireDefault(require("lodash/map"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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, _toPropertyKey(descriptor.key), descriptor); } }
@@ -31,7 +31,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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); } // lodash
+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); } // @twreporter
+// constants
+// components
+// lodash
 var _ = {
   get: _get["default"],
   map: _map["default"]
@@ -41,10 +44,10 @@ var Content = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "sc-1fo44gc-0"
 })(["font-family:", ";p{color:", ";line-height:1.7;letter-spacing:0.7px;font-weight:", ";font-size:", "px;margin:0 0 1em 0;&:last-child{margin:0;}}", ""], _typography["default"].font.family.title, function (props) {
   switch (props.theme.name) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return _color.colorGrayscale.gray300;
-    case _theme["default"].article.v2.pink:
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2.pink:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return _color.colorGrayscale.gray600;
   }

package/lib/components/body/centered-quote.js

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
 var _css = _interopRequireDefault(require("../../constants/css"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _typography = _interopRequireDefault(require("../../constants/typography"));
 var _color = require("@twreporter/core/lib/constants/color");
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+var _theme = require("@twreporter/core/lib/constants/theme");
 var _get = _interopRequireDefault(require("lodash/get"));
-var _templateObject; // lodash
+var _templateObject; // constants
+// @twreporter
+// lodash
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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, _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; }
@@ -62,11 +64,11 @@ var QuoteContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 });
 function getQuoteContainerStyles(themeName) {
   switch (themeName) {
-    case _theme["default"].article.v2.pink:
+    case _theme.ARTICLE_THEME.v2.pink:
       return (0, _styledComponents.css)(["", ",", "{color:", ";}", "{background-color:", ";}"], QuoteContent, QuoteBy, _color.colorGrayscale.gray800, VerticalLine, _color.COLOR_PINK_ARTICLE.pink);
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return (0, _styledComponents.css)(["", ",", "{color:", ";}", "{background-color:", ";}"], QuoteContent, QuoteBy, _color.colorGrayscale.gray300, VerticalLine, _color.colorSupportive.heavy);
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return (0, _styledComponents.css)(["", ",", "{color:", ";}", "{background-color:", ";}"], QuoteContent, QuoteBy, _color.colorGrayscale.gray800, VerticalLine, _color.colorSupportive.main);
   }

package/lib/components/body/embedded-code.js

@@ -12,9 +12,9 @@ var _forEach = _interopRequireDefault(require("lodash/forEach"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _body = _interopRequireDefault(require("../../constants/prop-types/body"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _color = require("@twreporter/core/lib/constants/color");
 var _zIndex = _interopRequireDefault(require("@twreporter/core/lib/constants/z-index"));
+var _theme = require("@twreporter/core/lib/constants/theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -62,10 +62,10 @@ var Caption = exports.Caption = /*#__PURE__*/_styledComponents["default"].div.wi
   componentId: "tkafgt-1"
 })(["line-height:1.43;letter-spacing:0.4px;font-size:14px;color:", ";padding:15px 15px 0 15px;"], function (props) {
   switch (props.theme.name) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return _color.colorGrayscale.gray300;
-    case _theme["default"].article.v2.pink:
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2.pink:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return _color.colorGrayscale.gray600;
   }
@@ -120,6 +120,7 @@ var EmbeddedCode = /*#__PURE__*/function (_React$PureComponent) {
               dispatchWindowLoadEvent();
             }
             scriptEle.removeEventListener('load', handleLoad);
+            _this.props.handleIsLoaded();
           };
           scriptEle.addEventListener('load', handleLoad);
           scriptsFragment.appendChild(scriptEle);
@@ -180,7 +181,9 @@ var EmbeddedCode = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$_embeddedCodeWi;
-      var className = this.props.className;
+      var _this$props = this.props,
+        className = _this$props.className,
+        showCaption = _this$props.showCaption;
       var shouldEscalateZIndex = this.state.shouldEscalateZIndex;
       var embed = /*#__PURE__*/_react["default"].createElement("div", {
         className: className
@@ -190,7 +193,7 @@ var EmbeddedCode = /*#__PURE__*/function (_React$PureComponent) {
         dangerouslySetInnerHTML: {
           __html: this._embeddedCodeWithoutScript
         }
-      }), this._caption ? /*#__PURE__*/_react["default"].createElement(Caption, null, this._caption) : null);
+      }), showCaption && this._caption ? /*#__PURE__*/_react["default"].createElement(Caption, null, this._caption) : null);
       if ((_this$_embeddedCodeWi = this._embeddedCodeWithoutScript) !== null && _this$_embeddedCodeWi !== void 0 && _this$_embeddedCodeWi.includes(embedNamespace.infogram)) {
         return this.state.isLoaded ? embed : null;
       }
@@ -203,10 +206,14 @@ var EmbeddedCode = /*#__PURE__*/function (_React$PureComponent) {
 // https://twreporter-org.atlassian.net/browse/TWREPORTER-60
 _defineProperty(EmbeddedCode, "propTypes", {
   className: _propTypes["default"].string,
-  data: _body["default"].elementData
+  data: _body["default"].elementData,
+  showCaption: _propTypes["default"].bool,
+  handleIsLoaded: _propTypes["default"].func
 });
 _defineProperty(EmbeddedCode, "defaultProps", {
-  className: ''
+  className: '',
+  showCaption: true,
+  handleIsLoaded: function handleIsLoaded() {}
 });
 var WayPointWrapper = function WayPointWrapper(props) {
   var isScrollingToAnchor = props.isScrollingToAnchor;
@@ -247,9 +254,11 @@ var WayPointWrapper = function WayPointWrapper(props) {
   );
 };
 WayPointWrapper.defaultProps = {
-  isScrollingToAnchor: false
+  isScrollingToAnchor: false,
+  showCaption: true
 };
 WayPointWrapper.propTypes = {
-  isScrollingToAnchor: _propTypes["default"].bool
+  isScrollingToAnchor: _propTypes["default"].bool,
+  showCaption: _propTypes["default"].bool
 };
 var _default = exports["default"] = WayPointWrapper;

package/lib/components/body/headings.js

@@ -8,9 +8,9 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _theme = _interopRequireDefault(require("../../constants/theme"));
 var _color = require("@twreporter/core/lib/constants/color");
 var _headline = require("@twreporter/react-components/lib/text/headline");
+var _theme = require("@twreporter/core/lib/constants/theme");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -21,10 +21,10 @@ var _ = {
 };
 var heading = /*#__PURE__*/(0, _styledComponents.css)(["margin:0;color:", ";"], function (props) {
   switch (props.theme.name) {
-    case _theme["default"].article.v2.photo:
+    case _theme.ARTICLE_THEME.v2.photo:
       return _color.colorGrayscale.gray300;
-    case _theme["default"].article.v2.pink:
-    case _theme["default"].article.v2["default"]:
+    case _theme.ARTICLE_THEME.v2.pink:
+    case _theme.ARTICLE_THEME.v2["default"]:
     default:
       return _color.colorGrayscale.gray800;
   }