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

package/molecules/KeyEvents/styles.arrow.css

@@ -1 +0,0 @@
-.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)}.key-events-m_container__ly2Ww{border-bottom:1px solid var(--arrow-c-mono5)}.key-events-m_event-title__t13ga>h3{font-size:var(--arrow-fs-xs)}.key-events-m_container__ly2Ww.arrow-component>h3{font-size:var(--arrow-fs-m);padding:var(--arrow-spacing-xs)}.key-events-m_cards-wrapper__Ohsyg{margin-top:var(--arrow-spacing-s)}.key-events-m_time-wrapper__vFEO6{align-items:center;display:flex;font-size:var(--arrow-fs-tiny)}.key-events-m_time-wrapper__vFEO6 svg{margin-right:var(--arrow-spacing-xxs)}.key-events-m_event-title__t13ga{margin-left:var(--arrow-spacing-s);padding:0 14px 28px;position:relative}.key-events-m_event-title__t13ga.key-events-m_dark__3SimK{border-left:1px solid var(--arrow-c-mono5)}.key-events-m_event-title__t13ga.key-events-m_light__Czpnn{border-left:1px solid var(--arrow-c-invert-mono5)}.key-events-m_dark__3SimK{color:var(--arrow-c-mono2)}.key-events-m_light__Czpnn{color:var(--arrow-c-invert-mono2)}.key-events-m_dark__3SimK.key-events-m_borderNone__PhztX,.key-events-m_light__Czpnn.key-events-m_borderNone__PhztX{border-left:none}.key-events-m_fade-out__GAeS1{background-image:inherit;height:100%;pointer-events:none;position:absolute;top:-20px;width:100%}.key-events-m_container__ly2Ww.key-events-m_light__Czpnn{border-bottom:1px solid var(--arrow-c-invert-mono5)}html[dir=rtl] .key-events-m_time-wrapper__vFEO6{direction:ltr;flex-direction:row-reverse}html[dir=rtl] .key-events-m_time-wrapper__vFEO6 svg{margin-left:var(--arrow-spacing-xxs);margin-right:0}html[dir=rtl] .key-events-m_event-title__t13ga.key-events-m_dark__3SimK,html[dir=rtl] .key-events-m_event-title__t13ga.key-events-m_light__Czpnn{border-left:none;border-right:1px solid var(--arrow-c-mono5);margin-left:0;margin-right:var(--arrow-spacing-s)}html[dir=rtl] .key-events-m_dark__3SimK.key-events-m_borderNone__PhztX,html[dir=rtl] .key-events-m_light__Czpnn.key-events-m_borderNone__PhztX{border-right:none}

package/molecules/PageIntroductionCard/index.js

@@ -1,248 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-var reactRedux = require('react-redux');
-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');
-var components = require('@quintype/components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-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 getSlug = function getSlug(collection) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _config$magazineSlug = config.magazineSlug,
-      magazineSlug = _config$magazineSlug === void 0 ? "" : _config$magazineSlug,
-      _config$isArchivePage = config.isArchivePage,
-      isArchivePage = _config$isArchivePage === void 0 ? false : _config$isArchivePage;
-
-  if (isArchivePage) {
-    return "/magazine/archive/".concat(magazineSlug);
-  }
-
-  if (magazineSlug) {
-    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
-  }
-
-  var isSection = collection.template === "section";
-
-  if (isSection) {
-    var sectionId = lodash.get(collection, ["metadata", "section", "0", "id"], "");
-    var sections = config.sections;
-    var section = sections && sections.find(function (section) {
-      return section.id === sectionId;
-    });
-    return section ? section["section-url"] : "/";
-  }
-
-  return "/collection/".concat(collection.slug);
-};
-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 navigateTo = function navigateTo(dispatch) {
-  var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  global.app.navigateToPage(dispatch, url);
-};
-var generateNavigateSlug = function generateNavigateSlug() {
-  var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var customUrlPath = arguments.length > 2 ? arguments[2] : undefined;
-
-  if (customUrlPath) {
-    return customUrlPath;
-  }
-
-  var _config$magazineSlug2 = config.magazineSlug,
-      magazineSlug = _config$magazineSlug2 === void 0 ? "" : _config$magazineSlug2,
-      _config$isArchivePage2 = config.isArchivePage,
-      isArchivePage = _config$isArchivePage2 === void 0 ? false : _config$isArchivePage2;
-
-  if (isArchivePage) {
-    return "/magazine/archive/".concat(magazineSlug);
-  }
-
-  if (magazineSlug) {
-    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
-  }
-
-  if (collection) {
-    return getSlug(collection, config);
-  }
-
-  return "/";
-};
-
-var _styleModuleImportMap$1 = {
-  "./load-more.m.css": {
-    "button": "load-more-m_button__1mmf1",
-    "default": "load-more-m_default__2_k4V",
-    "dark": "load-more-m_dark__3dfzb",
-    "light": "load-more-m_light__ePZQI"
-  }
-};
-
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var LoadmoreButton = function LoadmoreButton(_ref) {
-  var _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config,
-      collection = _ref.collection,
-      _ref$template = _ref.template,
-      template = _ref$template === void 0 ? "SubsequentLoadCount" : _ref$template,
-      onClick = _ref.onClick,
-      navigate = _ref.navigate,
-      qtConfig = _ref.qtConfig;
-  var _config$showButton = config.showButton,
-      showButton = _config$showButton === void 0 ? true : _config$showButton,
-      _config$buttonText = config.buttonText,
-      buttonText = _config$buttonText === void 0 ? "Read More" : _config$buttonText,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$customUrlPath = config.customUrlPath,
-      customUrlPath = _config$customUrlPath === void 0 ? "" : _config$customUrlPath;
-  if (!showButton) return null;
-  var textColor = getTextColor(theme);
-  var slug = customUrlPath ? "/".concat(customUrlPath) : generateNavigateSlug(collection, _objectSpread$1(_objectSpread$1({}, qtConfig), config));
-  return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: onClick,
-    "data-test-id": "load-more",
-    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap$1)
-  }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
-    href: slug,
-    navigateTo: navigate,
-    "data-test-id": "load-more",
-    "aria-label": "load-more"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap$1)
-  }, buttonText));
-};
-LoadmoreButton.propTypes = {
-  collection: PropTypes__default["default"].object,
-  template: PropTypes__default["default"].string,
-  config: PropTypes__default["default"].object,
-  onClick: PropTypes__default["default"].func,
-  navigate: PropTypes__default["default"].func,
-  qtConfig: PropTypes__default["default"].object
-};
-
-var _styleModuleImportMap = {
-  "./page-intro-card.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "tablet": "992px",
-    "author-page-wrapper": "page-intro-card-m_author-page-wrapper__2HiAv",
-    "pageTitle": "page-intro-card-m_pageTitle__2qQNj",
-    "borderBottom": "page-intro-card-m_borderBottom__2E6t3",
-    "pageDescription": "page-intro-card-m_pageDescription__Wzub7",
-    "dark": "page-intro-card-m_dark__1ebnF",
-    "light": "page-intro-card-m_light__s5xeQ"
-  }
-};
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var PageIntroductionCard = function PageIntroductionCard(_ref) {
-  var _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config;
-  var _config$pageTitle = config.pageTitle,
-      pageTitle = _config$pageTitle === void 0 ? "" : _config$pageTitle,
-      _config$pageDescripti = config.pageDescription,
-      pageDescription = _config$pageDescripti === void 0 ? "" : _config$pageDescripti,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "#131922" : _config$theme,
-      _config$showButton = config.showButton,
-      showButton = _config$showButton === void 0 ? false : _config$showButton,
-      _config$enableBorder = config.enableBorder,
-      enableBorder = _config$enableBorder === void 0 ? false : _config$enableBorder,
-      customUrlPath = config.customUrlPath;
-  var textColor = getTextColor(theme);
-  var borderBottom = enableBorder ? "borderBottom" : "";
-  var dispatch = reactRedux.useDispatch();
-  var qtConfig = reactRedux.useSelector(function (state) {
-    return lodash.get(state, ["qt", "config"], {});
-  });
-  var url = generateNavigateSlug({}, _objectSpread(_objectSpread({}, qtConfig), {}, {
-    config: config
-  }), customUrlPath);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arrow-component full-width-with-padding page-intro-card-m_author-page-wrapper__2HiAv",
-    style: {
-      background: theme
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("h2", {
-    "data-test-id": "page-title",
-    className: _getClassName__default["default"]("pageTitle ".concat(textColor, " ").concat(borderBottom), _styleModuleImportMap)
-  }, lodash.upperCase(pageTitle)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "page-description",
-    className: _getClassName__default["default"]("pageDescription ".concat(textColor), _styleModuleImportMap)
-  }, pageDescription), showButton && /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
-    template: "customUrlPath",
-    config: config,
-    navigate: function navigate() {
-      return navigateTo(dispatch, url);
-    },
-    qtConfig: qtConfig
-  }));
-};
-PageIntroductionCard.propTypes = {
-  config: PropTypes__default["default"].shape({
-    theme: PropTypes__default["default"].string,
-    pageTitle: PropTypes__default["default"].string,
-    pageDescription: PropTypes__default["default"].string
-  })
-};
-
-exports.PageIntroductionCard = PageIntroductionCard;

package/molecules/PageIntroductionCard/styles.arrow.css

@@ -1 +0,0 @@
-.page-intro-card-m_author-page-wrapper__1sfPj.full-width-with-padding{padding-bottom:32px;padding-top:40px;text-align:center}@media (min-width:768px){.page-intro-card-m_author-page-wrapper__1sfPj.full-width-with-padding{padding-bottom:48px;padding-top:48px}}@media (min-width:768px) and (min-width:992px){.page-intro-card-m_author-page-wrapper__1sfPj.full-width-with-padding{padding-left:301px;padding-right:302px;padding-top:60px}}.page-intro-card-m_pageTitle__1RySo{color:var(--arrow-c-mono2);font-size:var(--arrow-fs-l);padding-bottom:var(--arrow-spacing-xs)}@media (min-width:768px){.page-intro-card-m_pageTitle__1RySo{font-size:var(--arrow-fs-huge)}}.page-intro-card-m_borderBottom__cnVTU{padding-bottom:34px;position:relative;text-align:center}.page-intro-card-m_borderBottom__cnVTU:after{border-bottom:5px solid;bottom:24px;content:"";left:50%;margin:0 0 0 -26px;position:absolute;width:52px}.page-intro-card-m_pageDescription__cRIFK{color:var(--arrow-c-mono2);font-size:var(--arrow-fs-xs);line-height:var(--arrow-lh-5);margin:0 auto var(--arrow-spacing-l) 0}@media (min-width:768px){.page-intro-card-m_pageDescription__cRIFK{font-size:var(--arrow-fs-s)}}.page-intro-card-m_dark__Z-769{color:var(--arrow-c-mono2)}.page-intro-card-m_light__YiY9Z{color:var(--arrow-c-invert-mono2)}.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)}