@quintype/arrow 3.15.1-perf.3 → 3.15.1-perf.7

package/esm/components/Svgs/star.js

@@ -0,0 +1,34 @@
+import React from "react";
+import PropTypes from "prop-types";
+export var StarIcon = function StarIcon(_ref) {
+  var width = _ref.width,
+      height = _ref.height,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
+      _ref$positionTop = _ref.positionTop,
+      positionTop = _ref$positionTop === void 0 ? "" : _ref$positionTop;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 40 40",
+    style: {
+      position: "relative",
+      top: positionTop
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    d: "M20 26L12.946577 29.7082039 14.2936609 21.854102 8.5873218 16.2917961 16.4732885 15.145898 20 8 23.5267115 15.145898 31.4126782 16.2917961 25.7063391 21.854102 27.053423 29.7082039z"
+  }))));
+};
+StarIcon.propTypes = {
+  height: PropTypes.string,
+  width: PropTypes.string,
+  color: PropTypes.string,
+  positionTop: PropTypes.string
+};

package/esm/components/Svgs/user-fallback-icon.js

@@ -0,0 +1,22 @@
+import React from "react";
+import PropTypes from "prop-types";
+export var UserFallbackIcon = function UserFallbackIcon(_ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 120 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 120 : _ref$height;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 120 120",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M93.28 108.98c-1.055-17.675-15.47-31.678-33.098-31.678-17.708 0-32.173 14.129-33.11 31.916 9.415 6.311 20.741 9.993 32.927 9.993 12.338 0 23.795-3.774 33.28-10.23l.001-.001zM58.584 73.283c9.928 0 17.977-8.275 17.977-18.483 0-10.209-8.049-18.484-17.977-18.484-9.929 0-17.977 8.275-17.977 18.484 0 10.208 8.048 18.483 17.977 18.483zM60 120C26.863 120 0 93.137 0 60S26.863 0 60 0s60 26.863 60 60-26.863 60-60 60z",
+    fill: "#DADADA",
+    fillRule: "nonzero"
+  }));
+};
+UserFallbackIcon.propTypes = {
+  width: PropTypes.object,
+  height: PropTypes.object
+};

package/esm/components/Typography/README.md

@@ -0,0 +1,7 @@
+# Typography for Arrow
+
+A modular typescale is maintained by the library as a set of standard defaults for any type related styling.
+
+The following are the default implementations by Arrow. This can be bypassed by overriding the values in the project that imports `@quintype/arrow`.
+
+

package/esm/components/Typography/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import "./style.m.css";
+export var Typography = function Typography() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "arrow-component"
+  }, /*#__PURE__*/React.createElement("h2", null, "Typscale"), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "title-h1"), /*#__PURE__*/React.createElement("h1", null, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "title-h2"), /*#__PURE__*/React.createElement("h2", null, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "title-h3"), /*#__PURE__*/React.createElement("h2", null, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "title-h4"), /*#__PURE__*/React.createElement("h4", null, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "paragraph"), /*#__PURE__*/React.createElement("p", null, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "paragraph-alt"), /*#__PURE__*/React.createElement("p", {
+    className: "p-alt"
+  }, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "author name"), /*#__PURE__*/React.createElement("div", {
+    className: "author-name"
+  }, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "section-tag"), /*#__PURE__*/React.createElement("div", {
+    className: "section-tag"
+  }, "These violent delights have violent ends.")), /*#__PURE__*/React.createElement("span", {
+    className: "style-m_wrapper__2U-ye"
+  }, /*#__PURE__*/React.createElement("span", null, "timestamp"), /*#__PURE__*/React.createElement("div", {
+    className: "time"
+  }, "These violent delights have violent ends.")));
+};

package/esm/components/Typography/stories.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { withStore } from "../../../storybook";
+import { Typography } from "./index";
+import Readme from "./README.md";
+withStore("Introduction", {}, Readme).addDecorator(function (story) {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxWidth: "900px",
+      margin: "auto",
+      padding: "10px"
+    }
+  }, story());
+}).add("Typography", function () {
+  return /*#__PURE__*/React.createElement(Typography, null);
+});

package/esm/components/Typography/style.m.css

@@ -0,0 +1,11 @@
+@custom-media --viewport-medium (width >= 768px);
+
+.wrapper {
+  display: grid;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 25px;
+  @media (--viewport-medium) {
+    display: flex;
+  }
+}

package/esm/entry-points.js

@@ -0,0 +1,291 @@
+/**
+ * #### IMPORTANT NOTE ####
+ * - be careful while changing the 'name' of a component
+ * - rollup uses this name to create the folder in which the CSS file for that component is placed
+ * - so if you change the name, it basically will change Arrow's API
+ * Example:
+ * - if you change {name: "Text"} to {name: "Text123"},
+ * - arrow users will have to change `import "@quintype/arrow/Text/styles.arrow.css"` to `import "@quintype/arrow/Text123/styles.arrow.css"` everywhere.
+ * ----x----x----x----x----
+ *
+ * Every component that arrow exports should export its CSS separately
+ * Entries here have to match with components exported in src/index.js
+ *
+ */
+var path = require("path");
+
+function getEntryPoints() {
+  return {
+    main: path.resolve(path.join(__dirname, "/index.js")),
+    allRows: path.resolve(path.join(__dirname, "/rows.js")),
+    atoms: format(atomsEntryPoints()),
+    "story-elements": format(storyElementsEntryPoints()),
+    molecules: format(moleculesEntryPoints()),
+    rows: format(rowsEntryPoints()),
+    "story-templates": format(storyTemplateEntryPoints())
+  };
+}
+
+function format(entryPtsArr) {
+  return entryPtsArr.reduce(function (accumulator, currentBundle) {
+    accumulator[currentBundle.name] = currentBundle.path;
+    return accumulator;
+  }, {});
+}
+
+function storyElementsEntryPoints() {
+  var basePath = path.resolve(path.join(__dirname, "/components/Atoms/StoryElements"));
+  return [{
+    name: "Text",
+    path: "".concat(basePath, "/Text/index.js")
+  }, {
+    name: "Quote",
+    path: "".concat(basePath, "/Quote/index.js")
+  }, {
+    name: "Blurb",
+    path: "".concat(basePath, "/Blurb/index.js")
+  }, {
+    name: "AlsoRead",
+    path: "".concat(basePath, "/AlsoRead/index.js")
+  }, {
+    name: "Summary",
+    path: "".concat(basePath, "/Summary/index.js")
+  }, {
+    name: "BlockQuote",
+    path: "".concat(basePath, "/BlockQuote/index.js")
+  }, {
+    name: "Image",
+    path: "".concat(basePath, "/Image/index.js")
+  }, {
+    name: "Video",
+    path: "".concat(basePath, "/Video/index.js")
+  }, {
+    name: "BigFact",
+    path: "".concat(basePath, "/BigFact/index.js")
+  }, {
+    name: "StoryElement",
+    path: "".concat(basePath, "/StoryElement/index.js")
+  }, {
+    name: "QuestionAnswer",
+    path: "".concat(basePath, "/QuestionAnswer/index.js")
+  }, {
+    name: "ImageGallery",
+    path: "".concat(basePath, "/imageGallery/index.js")
+  }, {
+    name: "Reference",
+    path: "".concat(basePath, "/Reference/index.js")
+  }, {
+    name: "Attachment",
+    path: "".concat(basePath, "/Attachment/index.js")
+  }, {
+    name: "ImageSlideshow",
+    path: "".concat(basePath, "/ImageSlideshow/index.js")
+  }];
+}
+
+function atomsEntryPoints() {
+  var basePath = path.resolve(path.join(__dirname, "/components/Atoms"));
+  return [{
+    name: "Author",
+    path: "".concat(basePath, "/Author/index.js")
+  }, {
+    name: "AuthorWithTime",
+    path: "".concat(basePath, "/AuthorWithTimestamp/index.js")
+  }, {
+    name: "CollectionName",
+    path: "".concat(basePath, "/CollectionName/index.js")
+  }, {
+    name: "Headline",
+    path: "".concat(basePath, "/Headline/index.js")
+  }, {
+    name: "HeroImage",
+    path: "".concat(basePath, "/HeroImage/index.js")
+  }, {
+    name: "LoadmoreButton",
+    path: "".concat(basePath, "/Loadmore/index.js")
+  }, {
+    name: "SectionTag",
+    path: "".concat(basePath, "/SectionTag/index.js")
+  }, {
+    name: "Subheadline",
+    path: "".concat(basePath, "/Subheadline/index.js")
+  }, {
+    name: "TimeStamp",
+    path: "".concat(basePath, "/TimeStamp/index.js")
+  }, {
+    name: "ScrollSnap",
+    path: "".concat(basePath, "/ScrollSnap/index.js")
+  }, {
+    name: "ExtendedLoadMore",
+    path: "".concat(basePath, "/ExtendedLoadMore/index.js")
+  }];
+}
+
+function moleculesEntryPoints() {
+  var basePath = path.resolve(path.join(__dirname, "/components/Molecules"));
+  return [{
+    name: "StoryCard",
+    path: "".concat(basePath, "/StoryCard/index.js")
+  }, {
+    name: "StorycardContent",
+    path: "".concat(basePath, "/StorycardContent/index.js")
+  }, {
+    name: "StoryElementCard",
+    path: "".concat(basePath, "/StoryElementCard/index.js")
+  }, {
+    name: "KeyEvents",
+    path: "".concat(basePath, "/KeyEvents/index.js")
+  }, {
+    name: "SocialShareTemplate",
+    path: "".concat(basePath, "/SocialShareTemplate/index.js")
+  }, {
+    name: "PageIntroductionCard",
+    path: "".concat(basePath, "/PageIntroductionCard/index.js")
+  }];
+}
+
+function rowsEntryPoints() {
+  var basePath = path.resolve(path.join(__dirname, "/components/Rows"));
+  return [{
+    name: "FourColGrid",
+    path: "".concat(basePath, "/FourColGrid/index.js")
+  }, {
+    name: "OneColStoryList",
+    path: "".concat(basePath, "/OneColStoryList/index.js")
+  }, {
+    name: "ThreeColGrid",
+    path: "".concat(basePath, "/ThreeColGrid/index.js")
+  }, {
+    name: "TwoColFourStories",
+    path: "".concat(basePath, "/TwoColFourStory/index.js")
+  }, {
+    name: "TwoColThreeStories",
+    path: "".concat(basePath, "/TwoColThreeStory/index.js")
+  }, {
+    name: "TwoColSevenStories",
+    path: "".concat(basePath, "/TwoColSevenStories/index.js")
+  }, {
+    name: "ThreeColSixStories",
+    path: "".concat(basePath, "/ThreeColSixStories/index.js")
+  }, {
+    name: "ThreeColSevenStory",
+    path: "".concat(basePath, "/ThreeColSevenStory/index.js")
+  }, {
+    name: "ElevenStories",
+    path: "".concat(basePath, "/ElevenStories/index.js")
+  }, {
+    name: "CollectionFilter",
+    path: "".concat(basePath, "/CollectionFilter/index.js")
+  }, {
+    name: "HalfScreenSlider",
+    path: "".concat(basePath, "/HalfScreenSlider/index.js")
+  }, {
+    name: "FourStorySlider",
+    path: "".concat(basePath, "/FourStorySlider/index.js")
+  }, {
+    name: "FourStorySliderPortrait",
+    path: "".concat(basePath, "/FourStorySliderPortrait/index.js")
+  }, {
+    name: "FullScreenSlider",
+    path: "".concat(basePath, "/FullScreenSlider/index.js")
+  }, {
+    name: "ThreeColFourteenStories",
+    path: "".concat(basePath, "/ThreeColFourteenStory/index.js")
+  }, {
+    name: "FourColTwelveStories",
+    path: "".concat(basePath, "/FourColTwelveStory/index.js")
+  }, {
+    name: "TagIntroductionCard",
+    path: "".concat(basePath, "/TagIntroductionCard/index.js")
+  }, {
+    name: "AuthorIntroductionCard",
+    path: "".concat(basePath, "/AuthorIntroductionCard/index.js")
+  }, {
+    name: "AsideCollection",
+    path: "".concat(basePath, "/AsideCollection/index.js")
+  }, {
+    name: "StoryCollection",
+    path: "".concat(basePath, "/AsideCollection/index.js")
+  }, {
+    name: "ListComponent",
+    path: "".concat(basePath, "/ListComponent/index.js")
+  }, {
+    name: "MagazineEditions",
+    path: "".concat(basePath, "/MagazineEditions/index.js")
+  }, {
+    name: "MagazineWidget",
+    path: "".concat(basePath, "/MagazineWidget/index.js")
+  }, {
+    name: "MagazineHeaderCard",
+    path: "".concat(basePath, "/MagazineHeaderCard/index.js")
+  }, {
+    name: "AuthorsList",
+    path: "".concat(basePath, "/AuthorsList/index.js")
+  }, {
+    name: "FourColSixteenStories",
+    path: "".concat(basePath, "/FourColSixteenStories/index.js")
+  }, {
+    name: "FourColFiveStories",
+    path: "".concat(basePath, "/FourColFiveStories/index.js")
+  }, {
+    name: "TwoColSixStories",
+    path: "".concat(basePath, "/TwoColSixStories/index.js")
+  }, {
+    name: "TwoColFourStoryHighlight",
+    path: "".concat(basePath, "/TwoColFourStoryHighlight/index.js")
+  }, {
+    name: "OpinionCollection",
+    path: "".concat(basePath, "/OpinionCollection/index.js")
+  }, {
+    name: "ThreeColFlexStories",
+    path: "".concat(basePath, "/ThreeColFlexStories/index.js")
+  }, {
+    name: "SixColSixStories",
+    path: "".concat(basePath, "/SixColSixStories/index.js")
+  }, {
+    name: "TwoColTenStoriesSidebar",
+    path: "".concat(basePath, "/TwoColTenStoriesSidebar/index.js")
+  }, {
+    name: "ThreeColTwelveStories",
+    path: "".concat(basePath, "/ThreeColTwelveStories/index.js")
+  }, {
+    name: "FourTabbedBigStorySlider",
+    path: "".concat(basePath, "/FourTabbedBigStorySlider/index.js")
+  }, {
+    name: "AlternateCollectionFilter",
+    path: "".concat(basePath, "/AlternateCollectionFilter/index.js")
+  }, {
+    name: "Listicles",
+    path: "".concat(basePath, "/Listicles/index.js")
+  }, {
+    name: "FourColPortraitStories",
+    path: "".concat(basePath, "/FourColPortraitStories/index.js")
+  }, {
+    name: "AstrologyCollection",
+    path: "".concat(basePath, "/AstrologyCollection/index.js")
+  }];
+}
+
+function storyTemplateEntryPoints() {
+  var basePath = path.resolve(path.join(__dirname, "/components/Rows"));
+  return [{
+    name: "VideoStoryTemplate",
+    path: "".concat(basePath, "/StoryTemplates/VideoStoryTemplates/index.js")
+  }, {
+    name: "TextStoryTemplate",
+    path: "".concat(basePath, "/StoryTemplates/TextStoryTemplates/index.js")
+  }, {
+    name: "LiveBlogStoryTemplate",
+    path: "".concat(basePath, "/StoryTemplates/LiveBlogStorytemplates/index.js")
+  }, {
+    name: "ListicleStoryTemplate",
+    path: "".concat(basePath, "/StoryTemplates/ListicleStoryTemplates/index.js")
+  }, {
+    name: "PhotoStoryTemplate",
+    path: "".concat(basePath, "/StoryTemplates/PhotoStoryTemplates/index.js")
+  }];
+}
+
+module.exports = {
+  getEntryPoints: getEntryPoints
+};

package/esm/guide/stories.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { addReadme } from "storybook-readme";
+import readme from "../../README.md";
+import { storiesOf } from "@storybook/react";
+storiesOf("Introduction", module).addDecorator(addReadme).addDecorator(function (story) {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxWidth: "900px",
+      margin: "auto"
+    }
+  }, story());
+}).addParameters({
+  options: {
+    showPanel: false
+  },
+  readme: {
+    content: readme,
+    codeTheme: "a11y-dark"
+  }
+}).add("Getting Started", function () {
+  return /*#__PURE__*/React.createElement("div", null);
+});

package/esm/hydration-component/index.js

@@ -0,0 +1,41 @@
+import React, { useEffect, useRef } from "react";
+import ReactDOM from "react-dom";
+import useNearScreen from "./useNearScreen";
+import PropTypes from "prop-types";
+var EMPTY_HTML = {
+  __html: ""
+};
+var isServer = typeof window === "undefined";
+export var ProgressiveHydration = function ProgressiveHydration(props) {
+  var children = props.children;
+  var ref = useRef(null);
+  var isNearScreen = useNearScreen({
+    ref: ref
+  });
+  useEffect(function () {
+    var el = ref.current; // CLIENT:
+    // If we want to force the hydration OR the element is near screen
+    // then we hydrate the content to get the functionality ready
+
+    if (isNearScreen) {
+      var action = el.hasChildNodes() ? "hydrate" : "render";
+      ReactDOM[action](children, el);
+    }
+  }, [children, isNearScreen]); // SERVER: Just render the content as usual
+
+  if (isServer) {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, children);
+  } // CLIENT: Avoid hydration until we say so
+
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    suppressHydrationWarning: true,
+    dangerouslySetInnerHTML: EMPTY_HTML
+  });
+};
+ProgressiveHydration.propTypes = {
+  children: PropTypes.element
+};

package/esm/hydration-component/useNearScreen.js

@@ -0,0 +1,71 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState, useEffect } from "react";
+var observer;
+var isClient = typeof window !== "undefined";
+
+var hasIntersectionObserverSupport = function hasIntersectionObserverSupport() {
+  return typeof window.IntersectionObserver !== "undefined";
+}; // import intersection observer polyfill only if on client
+// and if not supported by browser
+
+
+var getIntersectionObserver = function getIntersectionObserver() {
+  return Promise.resolve(isClient && !hasIntersectionObserverSupport() && import("intersection-observer"));
+}; // options for intersection observer in order to improve the effect
+
+
+var intersectionObserverOptions = {
+  root: null,
+  // windows viewport will be used
+  rootMargin: "200px 0px 0px 0px"
+};
+
+var handleIntersect = function handleIntersect(entries, observer) {
+  entries.filter(function (entry) {
+    return entry.isIntersecting;
+  }).forEach(function (entry) {
+    var target = entry.target;
+
+    target._onIntersect(observer);
+  });
+}; // get observer from the cache or create a new one
+
+
+var getObserver = function getObserver() {
+  return getIntersectionObserver().then(function (_) {
+    if (observer) return observer;
+
+    if (isClient) {
+      return new window.IntersectionObserver(handleIntersect, intersectionObserverOptions);
+    }
+  });
+};
+
+export default (function (_ref) {
+  var ref = _ref.ref;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      show = _useState2[0],
+      setShow = _useState2[1];
+
+  useEffect(function () {
+    var current = ref.current;
+    if (!current) return; // get observer async and only when needed
+
+    getObserver().then(function (observer) {
+      return observer.observe(current);
+    }); // mutate the current target to add a method to be executed when intersecting
+
+    current._onIntersect = function (observer) {
+      setShow(true);
+      observer.unobserve(current);
+    }; // clean observed element when unmounted
+
+
+    return function () {
+      return current._isSubscribed = false;
+    };
+  }, [ref]);
+  return show;
+});

package/esm/index.js

@@ -0,0 +1,88 @@
+/**
+ * IMPORTANT NOTE:
+ * Please make sure to make a corresponding entry in entry-points.js
+ * every export here needs to have a corresponding entry in entry-points.js
+ */
+// ATOMS
+export { Author } from "./components/Atoms/Author";
+export { AuthorWithTime } from "./components/Atoms/AuthorWithTimestamp";
+export { CollectionName } from "./components/Atoms/CollectionName";
+export { Headline } from "./components/Atoms/Headline";
+export { HeroImage } from "./components/Atoms/HeroImage";
+export { LoadmoreButton } from "./components/Atoms/Loadmore";
+export { ExtendedLoadMore } from "./components/Atoms/ExtendedLoadMore";
+export { SectionTag } from "./components/Atoms/SectionTag";
+export { Subheadline } from "./components/Atoms/Subheadline";
+export { TimeStamp } from "./components/Atoms/TimeStamp";
+export { LoadMoreTarget } from "./components/Atoms/LoadMoreTarget";
+export { ScrollSnap } from "./components/Atoms/ScrollSnap"; // STORY ELEMENTS
+
+export { Text } from "./components/Atoms/StoryElements/Text";
+export { Quote } from "./components/Atoms/StoryElements/Quote";
+export { Blurb } from "./components/Atoms/StoryElements/Blurb";
+export { AlsoRead } from "./components/Atoms/StoryElements/AlsoRead";
+export { Summary } from "./components/Atoms/StoryElements/Summary";
+export { BlockQuote } from "./components/Atoms/StoryElements/BlockQuote";
+export { Image } from "./components/Atoms/StoryElements/Image";
+export { Video } from "./components/Atoms/StoryElements/Video";
+export { BigFact } from "./components/Atoms/StoryElements/BigFact";
+export { StoryElement } from "./components/Atoms/StoryElements/StoryElement";
+export { QuestionAnswer } from "./components/Atoms/StoryElements/QuestionAnswer";
+export { ImageGallery } from "./components/Atoms/StoryElements/imageGallery";
+export { Reference } from "./components/Atoms/StoryElements/Reference";
+export { Attachment } from "./components/Atoms/StoryElements/Attachment";
+export { ImageSlideshow } from "./components/Atoms/StoryElements/ImageSlideshow"; // MOLECULES
+
+export { StoryCard } from "./components/Molecules/StoryCard";
+export { StorycardContent } from "./components/Molecules/StorycardContent";
+export { StoryElementCard } from "./components/Molecules/StoryElementCard";
+export { SocialShareTemplate } from "./components/Molecules/SocialShareTemplate";
+export { KeyEvents } from "./components/Molecules/KeyEvents";
+export { PageIntroductionCard } from "./components/Molecules/PageIntroductionCard";
+export { PortraitStoryCard } from "./components/Molecules/PortraitStoryCard"; // story templates
+
+export { VideoStoryTemplate } from "./components/Rows/StoryTemplates/VideoStoryTemplates";
+export { TextStoryTemplate } from "./components/Rows/StoryTemplates/TextStoryTemplates";
+export { LiveBlogStoryTemplate } from "./components/Rows/StoryTemplates/LiveBlogStorytemplates";
+export { ListicleStoryTemplate } from "./components/Rows/StoryTemplates/ListicleStoryTemplates";
+export { PhotoStoryTemplate } from "./components/Rows/StoryTemplates/PhotoStoryTemplates"; // ROWS
+
+export { FourColGrid } from "./components/Rows/FourColGrid";
+export { OneColStoryList } from "./components/Rows/OneColStoryList";
+export { ThreeColGrid } from "./components/Rows/ThreeColGrid";
+export { TwoColFourStories } from "./components/Rows/TwoColFourStory";
+export { TwoColThreeStories } from "./components/Rows/TwoColThreeStory";
+export { TwoColSevenStories } from "./components/Rows/TwoColSevenStories";
+export { ThreeColSixStories } from "./components/Rows/ThreeColSixStories";
+export { ThreeColSevenStory } from "./components/Rows/ThreeColSevenStory";
+export { ElevenStories } from "./components/Rows/ElevenStories";
+export { CollectionFilter } from "./components/Rows/CollectionFilter";
+export { HalfScreenSlider } from "./components/Rows/HalfScreenSlider";
+export { FourStorySlider } from "./components/Rows/FourStorySlider";
+export { FourStorySliderPortrait } from "./components/Rows/FourStorySliderPortrait";
+export { FullScreenSlider } from "./components/Rows/FullScreenSlider";
+export { ThreeColFourteenStories } from "./components/Rows/ThreeColFourteenStory";
+export { FourColTwelveStories } from "./components/Rows/FourColTwelveStory";
+export { TagIntroductionCard } from "./components/Rows/TagIntroductionCard";
+export { AuthorIntroductionCard } from "./components/Rows/AuthorIntroductionCard";
+export { AuthorsList } from "./components/Rows/AuthorsList";
+export { AsideCollection } from "./components/Rows/AsideCollection";
+export { StoryCollection } from "./components/Rows/AsideCollection";
+export { ListComponent } from "./components/Rows/ListComponent";
+export { MagazineEditions } from "./components/Rows/MagazineEditions";
+export { MagazineWidget } from "./components/Rows/MagazineWidget";
+export { MagazineHeaderCard } from "./components/Rows/MagazineHeaderCard";
+export { FourColSixteenStories } from "./components/Rows/FourColSixteenStories";
+export { FourColFiveStories } from "./components/Rows/FourColFiveStories";
+export { TwoColSixStories } from "./components/Rows/TwoColSixStories";
+export { TwoColFourStoryHighlight } from "./components/Rows/TwoColFourStoryHighlight";
+export { OpinionCollection } from "./components/Rows/OpinionCollection";
+export { ThreeColFlexStories } from "./components/Rows/ThreeColFlexStories";
+export { SixColSixStories } from "./components/Rows/SixColSixStories";
+export { TwoColTenStoriesSidebar } from "./components/Rows/TwoColTenStoriesSidebar";
+export { ThreeColTwelveStories } from "./components/Rows/ThreeColTwelveStories";
+export { FourTabbedBigStorySlider } from "./components/Rows/FourTabbedBigStorySlider";
+export { AlternateCollectionFilter } from "./components/Rows/AlternateCollectionFilter";
+export { FourColPortraitStories } from "./components/Rows/FourColPortraitStories";
+export { AstrologyCollection } from "./components/Rows/AstrologyCollection";
+export { Listicles } from "./components/Rows/Listicles";