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

package/rows/TwoColThreeStories/styles.arrow.css

@@ -1 +0,0 @@
-.collection-name-m_collection__2xOPW{font-size:var(--arrow-fs-m);font-weight:var(--arrow-fw-bold);margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.collection-name-m_collection__2xOPW{font-size:var(--arrow-fs-l);margin-bottom:var(--arrow-spacing-l)}}.collection-name-m_collection-borderLeft__sm2OQ{align-items:baseline;display:flex}.collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr{margin-right:var(--arrow-spacing-xs);min-width:5px;overflow:hidden;width:5px}.collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr:before{content:"I";font-family:var(--arrow-sans-serif)}.collection-name-m_collection-borderBottomFull__8-REi{display:inline-block}.collection-name-m_collection-borderBottom__QM0lv{display:block}.collection-name-m_collection-crossLine__gO4l0{align-items:center;display:flex}.collection-name-m_collection-crossLine__gO4l0:before{border-top:1px solid var(--arrow-c-mono5);content:" ";flex:1 1 auto;margin-right:var(--arrow-spacing-l);position:relative}.collection-name-m_collection-crossLine__gO4l0:after{border-top:1px solid var(--arrow-c-mono5);content:" ";flex:1 1 auto;margin-left:var(--arrow-spacing-l);position:relative}html[dir=rtl] .collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr{margin-left:var(--arrow-spacing-xs);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__gO4l0:before{margin-left:var(--arrow-spacing-l);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__gO4l0:after{margin-left:0;margin-right:var(--arrow-spacing-l)}.collection-name-m_border-bottom__i9Gqk{height:4px;margin-top:var(--arrow-spacing-xxs);width:20px}.collection-name-m_collection-crossLine__gO4l0 .collection-name-m_border-bottom__i9Gqk{visibility:hidden}.collection-name-m_dark__VlJO3 a,.collection-name-m_dark__VlJO3 h2,.collection-name-m_dark__VlJO3 h3,.collection-name-m_dark__VlJO3 h5{color:var(--arrow-c-mono2)}.collection-name-m_light__xsoWS a,.collection-name-m_light__xsoWS h2,.collection-name-m_light__xsoWS h3,.collection-name-m_light__xsoWS h5{color:var(--arrow-c-invert-mono2)}.fallback-m_image-position__rAOpW{bottom:0;left:0;position:absolute;right:0;top:0}.fallback-m_image__j9gJ2{background:var(--fallback-img)}.fallback-m_image__j9gJ2:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.fallback-m_fallback-svg__LJk7c svg{bottom:0;height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;transform:translateX(-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)}.hero-image-m_hero-image__GPENA{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0;position:relative}.hero-image-m_right-padding__BTBXn{flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}.hero-image-m_left-padding__yiln3{flex-grow:1;margin-bottom:0;padding-left:var(--arrow-spacing-s)}.hero-image-m_right-padding-mob__y7wsK{flex-basis:30%;flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}@media (min-width:768px){.hero-image-m_right-padding-mob__y7wsK{margin-bottom:var(--arrow-spacing-xs);padding-right:0}}.hero-image-m_placeholder__QdaNV{background-color:#d3d3d3}html[dir=rtl] .hero-image-m_right-padding-mob__y7wsK,html[dir=rtl] .hero-image-m_right-padding__BTBXn{padding-left:var(--arrow-spacing-s);padding-right:0}@media (min-width:768px){html[dir=rtl] .hero-image-m_right-padding-mob__y7wsK{padding-left:0}}.hero-image-m_hero-image-mob__BXKnM{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0}.hero-image-m_with-padding__4uBJT{padding:16px 16px 0}.hero-image-m_image__868Y6{position:relative}.hero-image-m_image__868Y6 img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}.headline-m_wrapper__Ohhox{margin-bottom:6px}.headline-m_headline__bRjMh{color:var(--arrow-c-mono2);font-weight:var(--arrow-fw-semi-bold);margin-bottom:var(--arrow-spacing-xxs)}@media (min-width:768px){.headline-m_headline__bRjMh{margin-bottom:var(--arrow-spacing-xs)}}.headline-m_wrapper__Ohhox .headline-m_headline__bRjMh{display:inline;margin-bottom:var(--arrow-spacing-xs)}.headline-m_dark__M4Yl9{color:var(--arrow-c-mono2)}.headline-m_light__IBi09{color:var(--arrow-c-invert-mono2)}.section-m_section__hvZbb{margin-bottom:var(--arrow-spacing-xxs)}@media (min-width:768px){.section-m_section__hvZbb{margin-bottom:var(--arrow-spacing-xs)}}.section-m_section-borderBottomSml__4N3QJ .section-m_border-bottom__QN8bd{height:2px;margin-top:var(--arrow-spacing-xxs);width:20px}.section-m_section-borderLeft__M9ZK8{align-items:baseline;display:flex}.section-m_section-borderLeft__M9ZK8 .section-m_border-left__LCsN3{margin-right:var(--arrow-spacing-xs);max-width:3px;min-width:3px;overflow:hidden}.section-m_section-borderLeft__M9ZK8 .section-m_border-left__LCsN3:before{content:"I";font-family:var(--arrow-sans-serif)}html[dir=rtl] .section-m_border-left__LCsN3{margin-left:var(--arrow-spacing-xs);margin-right:0}.section-m_section-solid__qUoyq{align-self:self-start;color:var(--arrow-c-light);display:inline-flex;padding:var(--arrow-spacing-xxs) var(--arrow-spacing-s)}@media (min-width:768px){.section-m_section-solid__qUoyq{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}}.section-m_dark__gUfSN{color:var(--arrow-c-mono2)}.section-m_light__dTk7c{color:var(--arrow-c-invert-mono2)}.timestamp-m_time__nFaiw{display:flex;margin-bottom:2px}.timestamp-m_time-wrapper__K6nmZ{margin-bottom:var(--arrow-spacing-xxs)}.timestamp-m_bottom-fix__gjxS2{margin-top:auto}.timestamp-m_dark__z8gbw{color:var(--arrow-c-mono4)}.timestamp-m_light__BcFUe{color:var(--arrow-c-invert-mono4)}.author-m_author__GP-nT{align-items:center;color:var(--arrow-c-mono4);display:flex;margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__vpWED{border-radius:100%;height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden;width:var(--arrow-spacing-l)}.author-m_author-image__vpWED figure,.author-m_author-image__vpWED img{height:100%;width:100%}.author-m_author-name__H-L6p{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__iLW5j{margin-top:auto}.author-m_prefix__fXK6f{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__fPZig{display:none}html[dir=rtl] .author-m_author-name__H-L6p{margin-right:0}html[dir=rtl] .author-m_prefix__fXK6f{margin-left:var(--arrow-spacing-xxs);margin-right:0}html[dir=rtl] .author-m_ltr-image__ZBPrO{display:none}html[dir=rtl] .author-m_rtl-image__fPZig{display:block}.author-m_dark__tes5T{color:var(--arrow-c-mono4)}.author-m_light__KyiCD{color:var(--arrow-c-invert-mono4)}.dot-m_dark__pv0-t{fill:var(--arrow-c-mono4)}.dot-m_light__emVqc{fill:var(--arrow-c-invert-mono4)}.divider-m_dark__9iuK9{fill:var(--arrow-c-mono4)}.divider-m_light__K1yzB{fill:var(--arrow-c-invert-mono4)}.author-with-timestamp-m_author-time-wrapper__6mTnA{align-items:center;color:var(--arrow-c-mono2);display:flex;flex-wrap:wrap}.author-with-timestamp-m_author-image__x3ck7{border-radius:100%;height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);width:var(--arrow-spacing-l)}.author-with-timestamp-m_dot__P84rZ{margin-right:var(--arrow-spacing-xs);position:relative;top:-6px}.author-with-timestamp-m_bottom-fix__jceqG{margin-top:auto}.author-with-timestamp-m_dash__eaT-k{margin-right:var(--arrow-spacing-xs);position:relative;top:-1px}@media (min-width:768px){.author-with-timestamp-m_dash__eaT-k{top:-3px}}html[dir=rtl] .author-with-timestamp-m_dot__P84rZ{margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .author-with-timestamp-m_dash__eaT-k{padding-left:var(--arrow-spacing-xs)}.read-time-m_read-time-wrapper__ltd31{display:flex;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-2)}.read-time-m_dot-indicator__RMIwp{padding:0 var(--arrow-spacing-xs) var(--arrow-spacing-xs)}.read-time-m_dark__tpGlu{color:var(--arrow-c-mono4)}.read-time-m_light__g3NL4{color:var(--arrow-c-invert-mono4)}html[dir=rtl] .read-time-m_read-time-wrapper__ltd31{margin-right:var(--arrow-spacing-xs)}.storycardContent-m_wrapper__Vs1wF{flex-basis:70%}@media (min-width:768px){.storycardContent-m_wrapper__Vs1wF{flex-basis:100%}}.storycardContent-m_horizontal-content-wrapper__74tAN.storycardContent-m_border-full__mlt8M{padding:16px 16px 16px 0}@media (min-width:768px){.storycardContent-m_horizontal-content-wrapper__74tAN.storycardContent-m_border-full__mlt8M{padding:0 16px 16px}}.storycardContent-m_border-full__mlt8M{padding:12px 0 0}@media (min-width:768px){.storycardContent-m_border-full__mlt8M{padding:0 16px 16px}}.subheadline-m_subheadline__7KQiQ{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:var(--arrow-spacing-xxs);overflow:hidden}@media (min-width:768px){.subheadline-m_subheadline__7KQiQ{margin-bottom:var(--arrow-spacing-xs)}}.subheadline-m_dark__82PuA{color:var(--arrow-c-mono4)}.subheadline-m_light__-SrMN{color:var(--arrow-c-invert-mono4)}.storycard-m_author-timestamp-wrapper__oL1E-{align-items:center;display:flex}.storycard-m_default-card__jZ81O{display:flex;flex-direction:column}.storycard-m_horizontal-card__jk6UX{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_backgroung-img__vSQ7D>a>figure:after{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.storycard-m_backgroung-img__vSQ7D>div:nth-child(2){bottom:0;left:15%;padding:var(--arrow-spacing-m) var(--arrow-spacing-m) 48px;position:absolute;right:15%}}.storycard-m_backgroung-img__vSQ7D img{bottom:0;position:absolute}@media (min-width:768px){.storycard-m_content-overlap__7v5VC>div:nth-child(2){background-color:var(--arrow-c-light);bottom:0;margin:0 var(--arrow-spacing-m);padding:var(--arrow-spacing-m);position:absolute;width:calc(100% - 32px)}.storycard-m_content-overlap__7v5VC img{bottom:0;position:absolute}}.storycard-m_horizontal-card__jk6UX>div:first-child{flex-basis:30%}.storycard-m_horizontal-card__jk6UX>div:nth-child(2){flex-basis:70%}.storycard-m_border-full__aBPy7.storycard-m_light__k4CYC{border:1px solid var(--light-border)}.storycard-m_border-full__aBPy7.storycard-m_dark__W9iAy{border:1px solid var(--dark-border)}.storycard-m_border-bottom__9IMot.storycard-m_light__k4CYC{border-bottom:1px solid var(--light-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-bottom__9IMot.storycard-m_dark__W9iAy{border-bottom:1px solid var(--dark-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-boxShadow__iHl9d{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.storycard-m_center-align__6jcrn{align-items:left;display:flex;flex-direction:column}@media (min-width:768px){.storycard-m_center-align__6jcrn{align-items:center;text-align:center}}.storycard-m_content-boxShadow__vHmN4,.storycard-m_content-full__SQ56U{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}.storycard-m_backgroung-img__vSQ7D,.storycard-m_content-overlap__7v5VC{position:relative}.storycard-m_hero-image__KLrCe{margin-bottom:var(--arrow-spacing-xs);padding-right:0}.storycard-m_right-padding__tRG92{padding-bottom:0;padding-right:var(--arrow-spacing-xs)}.storycard-m_horizontal-mob__ddY6X{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_horizontal-mob__ddY6X{flex-direction:column}}.storycard-m_horizontal-mob__ddY6X .storycard-m_hero-image__KLrCe{flex-basis:30%}@media (min-width:768px){.storycard-m_horizontal-mob__ddY6X .storycard-m_hero-image__KLrCe{flex-basis:100%}}.storycard-m_horizontal-mob__ddY6X .storycard-m_content__ugXF7{flex-basis:70%}@media (min-width:768px){.storycard-m_horizontal-mob__ddY6X .storycard-m_content__ugXF7{flex-basis:100%}}.storycard-m_border-default__qc6ma{border:none;height:100%}.storycard-m_card__JJvWo{height:100%}.storycard-m_horizontal-image-last__LQgPd{display:flex;flex-direction:row-reverse}.storycard-m_horizontal-image-last__LQgPd>div:first-child{flex-basis:30%}.storycard-m_horizontal-image-last__LQgPd>div:nth-child(2){flex-basis:70%}.load-more-m_button__qDfvU{background-color:transparent;border:1px solid;border-radius:var(--arrow-spacing-xxs);cursor:pointer;display:flex;font-size:var(--arrow-fs-xs);margin:var(--arrow-spacing-m) auto var(--arrow-spacing-xs) auto;padding:var(--arrow-spacing-xs) var(--arrow-spacing-l);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.load-more-m_default__HMaZ1{display:block}.load-more-m_dark__pAdYl{color:var(--arrow-c-mono2)}.load-more-m_light__x9Bdj{color:var(--arrow-c-invert-mono2)}.two-col-three-story-m_two-col-three-story__UwDgt{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.two-col-three-story-m_two-col-three-story__UwDgt{padding:0}}.two-col-three-story-m_wrapper__-Q-GY{margin:var(--arrow-spacing-xs) 0}@media (min-width:768px){.two-col-three-story-m_wrapper__-Q-GY{grid-column-gap:var(--arrow-spacing-l);display:grid;grid-template-columns:9fr 3fr;margin:var(--arrow-spacing-m) 0}}.two-col-three-story-m_first-card__0tIoK{margin-bottom:var(--arrow-spacing-m);padding:0}@media (min-width:768px){.two-col-three-story-m_first-card__0tIoK{margin-bottom:0}}.two-col-three-story-m_storycard__3FBQr{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.two-col-three-story-m_storycard__3FBQr{margin-bottom:var(--arrow-spacing-l)}}.two-col-three-story-m_border-full__h-xKJ{padding:var(--arrow-spacing-m)}

package/story-elements/AlsoRead/index.js

@@ -1,320 +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 lodash = require('lodash');
-var components = require('@quintype/components');
-var PropTypes = require('prop-types');
-require('@babel/runtime/helpers/asyncToGenerator');
-var _typeof = 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 _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
-
-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 ImageFallbackIcon = function ImageFallbackIcon(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 40 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 30 : _ref$height,
-      _ref$iconColor = _ref.iconColor,
-      iconColor = _ref$iconColor === void 0 ? "#99B0CB" : _ref$iconColor;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 102 76",
-    version: "1.1"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    id: "demo-home-copy",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    transform: "translate(-377.000000, -314.000000)"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    id: "Group-13",
-    transform: "translate(377.000000, 314.000000)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M43.2,49.7 L62.2,19.2 L87.2,59.4 L17,59.4 L32.8,39.4 L43.2,49.7 Z M29.9,28.6 C25.8683213,28.6 22.6,25.3316787 22.6,21.3 C22.6,17.2683213 25.8683213,14 29.9,14 C33.9316787,14 37.2,17.2683213 37.2,21.3 C37.2,25.3316787 33.9316787,28.6 29.9,28.6 Z",
-    id: "Combined-Shape",
-    fill: iconColor,
-    fillRule: "nonzero"
-  }), /*#__PURE__*/React__default["default"].createElement("rect", {
-    id: "Rectangle-19",
-    stroke: iconColor,
-    strokeWidth: "3",
-    x: "1.5",
-    y: "1.5",
-    width: "99",
-    height: "73",
-    rx: "3"
-  }))));
-};
-ImageFallbackIcon.propTypes = {
-  width: PropTypes__default["default"].object,
-  height: PropTypes__default["default"].object,
-  iconColor: PropTypes__default["default"].object
-};
-
-var imageFallback = function imageFallback() {
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--fallback-image fallback-m_image__1GYCJ fallback-m_image-position__3KddP"
-  }, /*#__PURE__*/React__default["default"].createElement("figure", {
-    className: "arr--fallback-svg fallback-m_fallback-svg__tK9fL"
-  }, /*#__PURE__*/React__default["default"].createElement(ImageFallbackIcon, null)));
-};
-
-var FallbackImage = function FallbackImage(_ref) {
-  var slug = _ref.slug;
-
-  if (slug) {
-    return /*#__PURE__*/React__default["default"].createElement(components.Link, {
-      href: slug,
-      "aria-label": "image-fallback"
-    }, imageFallback());
-  } else {
-    return imageFallback();
-  }
-};
-FallbackImage.propTypes = {
-  slug: PropTypes__default["default"].string
-};
-
-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 clientWidths = {
-  mobile: 767,
-  tablet: 1024
-};
-var clientWidth = function clientWidth(device) {
-  var foundDeviceWidth = lodash.get(clientWidths, device);
-
-  if (foundDeviceWidth) {
-    return lodash.get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
-  }
-
-  return false;
-};
-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 isEmpty = function isEmpty(value) {
-  return value == null || // From standard.js: Always use === - but value == null is allowed to check null || undefined
-  _typeof__default["default"](value) === "object" && Object.entries(value).length === 0 && value.constructor === Object || typeof value === "string" && value.trim().length === 0;
-};
-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 StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var _excluded = ["story", "element", "template", "opts", "css", "config", "render"];
-var _styleModuleImportMap = {
-  "./also-read.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "card-image": "also-read-m_card-image__3CwAv",
-    "default-text": "also-read-m_default-text__hp2dp",
-    "alsoread-textLeftAlign": "also-read-m_alsoread-textLeftAlign__S0Dxe",
-    "alsoread-imageRightAlign": "also-read-m_alsoread-imageRightAlign__1bsF3",
-    "headline": "also-read-m_headline__VzF-c",
-    "alsoread-default": "also-read-m_alsoread-default__3cYER",
-    "card-image-wrapper": "also-read-m_card-image-wrapper__3GFzu",
-    "image": "also-read-m_image__2jdRP",
-    "content-wrapper": "also-read-m_content-wrapper__26AZX",
-    "alsoread": "also-read-m_alsoread__1crOV",
-    "dark": "also-read-m_dark__1pUib",
-    "light": "also-read-m_light__bTCze"
-  }
-};
-
-var DisplayImage = function DisplayImage(_ref) {
-  var story = _ref.story,
-      linkedImage = _ref.linkedImage,
-      template = _ref.template,
-      isRightAlign = _ref.isRightAlign;
-  var isLeftAlign = template === "textLeftAlign";
-  var isMobile = clientWidth("mobile");
-  var rightAlignAspectRatio = isRightAlign && isMobile ? [4, 3] : [16, 9];
-  var imageAspectRatio = isLeftAlign ? [16, 9] : rightAlignAspectRatio;
-  var alternateText = story["hero-image-caption"] || story["headline"];
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "also-read-m_card-image-wrapper__3GFzu"
-  }, !isEmpty(linkedImage) ? /*#__PURE__*/React__default["default"].createElement("figure", {
-    className: "also-read-m_card-image__3CwAv"
-  }, /*#__PURE__*/React__default["default"].createElement(components.LazyLoadImages, null, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
-    slug: linkedImage,
-    "aspect-ratio": imageAspectRatio,
-    defaultWidth: 480,
-    widths: [250, 480, 640],
-    imgParams: {
-      auto: ["format", "compress"]
-    },
-    alt: alternateText
-  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--fallback-also-read also-read-m_image__2jdRP"
-  }, /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)));
-};
-
-DisplayImage.propTypes = {
-  story: PropTypes__default["default"].shape({
-    "hero-image-caption": PropTypes__default["default"].string,
-    headline: PropTypes__default["default"].string
-  }),
-  linkedImage: PropTypes__default["default"].string,
-  template: PropTypes__default["default"].string,
-  isRightAlign: PropTypes__default["default"].bool
-};
-
-var AlsoReadBase = function AlsoReadBase(_ref2) {
-  var _ref2$story = _ref2.story,
-      story = _ref2$story === void 0 ? {} : _ref2$story,
-      element = _ref2.element,
-      _ref2$template = _ref2.template,
-      template = _ref2$template === void 0 ? "" : _ref2$template,
-      _ref2$opts = _ref2.opts,
-      opts = _ref2$opts === void 0 ? {} : _ref2$opts,
-      _ref2$css = _ref2.css,
-      css = _ref2$css === void 0 ? {} : _ref2$css;
-      _ref2.config;
-      _ref2.render;
-      var restProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-  var content = element.text;
-  if (!content) return null;
-  var linkedStories = lodash.get(story, ["linked-stories"], {});
-  var linkedStoryId = lodash.get(element, ["metadata", "linked-story-id"]);
-  var linkedStorySlug = lodash.get(linkedStories, [linkedStoryId, "url"]);
-  var linkedImage = lodash.get(linkedStories, [linkedStoryId, "hero-image-s3-key"], "");
-  var storyUrl = linkedStorySlug && linkedStorySlug;
-  var configData = useStateValue() || {};
-  var textInvertColor = getTextColor(configData.theme);
-  var _opts$title = opts.title,
-      title = _opts$title === void 0 ? "" : _opts$title;
-  var textColor = css.textColor;
-  var displayTitle = title || "Also Read";
-  var isDefault = template === "" || template === "default";
-  var isRightAlign = template === "imageRightAlign";
-  var templateStyle = template ? "alsoread-".concat(template) : "alsoread-default";
-  return /*#__PURE__*/React__default["default"].createElement(components.Link, _extends__default["default"]({
-    "data-test-id": "also-read",
-    href: storyUrl,
-    "aria-label": "also-read"
-  }, restProps, {
-    className: "arrow-component arr--also-read-element " + _getClassName__default["default"](templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), !isDefault && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName__default["default"]("default-text ".concat(textInvertColor), _styleModuleImportMap)
-  }, displayTitle), isDefault && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
-    story: story,
-    linkedImage: linkedImage,
-    template: template,
-    isRightAlign: isRightAlign
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "also-read-m_content-wrapper__26AZX"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "also-read-m_headline__VzF-c",
-    style: textColor ? {
-      color: textColor
-    } : {
-      color: textInvertColor
-    },
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  }), isRightAlign && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
-    story: story,
-    linkedImage: linkedImage,
-    template: template
-  })));
-};
-
-AlsoReadBase.propTypes = {
-  /**  template can be default, textLeftAlign or imageRightAlign */
-  template: PropTypes__default["default"].string,
-  story: PropTypes__default["default"].shape({
-    "linked-stories": PropTypes__default["default"].object
-  }),
-  element: PropTypes__default["default"].shape({
-    text: PropTypes__default["default"].string,
-    metadata: PropTypes__default["default"].shape({
-      linkedStoryId: PropTypes__default["default"].shape({
-        url: PropTypes__default["default"].string,
-        "hero-image-s3-key": PropTypes__default["default"].string
-      })
-    })
-  }),
-  opts: PropTypes__default["default"].shape({
-    title: PropTypes__default["default"].string
-  }),
-  config: shapeConfig,
-  render: PropTypes__default["default"].func,
-  css: PropTypes__default["default"].object
-};
-var AlsoRead = withElementWrapper(AlsoReadBase);
-
-exports.AlsoRead = AlsoRead;

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

@@ -1 +0,0 @@
-.fallback-m_image-position__rAOpW{bottom:0;left:0;position:absolute;right:0;top:0}.fallback-m_image__j9gJ2{background:var(--fallback-img)}.fallback-m_image__j9gJ2:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.fallback-m_fallback-svg__LJk7c svg{bottom:0;height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;transform:translateX(-50%)}.also-read-m_card-image__kPGK7 img{height:100%;position:absolute;top:0}.also-read-m_default-text__Md-kH{font-family:var(--arrow-typeface-secondary)}.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_default-text__Md-kH,.also-read-m_alsoread-textLeftAlign__qsQuO .also-read-m_default-text__Md-kH{font-size:var(--arrow-fs-xs);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-3)}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_default-text__Md-kH,.also-read-m_alsoread-textLeftAlign__qsQuO .also-read-m_default-text__Md-kH{font-size:var(--arrow-fs-s)}}.also-read-m_headline__lYqm0{font-family:var(--arrow-typeface-primary);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-3)}.also-read-m_alsoread-default__U-OM3 .also-read-m_headline__lYqm0{color:var(--arrow-c-dark);font-size:var(--arrow-fs-s);padding-top:var(--arrow-spacing-xs)}@media (min-width:768px){.also-read-m_alsoread-default__U-OM3 .also-read-m_headline__lYqm0{font-size:var(--arrow-fs-l);padding-top:0}}.also-read-m_alsoread-textLeftAlign__qsQuO .also-read-m_headline__lYqm0{color:var(--arrow-c-brand1);font-size:var(--arrow-fs-m);margin-top:var(--arrow-spacing-xs)}@media (min-width:768px){.also-read-m_alsoread-textLeftAlign__qsQuO .also-read-m_headline__lYqm0{font-size:var(--arrow-fs-l)}}.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_headline__lYqm0{color:var(--arrow-c-dark);font-size:var(--arrow-fs-m);margin-right:var(--arrow-spacing-m)}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_headline__lYqm0{font-size:var(--arrow-fs-l)}}.also-read-m_card-image-wrapper__Mgl6d{position:relative}@media (min-width:768px){.also-read-m_alsoread-default__U-OM3 .also-read-m_card-image-wrapper__Mgl6d{flex-basis:30%;margin-right:var(--arrow-spacing-m)}}.also-read-m_card-image__kPGK7{display:block;position:relative}.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz,.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image__kPGK7{padding-top:75%}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz,.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image__kPGK7{padding-top:56.25%}}.also-read-m_alsoread-default__U-OM3{border:1px solid var(--arrow-c-mono5);display:block;padding:var(--arrow-spacing-m)}@media (min-width:768px){.also-read-m_alsoread-default__U-OM3{display:flex}}.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_content-wrapper__lN90g{display:flex;margin-top:var(--arrow-spacing-xs)}@media (min-width:768px){.also-read-m_alsoread-default__U-OM3 .also-read-m_content-wrapper__lN90g{flex-basis:70%}}.also-read-m_alsoread-default__U-OM3 .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz,.also-read-m_alsoread-default__U-OM3 .also-read-m_card-image__kPGK7,.also-read-m_alsoread__d-5Jr .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz{padding-top:56.25%}.also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz div{background:var(--arrow-c-mono6)}.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_card-image__kPGK7,.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz,.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz .arr--fallback-image{height:75px;width:100px}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_card-image__kPGK7,.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz,.also-read-m_alsoread-imageRightAlign__r-9cV .also-read-m_card-image-wrapper__Mgl6d .also-read-m_image__vcfhz .arr--fallback-image{height:90px;width:160px}}html[dir=rtl] .also-read-m_content-wrapper__lN90g{margin-right:var(--arrow-spacing-m)}html[dir=rtl] .also-read-m_card-image-wrapper__Mgl6d{margin-right:0}.also-read-m_dark__XnVZ7{color:var(--arrow-c-mono1)}.also-read-m_light__Qf1bP{color:var(--arrow-c-invert-mono1)}

package/story-elements/Attachment/index.js

@@ -1,167 +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 components = require('@quintype/components');
-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 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;
-};
-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", "render"];
-var _styleModuleImportMap = {
-  "./attachment.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "tablet": "992px",
-    "headline": "attachment-m_headline__kP7Hs",
-    "button-wrapper": "attachment-m_button-wrapper__2fajK",
-    "file-name": "attachment-m_file-name__1LU9q",
-    "dark": "attachment-m_dark__3ixF7",
-    "light": "attachment-m_light__1kcpj",
-    "pdf": "attachment-m_pdf__3i_bR",
-    "doc": "attachment-m_doc__6vUVo attachment-m_pdf__3i_bR",
-    "wrapper": "attachment-m_wrapper__3gMwN",
-    "content-wrapper": "attachment-m_content-wrapper__3Yu0B"
-  }
-};
-
-var AttachmentBase = function AttachmentBase(_ref) {
-  var _ref$element = _ref.element,
-      element = _ref$element === void 0 ? {} : _ref$element;
-      _ref.render;
-      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  var fileName = element["file-name"],
-      url = element.url,
-      contentType = element["content-type"];
-  if (!contentType || !url) return null;
-  var attachmentType = {
-    PDF: "application/pdf"
-  };
-  var isPdf = contentType === attachmentType.PDF;
-  var configData = useStateValue() || {};
-  var textColor = getTextColor(configData.theme);
-  var defaultName = isPdf ? "Attached PDF" : "Attached DOC";
-  var defaultFileName = fileName || defaultName;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-    "data-test-id": "attachment"
-  }, restProps, {
-    className: "arrow-component arr--attachment-element " + _getClassName__default["default"](textColor, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "attachment-m_headline__kP7Hs"
-  }, "Attachment"), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "attachment-m_wrapper__3gMwN"
-  }, isPdf ? /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "pdf",
-    className: "attachment-m_pdf__3i_bR"
-  }, "PDF") : /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "doc",
-    className: "attachment-m_doc__6vUVo attachment-m_pdf__3i_bR"
-  }, "DOC"), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "attachment-m_content-wrapper__3Yu0B"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "attachment-m_file-name__1LU9q",
-    dangerouslySetInnerHTML: {
-      __html: defaultFileName
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    className: "attachment-m_button-wrapper__2fajK",
-    href: url,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    download: true,
-    "aria-label": "button"
-  }, isPdf ? "Preview" : "Download"))));
-};
-
-AttachmentBase.propTypes = {
-  element: PropTypes__default["default"].shape({
-    url: PropTypes__default["default"].string,
-    fileName: PropTypes__default["default"].string,
-    contentType: PropTypes__default["default"].string
-  }),
-  render: PropTypes__default["default"].func
-};
-var Attachment = withElementWrapper(AttachmentBase);
-
-exports.Attachment = Attachment;

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

@@ -1 +0,0 @@
-.attachment-m_headline__L1CM8{font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-3);padding-bottom:var(--arrow-spacing-xs)}@media (min-width:768px){.attachment-m_headline__L1CM8{font-size:var(--arrow-fs-l);padding-bottom:var(--arrow-spacing-s)}}@media (min-width:768px) and (min-width:992px){.attachment-m_headline__L1CM8{padding-bottom:var(--arrow-spacing-m)}}.attachment-m_button-wrapper__w8Zmb{border-radius:3px;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-4);padding:6px var(--arrow-spacing-m);text-align:center}@media (min-width:992px){.attachment-m_button-wrapper__w8Zmb{margin-left:var(--arrow-spacing-m)}}.attachment-m_file-name__Ox92R{font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-5);margin-bottom:var(--arrow-spacing-m);word-break:break-word}@media (min-width:768px){.attachment-m_file-name__Ox92R{font-size:var(--arrow-fs-m);line-height:var(--arrow-lh-3)}}@media (min-width:768px) and (min-width:992px){.attachment-m_file-name__Ox92R{margin-bottom:unset}}.attachment-m_dark__zfjAF .attachment-m_button-wrapper__w8Zmb,.attachment-m_dark__zfjAF .attachment-m_file-name__Ox92R,.attachment-m_dark__zfjAF .attachment-m_headline__L1CM8{color:var(--arrow-c-mono2)}.attachment-m_light__bc3QF .attachment-m_button-wrapper__w8Zmb,.attachment-m_light__bc3QF .attachment-m_file-name__Ox92R,.attachment-m_light__bc3QF .attachment-m_headline__L1CM8{color:var(--arrow-c-invert-mono2)}.attachment-m_pdf__HNOB5{align-items:center;background-color:#db5449;border-radius:6px;color:var(--arrow-c-light);display:flex;font-size:var(--arrow-fs-tiny);font-weight:var(--arrow-fw-bold);height:35px;justify-content:center;margin-right:var(--arrow-spacing-m);width:35px}@media (min-width:768px){.attachment-m_pdf__HNOB5{border-radius:var(--arrow-spacing-xs);height:45px;width:45px}}.attachment-m_doc__jFlgm{background-color:#007bd8}.attachment-m_wrapper__lijzU{border-radius:var(--arrow-spacing-xxs);display:flex;padding:var(--arrow-spacing-m)}@media (min-width:992px){.attachment-m_wrapper__lijzU{padding:var(--arrow-spacing-l)}}.attachment-m_dark__zfjAF .attachment-m_wrapper__lijzU{background-color:var(--arrow-c-mono7);border:1px solid var(--arrow-c-mono7)}.attachment-m_light__bc3QF .attachment-m_wrapper__lijzU{background-color:var(--arrow-c-invert-mono7);border:1px solid var(--arrow-c-invert-mono7)}.attachment-m_dark__zfjAF .attachment-m_button-wrapper__w8Zmb{border:1px solid var(--arrow-c-mono2)}.attachment-m_light__bc3QF .attachment-m_button-wrapper__w8Zmb{border:1px solid var(--arrow-c-invert-mono2)}@media (min-width:992px){.attachment-m_content-wrapper__bB6ZE{align-items:center;display:flex;justify-content:space-between;width:100%}}html[dir=rtl] .attachment-m_doc__jFlgm,html[dir=rtl] .attachment-m_headline__L1CM8,html[dir=rtl] .attachment-m_pdf__HNOB5{margin-right:0}html[dir=rtl] .attachment-m_content-wrapper__bB6ZE{margin-right:var(--arrow-spacing-m)}