@quintype/arrow 3.15.1-perf.4 → 3.15.1-perf.5

package/story-elements/ImageSlideshow/styles.arrow.css

@@ -1 +0,0 @@
-@-webkit-keyframes fullscreenimages_closeWindow__1ZznT{0%{opacity:1}to{opacity:0}}@keyframes fullscreenimages_closeWindow__1ZznT{0%{opacity:1}to{opacity:0}}.fullscreenimages_ril__outer__dzDU4{-ms-content-zooming:none;-ms-touch-select:none;background-color:rgba(0,0,0,.85);bottom:0;height:100%;left:0;outline:none;right:0;top:0;touch-action:none;-ms-user-select:none;width:100%;z-index:1000}.fullscreenimages_ril__outerClosing__lh2Fa{opacity:0}.fullscreenimages_ril__inner__7CpFX{bottom:0;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__imageNext__VrQTf,.fullscreenimages_ril__imagePrev__E83jo,.fullscreenimages_ril__image__TTYsy{-ms-content-zooming:none;-ms-touch-select:none;bottom:0;left:0;margin:auto;max-width:none;position:absolute;right:0;top:0;touch-action:none;-ms-user-select:none}.fullscreenimages_ril__imageDiscourager__MuAW8{background-position:50%;background-repeat:no-repeat;background-size:contain}.fullscreenimages_ril__navButtons__a9F-Q{border:none;bottom:0;cursor:pointer;height:34px;margin:auto;opacity:.7;padding:40px 30px;position:absolute;top:0;width:20px}.fullscreenimages_ril__navButtons__a9F-Q:hover{opacity:1}.fullscreenimages_ril__navButtons__a9F-Q:active{opacity:.7}.fullscreenimages_ril__navButtonPrev__U9ieP{background:rgba(0,0,0,.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTE5IDMtMi0yTDEgMTdsMTYgMTYgMS0xTDMgMTcgMTggMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%;left:0}.fullscreenimages_ril__navButtonNext__8Q0EY{background:rgba(0,0,0,.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTEgMyAyLTIgMTYgMTZMMyAzM2wtMS0xIDE1LTE1TDIgMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%;right:0}.fullscreenimages_ril__downloadBlocker__NBozp{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__caption__-AlT-,.fullscreenimages_ril__toolbar__qVFk4{background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;left:0;position:absolute;right:0}.fullscreenimages_ril__caption__-AlT-{bottom:0;max-height:150px;overflow:auto}.fullscreenimages_ril__captionContent__9BLZu{color:#fff;padding:10px 20px}.fullscreenimages_ril__toolbar__qVFk4{height:50px;top:0}.fullscreenimages_ril__toolbarSide__ZuSRs{height:50px;margin:0}.fullscreenimages_ril__toolbarLeftSide__wCAbE{flex:0 1 auto;overflow:hidden;padding-left:20px;padding-right:0;text-overflow:ellipsis}.fullscreenimages_ril__toolbarRightSide__1E761{flex:0 0 auto;padding-left:0;padding-right:20px}.fullscreenimages_ril__toolbarItem__cTsCc{color:#fff;display:inline-block;font-size:120%;line-height:50px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fullscreenimages_ril__toolbarItemChild__PSw5u{vertical-align:middle}.fullscreenimages_ril__builtinButton__n2Z-B{border:none;cursor:pointer;height:35px;opacity:.7;width:40px}.fullscreenimages_ril__builtinButton__n2Z-B:hover{opacity:1}.fullscreenimages_ril__builtinButton__n2Z-B:active{outline:none}.fullscreenimages_ril__builtinButtonDisabled__CtU7e{cursor:default;opacity:.5}.fullscreenimages_ril__builtinButtonDisabled__CtU7e:hover{opacity:.5}.fullscreenimages_ril__closeButton__6D8MP{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTEgMyAxLjI1LTEuMjUgNy41IDcuNSA3LjUtNy41TDE4LjUgMyAxMSAxMC41bDcuNSA3LjUtMS4yNSAxLjI1LTcuNS03LjUtNy41IDcuNUwxIDE4bDcuNS03LjVMMSAzeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat 50%}.fullscreenimages_ril__zoomInButton__yjd9F{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2TTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat 50%}.fullscreenimages_ril__zoomOutButton__9DAY4{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat 50%}.fullscreenimages_ril__outerAnimating__sNMpS{-webkit-animation-name:fullscreenimages_closeWindow__1ZznT;animation-name:fullscreenimages_closeWindow__1ZznT}@-webkit-keyframes fullscreenimages_pointFade__RTGrP{0%,19.999%,to{opacity:0}20%{opacity:1}}@keyframes fullscreenimages_pointFade__RTGrP{0%,19.999%,to{opacity:0}20%{opacity:1}}.fullscreenimages_ril__loadingCircle__P-55b{height:60px;position:relative;width:60px}.fullscreenimages_ril__loadingCirclePoint__QD5e-{height:100%;left:0;position:absolute;top:0;width:100%}.fullscreenimages_ril__loadingCirclePoint__QD5e-:before{-webkit-animation:fullscreenimages_pointFade__RTGrP .8s ease-in-out infinite both;animation:fullscreenimages_pointFade__RTGrP .8s ease-in-out infinite both;background-color:#fff;border-radius:30%;content:"";display:block;height:30%;margin:0 auto;width:11%}.fullscreenimages_ril__loadingCirclePoint__QD5e-:first-of-type{transform:rotate(0deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:first-of-type:before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(7):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(2){transform:rotate(30deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(8){transform:rotate(210deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(2):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(8):before{-webkit-animation-delay:-666ms;animation-delay:-666ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(3){transform:rotate(60deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(9){transform:rotate(240deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(3):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(9):before{-webkit-animation-delay:-533ms;animation-delay:-533ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(4){transform:rotate(90deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(10){transform:rotate(270deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(10):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(4):before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(5){transform:rotate(120deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(11){transform:rotate(300deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(11):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(5):before{-webkit-animation-delay:-266ms;animation-delay:-266ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(6){transform:rotate(150deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(12){transform:rotate(330deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(12):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(6):before{-webkit-animation-delay:-133ms;animation-delay:-133ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(7){transform:rotate(180deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(13){transform:rotate(1turn)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(13):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(7):before{-webkit-animation-delay:0ms;animation-delay:0ms}.fullscreenimages_ril__loadingContainer__Kphwo{bottom:0;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__imageNext__VrQTf .fullscreenimages_ril__loadingContainer__Kphwo,.fullscreenimages_ril__imagePrev__E83jo .fullscreenimages_ril__loadingContainer__Kphwo{display:none}.fullscreenimages_ril__errorContainer__HQBB4{align-items:center;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__imageNext__VrQTf .fullscreenimages_ril__errorContainer__HQBB4,.fullscreenimages_ril__imagePrev__E83jo .fullscreenimages_ril__errorContainer__HQBB4{display:none}.fullscreenimages_ril__loadingContainer__icon__eSQaa{color:#fff;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_icon__gs41U.fullscreenimages_loader__0DgBh{color:var(--arrow-c-brand1)}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbarRightSide__1E761{display:flex;flex-grow:1;justify-content:flex-end}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbar__qVFk4{bottom:0;top:auto}.fullscreenimages_arr--image-lightbox__eE4Wu img.fullscreenimages_ril__image__TTYsy{max-width:100%;width:unset}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomInButton__yjd9F{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTS0zLTRoMjR2MjRILTN6IiBvcGFjaXR5PSIuMzg0Ii8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTggMGgxdjE3SDh6Ii8+PHBhdGggZD0iTTE3IDh2MUgwVjh6Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat 50%;border-right:1px solid var(--arrow-c-mono7);position:relative}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomOutButton__9DAY4{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJNLTMtMTJoMjR2MjRILTN6IiBvcGFjaXR5PSIuMzg0Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE3IDB2MUgwVjB6Ii8+PC9nPjwvc3ZnPg==") no-repeat 50%;border-right:1px solid var(--arrow-c-mono7);position:relative}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__closeButton__6D8MP,.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomInButton__yjd9F,.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomOutButton__9DAY4{height:48px;width:48px}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__navButtons__a9F-Q{border-radius:0;outline:none}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbarItem__cTsCc .fullscreenimages_arr--hyperlink-button__dievT{position:unset}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbarItem__cTsCc .fullscreenimages_arr--hyperlink-button__dievT svg{position:relative;top:10px}.loading-m_loading-indicator__grXjQ{left:calc(50% - 20px);position:absolute;top:50%}.hyperlink-m_hyperlink-button__sysnC{bottom:var(--arrow-spacing-xxs);position:absolute;right:var(--arrow-spacing-xxs);z-index:10}.hyperlink-m_hyperlink-button__sysnC svg rect{fill:var(--arrow-c-brand1)}.slider-arrow-m_arrow__INpUj{background-color:var(--arrow-c-light);border:none;border-radius:0;cursor:pointer;opacity:.8;padding:var(--arrow-spacing-l) var(--arrow-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}@media only screen and (max-width:767px){.slider-arrow-m_arrow__INpUj{top:calc(25% + 40px)}}.slider-arrow-m_left-arrow-dark__e-szL,.slider-arrow-m_right-arrow-dark__Ogg-N{background-color:var(--arrow-c-dark)}.slider-arrow-m_left-arrow-light__xiPqr,.slider-arrow-m_right-arrow-light__8ViC-{background-color:var(--arrow-c-light)}.slider-arrow-m_left-arrow-ltr__UQwLC{left:0}.slider-arrow-m_right-arrow-ltr__UIGB-{right:0}.slider-arrow-m_left-arrow-rtl__CfiEr{left:unset;right:0}.slider-arrow-m_left-arrow-rtl__CfiEr svg,.slider-arrow-m_right-arrow-rtl__ggFEW svg{transform:rotate(180deg)}.slider-arrow-m_right-arrow-rtl__ggFEW{left:0;right:unset}.slider-indicator-m_indicators__-js5t{cursor:pointer;display:flex;font-family:var(--arrow-typeface-secondary);justify-content:center;line-height:0;list-style:none;width:100%}.slider-indicator-m_indicator__PUegA{margin:var(--arrow-spacing-xs) 0;padding:4px}.slider-indicator-m_indicator-button__dkypW{background:none;border:none;cursor:pointer;overflow:hidden;padding:var(--arrow-spacing-s) var(--arrow-spacing-xxs)}.slider-indicator-m_indicator-dots__18aAr{background-color:var(--arrow-c-dark);border:1px solid var(--arrow-c-dark);border-radius:50%;height:8px;opacity:.25;padding:0;width:8px}.slider-indicator-m_indicator-dots-dark__yLPBN[aria-pressed=true]{background-color:var(--arrow-c-dark);opacity:1}.slider-indicator-m_indicator-dots-light__xKNGz{background-color:var(--arrow-c-light);border-color:var(--arrow-c-light)}.slider-indicator-m_indicator-dots-light__xKNGz[aria-pressed=true]{background-color:var(--arrow-c-light);opacity:1}.slider-indicator-m_indicator-dashes__ebEny{display:inline-block;height:2px;padding:0;width:var(--arrow-spacing-s)}.slider-indicator-m_indicator-dashes-dark__iSwYt{background-color:var(--arrow-c-dark);opacity:.25}.slider-indicator-m_indicator-dashes-light__a8Ym6{background-color:var(--arrow-c-light);opacity:.25}.slider-indicator-m_indicator-dashes-dark__iSwYt[aria-pressed=true]{background-color:var(--arrow-c-dark);opacity:1}.slider-indicator-m_indicator-dashes-light__a8Ym6[aria-pressed=true]{background-color:var(--arrow-c-light);opacity:1}.scroll-snap-m_wrapper__TiHKq{position:relative}.scroll-snap-m_carousel__8timl{-ms-overflow-style:none;display:flex;justify-content:space-between;overflow:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.scroll-snap-m_carousel__8timl>div{flex-shrink:0;height:100%;overflow:hidden;scroll-snap-align:start;width:100%}.scroll-snap-m_carousel__8timl::-webkit-scrollbar{display:none}.scroll-snap-m_carousel__8timl::-moz-scrollbar{overflow:-moz-scrollbars-none}.image-slideshow-m_slide__tE5aP{position:relative}@media (max-width:767px){.image-slideshow-m_slideshow__00SbJ{margin:0 auto;width:90vw}}.image-slideshow-m_caption__MZ0mz{bottom:10px;color:var(--arrow-c-light);left:0;position:absolute;right:0;text-align:center}.image-slideshow-m_slideshow__00SbJ figure{margin:0;padding-top:56.65%;position:relative}.image-slideshow-m_image-container__po1T4:after{background-image:linear-gradient(to top,rgba(var(--arrow-c-dark),.5),transparent 70%,transparent);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.image-slideshow-m_image__lXLze{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0}

package/story-elements/QuestionAnswer/index.js

@@ -1,267 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-var lodash = require('lodash');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-
-var updateContentLinks = function updateContentLinks(content) {
-  var updatedContent = content;
-  var anchorTagsList = content.match(/(<a).*?(>)/g);
-  anchorTagsList && anchorTagsList.forEach(function (anchorTag) {
-    var isTargetPresent = /target=/g.test(anchorTag);
-
-    if (!isTargetPresent) {
-      updatedContent = updatedContent.replace(anchorTag, "<a aria-label='content' target='_blank'".concat(anchorTag.substring(2)));
-    }
-  });
-  return updatedContent;
-};
-var shapeConfig = PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-var shapeStory = PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-
-var _excluded$1 = ["element", "render"];
-var withElementWrapper = function withElementWrapper(StoryElement) {
-  return function (props) {
-    var element = props.element,
-        render = props.render,
-        restProps = _objectWithoutProperties__default["default"](props, _excluded$1);
-
-    if (!element) return null;
-    if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends__default["default"]({}, restProps, {
-      element: element
-    }));
-  };
-};
-withElementWrapper.propTypes = {
-  StoryElement: PropTypes__default["default"].element
-};
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var _excluded = ["element", "template", "css", "story", "config", "opts", "render"];
-var _styleModuleImportMap = {
-  "./question-answer.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "qa-withAuthorImage": "question-answer-m_qa-withAuthorImage__1JB3N",
-    "a-element": "question-answer-m_a-element__BTxfl",
-    "qa-default": "question-answer-m_qa-default__2fGK3",
-    "q-element": "question-answer-m_q-element__1ZA5d",
-    "dark": "question-answer-m_dark__O4Mnm",
-    "hidden": "question-answer-m_hidden__K0n4n",
-    "curveIcon": "question-answer-m_curveIcon__64641",
-    "edgeIcon": "question-answer-m_edgeIcon__3js6c",
-    "labelAttribution": "question-answer-m_labelAttribution__Rq-v3",
-    "light": "question-answer-m_light__3Iqv4",
-    "content": "question-answer-m_content__16Ng7"
-  }
-};
-
-var supportedTemplates = function supportedTemplates(type, element) {
-  switch (type) {
-    case "q-and-a":
-      var _get = lodash.get(element, ["metadata"]),
-          qaQuestion = _get.question,
-          qaAnswer = _get.answer;
-
-      var qaQuestionAttribution = lodash.get(element, ["metadata", "interviewer", "avatar-url"]);
-      var qaAnswerAttribution = lodash.get(element, ["metadata", "interviewee", "avatar-url"]);
-      return {
-        question: qaQuestion,
-        answer: qaAnswer,
-        questionAttribution: qaQuestionAttribution,
-        answerAttribution: qaAnswerAttribution
-      };
-
-    case "question":
-      var qQuestion = lodash.get(element, ["text"]);
-      var qAttribution = lodash.get(element, ["metadata", "interviewer", "avatar-url"]);
-      return {
-        question: qQuestion,
-        questionAttribution: qAttribution
-      };
-
-    case "answer":
-      var aAnswer = lodash.get(element, ["text"]);
-      var aAttribution = lodash.get(element, ["metadata", "interviewee", "avatar-url"]);
-      return {
-        answer: aAnswer,
-        answerAttribution: aAttribution
-      };
-  }
-};
-
-var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
-  var element = _ref.element,
-      template = _ref.template,
-      _ref$css = _ref.css,
-      css = _ref$css === void 0 ? {} : _ref$css;
-      _ref.story;
-      _ref.config;
-      var _ref$opts = _ref.opts,
-      opts = _ref$opts === void 0 ? {} : _ref$opts;
-      _ref.render;
-      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  var configData = useStateValue() || {};
-  var textInvertColor = getTextColor(configData.theme);
-  if (!element) return null;
-  var type = opts.type,
-      defaultIconType = opts.defaultIconType,
-      _opts$isExternalLink = opts.isExternalLink,
-      isExternalLink = _opts$isExternalLink === void 0 ? true : _opts$isExternalLink;
-  var iconColor = css.iconColor;
-
-  var _supportedTemplates = supportedTemplates(type, element),
-      question = _supportedTemplates.question,
-      answer = _supportedTemplates.answer,
-      questionAttribution = _supportedTemplates.questionAttribution,
-      answerAttribution = _supportedTemplates.answerAttribution;
-
-  var theme = getTextColor(iconColor);
-  var questionData = question && (isExternalLink && updateContentLinks(question) || question);
-  var answerData = answer && (isExternalLink && updateContentLinks(answer) || answer);
-  var isAuthorImageTemplate = template === "withAuthorImage";
-  var templateStyle = isAuthorImageTemplate ? "qa-withAuthorImage" : "qa-default";
-  var iconType = defaultIconType === "curve" ? "curveIcon" : "edgeIcon";
-  var supportQuestionElement = isAuthorImageTemplate ? questionAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "question-answer-m_labelAttribution__Rq-v3"
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: questionAttribution,
-    loading: "lazy"
-  })), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "question-answer-m_hidden__K0n4n"
-  })) : /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": iconType,
-    style: {
-      backgroundColor: iconColor
-    },
-    className: _getClassName__default["default"]("".concat(iconType, " ").concat(theme), _styleModuleImportMap)
-  }, "Q"); // EMPTY SPAN FOR EXTRA SPACE
-
-  var supportAnswerElement = isAuthorImageTemplate ? answerAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "question-answer-m_labelAttribution__Rq-v3"
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: answerAttribution,
-    loading: "lazy"
-  })), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "question-answer-m_hidden__K0n4n"
-  })) : /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": iconType,
-    style: {
-      backgroundColor: iconColor
-    },
-    className: _getClassName__default["default"]("".concat(iconType, " ").concat(theme), _styleModuleImportMap)
-  }, "A");
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-    "data-test-id": "question-answer"
-  }, restProps, {
-    className: "arrow-component arr-custom-style arr--qa-element " + _getClassName__default["default"](templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), type !== "answer" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "question-answer-m_q-element__1ZA5d",
-    "data-test-id": "question"
-  }, supportQuestionElement, /*#__PURE__*/React__default["default"].createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: questionData
-    },
-    className: _getClassName__default["default"]("content ".concat(textInvertColor), _styleModuleImportMap)
-  })), type !== "question" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "question-answer-m_a-element__BTxfl",
-    "data-test-id": "answer"
-  }, supportAnswerElement, /*#__PURE__*/React__default["default"].createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: answerData
-    },
-    className: _getClassName__default["default"]("content ".concat(textInvertColor), _styleModuleImportMap)
-  })));
-};
-
-QuestionAnswerBase.propTypes = {
-  element: PropTypes__default["default"].shape({
-    metadata: PropTypes__default["default"].shape({
-      interviewer: PropTypes__default["default"].shape({
-        "avatar-url": PropTypes__default["default"].string
-      }),
-      interviewee: PropTypes__default["default"].shape({
-        "avatar-url": PropTypes__default["default"].string
-      }),
-      question: PropTypes__default["default"].string,
-      answer: PropTypes__default["default"].string
-    }),
-    text: PropTypes__default["default"].string
-  }),
-  opts: PropTypes__default["default"].shape({
-    type: PropTypes__default["default"].string,
-    defaultIconType: PropTypes__default["default"].string,
-    isExternalLink: PropTypes__default["default"].bool
-  }),
-  template: PropTypes__default["default"].string,
-  css: PropTypes__default["default"].object,
-  config: shapeConfig,
-  story: shapeStory,
-  render: PropTypes__default["default"].func
-};
-var QuestionAnswer = withElementWrapper(QuestionAnswerBase);
-
-exports.QuestionAnswer = QuestionAnswer;

package/story-elements/QuestionAnswer/styles.arrow.css

@@ -1 +0,0 @@
-.question-answer-m_dark__0NBM4,.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_a-element__f28Sq p,.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_q-element__jfGsG p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_a-element__f28Sq p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_q-element__jfGsG p{color:var(--arrow-c-mono2);display:inline;font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-5)}@media (min-width:768px){.question-answer-m_dark__0NBM4,.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_a-element__f28Sq p,.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_q-element__jfGsG p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_a-element__f28Sq p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_q-element__jfGsG p{font-size:var(--arrow-fs-m)}}.question-answer-m_q-element__jfGsG{margin-bottom:var(--arrow-spacing-m)}.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_a-element__f28Sq p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_a-element__f28Sq p{font-weight:var(--arrow-fw-normal)}.question-answer-m_qa-withAuthorImage__twcOY .question-answer-m_hidden__-hwaj{display:inline-block;width:35px}@media (min-width:768px){.question-answer-m_qa-withAuthorImage__twcOY .question-answer-m_hidden__-hwaj{width:38px}}.question-answer-m_qa-default__gk9k4 .question-answer-m_curveIcon__OaJ9q,.question-answer-m_qa-default__gk9k4 .question-answer-m_edgeIcon__op1Lp{background-color:var(--arrow-c-brand1);color:var(--arrow-c-light);display:inline-block;font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);height:27px;line-height:var(--arrow-lh-5);margin-right:var(--arrow-spacing-xs);text-align:center;width:27px}@media (min-width:768px){.question-answer-m_qa-default__gk9k4 .question-answer-m_curveIcon__OaJ9q,.question-answer-m_qa-default__gk9k4 .question-answer-m_edgeIcon__op1Lp{font-size:var(--arrow-fs-m);height:30px;width:30px}}.question-answer-m_qa-default__gk9k4 .question-answer-m_edgeIcon__op1Lp{border-radius:2.8px}.question-answer-m_qa-default__gk9k4 .question-answer-m_curveIcon__OaJ9q{border-radius:13.5px}@media (min-width:768px){.question-answer-m_qa-default__gk9k4 .question-answer-m_curveIcon__OaJ9q{border-radius:15px}}.question-answer-m_qa-withAuthorImage__twcOY .question-answer-m_a-element__f28Sq,.question-answer-m_qa-withAuthorImage__twcOY .question-answer-m_q-element__jfGsG{position:relative}.question-answer-m_qa-withAuthorImage__twcOY .question-answer-m_labelAttribution__1Yy2t img{border-radius:16px;height:27px;position:absolute;width:27px}@media (min-width:768px){.question-answer-m_qa-withAuthorImage__twcOY .question-answer-m_labelAttribution__1Yy2t img{height:30px;width:30px}}.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_a-element__f28Sq .question-answer-m_light__-5UUF p,.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_q-element__jfGsG .question-answer-m_light__-5UUF p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_a-element__f28Sq .question-answer-m_light__-5UUF p,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_q-element__jfGsG .question-answer-m_light__-5UUF p{color:var(--arrow-c-invert-mono1)}.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_a-element__f28Sq .question-answer-m_light__-5UUF p a,.question-answer-m_qa-default__gk9k4.arrow-component .question-answer-m_q-element__jfGsG .question-answer-m_light__-5UUF p a,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_a-element__f28Sq .question-answer-m_light__-5UUF p a,.question-answer-m_qa-withAuthorImage__twcOY.arrow-component .question-answer-m_q-element__jfGsG .question-answer-m_light__-5UUF p a{border-bottom:1px solid var(--arrow-c-invert-mono2);color:var(--arrow-c-invert-mono2)}.question-answer-m_content__OE2zj{display:inline}html[dir=rtl] .question-answer-m_content__OE2zj{margin-right:var(--arrow-spacing-s)}html[dir=rtl] .question-answer-m_qa-default__gk9k4 .question-answer-m_curveIcon__OaJ9q,html[dir=rtl] .question-answer-m_qa-default__gk9k4 .question-answer-m_edgeIcon__op1Lp{margin-left:var(--arrow-spacing-xs);margin-right:0}

package/story-elements/Quote/index.js

@@ -1,166 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('lodash');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var _excluded$1 = ["element", "render"];
-var withElementWrapper = function withElementWrapper(StoryElement) {
-  return function (props) {
-    var element = props.element,
-        render = props.render,
-        restProps = _objectWithoutProperties__default["default"](props, _excluded$1);
-
-    if (!element) return null;
-    if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends__default["default"]({}, restProps, {
-      element: element
-    }));
-  };
-};
-withElementWrapper.propTypes = {
-  StoryElement: PropTypes__default["default"].element
-};
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-var shapeConfig = PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-var shapeStory = PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var _excluded = ["element", "template", "css", "story", "config", "render"];
-var _styleModuleImportMap = {
-  "./quote.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "quote": "quote-m_quote__13tTt",
-    "text": "quote-m_text__2hXSE",
-    "quote-borderNone": "quote-m_quote-borderNone__2EuoK",
-    "quote-borderTopSmall": "quote-m_quote-borderTopSmall__2DN-3",
-    "quote-borderLeft": "quote-m_quote-borderLeft__3QaAY",
-    "dark": "quote-m_dark__1migZ",
-    "light": "quote-m_light__30NnM",
-    "attribution": "quote-m_attribution__20Y6O",
-    "line": "quote-m_line__3gtoE"
-  }
-};
-
-var QuoteBase = function QuoteBase(_ref) {
-  var element = _ref.element,
-      _ref$template = _ref.template,
-      template = _ref$template === void 0 ? "" : _ref$template,
-      _ref$css = _ref.css,
-      css = _ref$css === void 0 ? {} : _ref$css;
-      _ref.story;
-      _ref.config;
-      _ref.render;
-      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  var configData = useStateValue() || {};
-  var textInvertColor = getTextColor(configData.theme);
-  var _element$metadata = element.metadata,
-      content = _element$metadata.content,
-      attribution = _element$metadata.attribution;
-  if (!content) return null;
-  var borderColor = css.borderColor;
-  var updateBorderColor = template === "borderLeft" && "4px solid ".concat(borderColor);
-  var templateStyle = template ? "quote-".concat(template) : "quote";
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-    "data-test-id": "quote"
-  }, restProps, {
-    className: "arrow-component arr--quote-element " + _getClassName__default["default"](templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), template === "borderTopSmall" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "quote-m_line__3gtoE",
-    style: borderColor && {
-      backgroundColor: borderColor
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("p", {
-    style: borderColor && {
-      borderLeft: updateBorderColor
-    },
-    dangerouslySetInnerHTML: {
-      __html: content
-    },
-    className: _getClassName__default["default"]("text ".concat(textInvertColor), _styleModuleImportMap)
-  }), /*#__PURE__*/React__default["default"].createElement("p", {
-    "data-test-id": "quote-attribution",
-    className: _getClassName__default["default"]("attribution ".concat(textInvertColor), _styleModuleImportMap)
-  }, attribution));
-};
-
-QuoteBase.propTypes = {
-  element: PropTypes__default["default"].shape({
-    metadata: PropTypes__default["default"].shape({
-      content: PropTypes__default["default"].string,
-      attribution: PropTypes__default["default"].string
-    })
-  }),
-
-  /** template can be default, borderTopSmall and borderLeft  */
-  template: PropTypes__default["default"].string,
-  story: shapeStory,
-  config: shapeConfig,
-  render: PropTypes__default["default"].func,
-  css: PropTypes__default["default"].object
-};
-var Quote = withElementWrapper(QuoteBase);
-
-exports.Quote = Quote;

package/story-elements/Quote/styles.arrow.css

@@ -1 +0,0 @@
-.quote-m_dark__TBjLa,.quote-m_quote-borderLeft__NkNsH .quote-m_text__Ffgj4,.quote-m_quote-borderNone__gk-lS .quote-m_text__Ffgj4,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_text__Ffgj4,.quote-m_quote__-U8pk .quote-m_text__Ffgj4{color:var(--arrow-c-mono2);font-size:var(--arrow-fs-m);font-weight:var(--arrow-fw-semi-bold);line-height:var(--arrow-lh-5)}@media (min-width:768px){.quote-m_dark__TBjLa,.quote-m_quote-borderLeft__NkNsH .quote-m_text__Ffgj4,.quote-m_quote-borderNone__gk-lS .quote-m_text__Ffgj4,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_text__Ffgj4,.quote-m_quote__-U8pk .quote-m_text__Ffgj4{font-size:var(--arrow-fs-l)}}.quote-m_quote-borderLeft__NkNsH .quote-m_text__Ffgj4.quote-m_light__JIGAG,.quote-m_quote-borderNone__gk-lS .quote-m_text__Ffgj4.quote-m_light__JIGAG,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_text__Ffgj4.quote-m_light__JIGAG,.quote-m_quote__-U8pk .quote-m_text__Ffgj4.quote-m_light__JIGAG{color:var(--arrow-c-invert-mono2)}.quote-m_quote-borderNone__gk-lS .quote-m_text__Ffgj4,.quote-m_quote__-U8pk .quote-m_text__Ffgj4{font-style:italic}.quote-m_quote-borderLeft__NkNsH .quote-m_text__Ffgj4{border-left:4px solid var(--arrow-c-brand1);padding-left:var(--arrow-spacing-l)}.quote-m_dark__TBjLa,.quote-m_quote-borderLeft__NkNsH .quote-m_attribution__g0HCI,.quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_attribution__g0HCI,.quote-m_quote__-U8pk .quote-m_attribution__g0HCI{color:var(--arrow-c-mono4);display:flex;font-family:var(--arrow-typeface-secondary);font-size:var(--arrow-fs-s);font-style:italic;font-weight:var(--arrow-fw-semi-bold);margin-top:var(--arrow-spacing-s)}@media (min-width:768px){.quote-m_dark__TBjLa,.quote-m_quote-borderLeft__NkNsH .quote-m_attribution__g0HCI,.quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_attribution__g0HCI,.quote-m_quote__-U8pk .quote-m_attribution__g0HCI{font-size:var(--arrow-fs-m);margin-top:var(--arrow-spacing-m)}}.quote-m_quote-borderLeft__NkNsH .quote-m_attribution__g0HCI.quote-m_light__JIGAG,.quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI.quote-m_light__JIGAG,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_attribution__g0HCI.quote-m_light__JIGAG,.quote-m_quote__-U8pk .quote-m_attribution__g0HCI.quote-m_light__JIGAG{color:var(--arrow-c-invert-mono4)}.quote-m_quote-borderLeft__NkNsH .quote-m_attribution__g0HCI{margin-left:var(--arrow-spacing-l)}.quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI,.quote-m_quote__-U8pk .quote-m_attribution__g0HCI{justify-content:flex-end}.quote-m_quote-borderLeft__NkNsH .quote-m_attribution__g0HCI,.quote-m_quote-borderTopSmall__FGEa5 .quote-m_attribution__g0HCI{justify-content:flex-start}.quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI:before,.quote-m_quote__-U8pk .quote-m_attribution__g0HCI:before{background-color:var(--arrow-c-mono4);content:" ";height:2px;margin:var(--arrow-spacing-s) var(--arrow-spacing-xs) 0 0;width:12px}.quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI.quote-m_light__JIGAG:before,.quote-m_quote__-U8pk .quote-m_attribution__g0HCI.quote-m_light__JIGAG:before{background-color:var(--arrow-c-invert-mono4)}html[dir=rtl] .quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI:before,html[dir=rtl] .quote-m_quote__-U8pk .quote-m_attribution__g0HCI:before{content:none}html[dir=rtl] .quote-m_quote-borderNone__gk-lS .quote-m_attribution__g0HCI:after,html[dir=rtl] .quote-m_quote__-U8pk .quote-m_attribution__g0HCI:after{background-color:var(--arrow-c-mono4);content:" ";height:2px;margin:var(--arrow-spacing-s) var(--arrow-spacing-xs) 0 0;width:12px}.quote-m_quote-borderTopSmall__FGEa5 .quote-m_line__FfF-f{background-color:var(--arrow-c-brand1);height:4px;margin-bottom:var(--arrow-spacing-xs);width:32px}@media (min-width:768px){.quote-m_quote-borderTopSmall__FGEa5 .quote-m_line__FfF-f{margin-bottom:var(--arrow-spacing-s)}}

package/story-elements/Reference/index.js

@@ -1,160 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('lodash');
-require('react-timeago');
-require('date-fns-tz');
-var components = require('@quintype/components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var _excluded$1 = ["element", "render"];
-var withElementWrapper = function withElementWrapper(StoryElement) {
-  return function (props) {
-    var element = props.element,
-        render = props.render,
-        restProps = _objectWithoutProperties__default["default"](props, _excluded$1);
-
-    if (!element) return null;
-    if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends__default["default"]({}, restProps, {
-      element: element
-    }));
-  };
-};
-withElementWrapper.propTypes = {
-  StoryElement: PropTypes__default["default"].element
-};
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-var shapeConfig = PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-
-var _excluded = ["element", "config", "opts"];
-var _styleModuleImportMap = {
-  "./reference.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "tablet": "992px",
-    "wrapper": "reference-m_wrapper__1C4Ot",
-    "name": "reference-m_name__24IwG",
-    "description": "reference-m_description__2x3Io",
-    "dark": "reference-m_dark__3Zlnx",
-    "light": "reference-m_light__1B8Ud"
-  }
-};
-
-var ReferenceBase = function ReferenceBase(_ref) {
-  var element = _ref.element;
-      _ref.config;
-      var _ref$opts = _ref.opts,
-      opts = _ref$opts === void 0 ? {} : _ref$opts,
-      restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  if (!element) return null;
-  var configData = useStateValue() || {};
-  var textInvertColor = getTextColor(configData.theme);
-  var eleArr = element["story-elements"] && element["story-elements"].map(function (ref) {
-    return ref.metadata;
-  });
-  var _opts$showHeadline = opts.showHeadline,
-      showHeadline = _opts$showHeadline === void 0 ? true : _opts$showHeadline,
-      headlineText = opts.headlineText;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-    className: "arrow-component arr--reference-element"
-  }, restProps), eleArr && eleArr.map(function (metadata, index) {
-    var _metadata$name = metadata.name,
-        name = _metadata$name === void 0 ? "" : _metadata$name,
-        _metadata$description = metadata.description,
-        description = _metadata$description === void 0 ? "" : _metadata$description,
-        url = metadata.url;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      key: index,
-      className: _getClassName__default["default"]("wrapper ".concat(textInvertColor), _styleModuleImportMap)
-    }, /*#__PURE__*/React__default["default"].createElement(components.Link, {
-      href: url,
-      "aria-label": "reference-headline"
-    }, showHeadline && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "reference-m_name__24IwG",
-      "data-test-id": "ref-headline"
-    }, headlineText || name), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "reference-m_description__2x3Io"
-    }, description)));
-  }));
-};
-
-ReferenceBase.propTypes = {
-  element: PropTypes__default["default"].shape({
-    "story-elements": PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      metadata: PropTypes__default["default"].shape({
-        name: PropTypes__default["default"].string,
-        description: PropTypes__default["default"].string,
-        url: PropTypes__default["default"].string
-      })
-    }))
-  }),
-  opts: PropTypes__default["default"].shape({
-    hideHeadline: PropTypes__default["default"].bool
-  }),
-  config: shapeConfig
-};
-var Reference = withElementWrapper(ReferenceBase);
-
-exports.Reference = Reference;

package/story-elements/Reference/styles.arrow.css

@@ -1 +0,0 @@
-.reference-m_wrapper__vasJ2{border-radius:var(--arrow-spacing-xxs);margin-bottom:var(--arrow-spacing-l);padding:var(--arrow-spacing-m)}@media (min-width:992px){.reference-m_wrapper__vasJ2{padding:var(--arrow-spacing-l)}}.reference-m_name__c9IWG{font-size:var(--arrow-fs-m);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-3);margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.reference-m_name__c9IWG{font-size:var(--arrow-fs-l)}}.reference-m_description__aCaBA{font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-5)}@media (min-width:768px){.reference-m_description__aCaBA{font-size:var(--arrow-fs-m)}}.reference-m_dark__ATT4o{background-color:var(--arrow-c-mono7);border:1px solid var(--arrow-c-mono7);color:var(--arrow-c-mono2)}.reference-m_light__gj0Fa{background-color:var(--arrow-c-invert-mono7);border:1px solid var(--arrow-c-invert-mono7);color:var(--arrow-c-invert-mono2)}