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

package/cjs/index.js

@@ -2222,7 +2222,7 @@ styleInject(css_248z$1c);
 var _excluded$d = ["element", "opts", "css", "story", "config"];
 var _styleModuleImportMap$S = {
   "./text.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "promotionalMessage": "text-m_promotionalMessage__CUsPM",
     "textElement": "text-m_textElement__e3QEt",
@@ -2288,7 +2288,7 @@ styleInject(css_248z$1b);
 var _excluded$c = ["element", "template", "css", "story", "config", "render"];
 var _styleModuleImportMap$R = {
   "./quote.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "quote": "quote-m_quote__13tTt",
     "text": "quote-m_text__2hXSE",
@@ -2368,7 +2368,7 @@ styleInject(css_248z$1a);
 var _excluded$b = ["element", "template", "opts", "css", "story", "config", "render"];
 var _styleModuleImportMap$Q = {
   "./blurb.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "blurb": "blurb-m_blurb__3pXi5",
     "blurb-default": "blurb-m_blurb-default__JR86y",
@@ -2456,7 +2456,7 @@ styleInject(css_248z$19);
 var _excluded$a = ["story", "element", "template", "opts", "css", "config", "render"];
 var _styleModuleImportMap$P = {
   "./also-read.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "card-image": "also-read-m_card-image__3CwAv",
     "default-text": "also-read-m_default-text__hp2dp",
@@ -2603,7 +2603,7 @@ styleInject(css_248z$18);
 var _excluded$9 = ["element", "template", "opts", "css", "story", "config", "render"];
 var _styleModuleImportMap$O = {
   "./summary.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "headline": "summary-m_headline__30sie",
     "summary": "summary-m_summary__3-CnO",
@@ -2757,7 +2757,7 @@ styleInject(css_248z$16);
 var _excluded$8 = ["element", "template", "css", "story", "config", "render"];
 var _styleModuleImportMap$N = {
   "./block-quote.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "blockquote-withBackground": "block-quote-m_blockquote-withBackground__1yW-u",
     "icon": "block-quote-m_icon__m-EIZ",
@@ -3152,7 +3152,7 @@ styleInject(css_248z$12);
 
 var _styleModuleImportMap$M = {
   "./caption-attribution.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "caption": "caption-attribution-m_caption__BM5NN",
     "wrapper": "caption-attribution-m_wrapper__oHBX7",
@@ -3322,7 +3322,7 @@ styleInject(css_248z$10);
 var _excluded$5 = ["element", "story", "config"];
 var _styleModuleImportMap$L = {
   "./big-fact.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "bigfact-element": "big-fact-m_bigfact-element__3uAwv",
     "light": "big-fact-m_light__ha49M",
@@ -3395,7 +3395,7 @@ styleInject(css_248z$$);
 var _excluded$3 = ["element", "template", "css", "story", "config", "opts", "render"];
 var _styleModuleImportMap$K = {
   "./question-answer.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "qa-withAuthorImage": "question-answer-m_qa-withAuthorImage__1JB3N",
     "a-element": "question-answer-m_a-element__BTxfl",
@@ -3563,7 +3563,7 @@ styleInject(css_248z$_);
 var _excluded$2 = ["element", "template", "opts", "story", "config"];
 var _styleModuleImportMap$J = {
   "./image-gallery.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "image-gallery": "image-gallery-m_image-gallery__1Q7if",
     "image": "image-gallery-m_image__3qwSJ",
@@ -3656,7 +3656,7 @@ styleInject(css_248z$Z);
 var _excluded$1 = ["element", "config", "opts"];
 var _styleModuleImportMap$I = {
   "./reference.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "wrapper": "reference-m_wrapper__1C4Ot",
@@ -3729,7 +3729,7 @@ styleInject(css_248z$Y);
 var _excluded = ["element", "render"];
 var _styleModuleImportMap$H = {
   "./attachment.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "headline": "attachment-m_headline__kP7Hs",
@@ -5241,7 +5241,7 @@ styleInject(css_248z$Q);
 
 var _styleModuleImportMap$A = {
   "./page-intro-card.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "author-page-wrapper": "page-intro-card-m_author-page-wrapper__2HiAv",
@@ -5650,7 +5650,7 @@ styleInject(css_248z$M);
 
 var _styleModuleImportMap$x = {
   "./author-card.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "author-card-wrapper": "author-card-m_author-card-wrapper__2tErR",
     "centerAligned": "author-card-m_centerAligned__2h4Yq",
@@ -5777,7 +5777,7 @@ styleInject(css_248z$L);
 
 var _styleModuleImportMap$w = {
   "./publish-details.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "timeStamp": "publish-details-m_timeStamp__2yL0k",
     "dark": "publish-details-m_dark__1L30z",
@@ -10790,7 +10790,7 @@ styleInject(css_248z$n);
 
 var _styleModuleImportMap$g = {
   "./tag-intro-card.module.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "description": "tag-intro-card-module_description__2PKNY",
     "wrapper": "tag-intro-card-module_wrapper__2bz6X",
@@ -10855,7 +10855,7 @@ styleInject(css_248z$m);
 
 var _styleModuleImportMap$f = {
   "./author-image.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "image-container": "author-image-m_image-container__19WNd",
@@ -10984,7 +10984,7 @@ var Pinterest = function Pinterest() {
 
 var _styleModuleImportMap$e = {
   "./author-intro.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "connect": "author-intro-m_connect__15zIX",
@@ -11406,7 +11406,7 @@ styleInject(css_248z$h);
 
 var _styleModuleImportMap$d = {
   "./magazine-editions.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "container": "magazine-editions-m_container__25yef",
@@ -11520,7 +11520,7 @@ styleInject(css_248z$g);
 
 var _styleModuleImportMap$c = {
   "../MagazineHeaderCard/magazine-cards.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "magazine-header": "magazine-cards-m_magazine-header__2pSI3",
@@ -11680,7 +11680,7 @@ var MagazineWidget = StateProvider(MagazineWidgetBase);
 
 var _styleModuleImportMap$b = {
   "./magazine-cards.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "magazine-header": "magazine-cards-m_magazine-header__2pSI3",
@@ -11788,7 +11788,7 @@ styleInject(css_248z$f);
 
 var _styleModuleImportMap$a = {
   "./four-col-sixteen-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "componentWrapper": "four-col-sixteen-stories-m_componentWrapper__uBwJ6",
@@ -12105,7 +12105,7 @@ styleInject(css_248z$d);
 
 var _styleModuleImportMap$9 = {
   "./two-col-six-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "two-col-six-stories": "two-col-six-stories-m_two-col-six-stories__2L-D_",
@@ -12275,7 +12275,7 @@ styleInject(css_248z$c);
 
 var _styleModuleImportMap$8 = {
   "./two-col-four-story-highlight.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "componentWrapper": "two-col-four-story-highlight-m_componentWrapper__1MNn3",
@@ -12424,7 +12424,7 @@ styleInject(css_248z$b);
 
 var _styleModuleImportMap$7 = {
   "./opinion-collection.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "opinion-collection": "opinion-collection-m_opinion-collection__1Bc7h",
@@ -12839,7 +12839,7 @@ styleInject(css_248z$9);
 
 var _styleModuleImportMap$6 = {
   "./six-col-six-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "wrapper": "six-col-six-stories-m_wrapper__2k2bf",
@@ -13074,7 +13074,7 @@ styleInject(css_248z$6);
 
 var _styleModuleImportMap$4 = {
   "./two-col-ten-stories-sidebar.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "component-wrapper": "two-col-ten-stories-sidebar-m_component-wrapper__2R--T",
@@ -13406,7 +13406,7 @@ styleInject(css_248z$4);
 
 var _styleModuleImportMap$3 = {
   "./four-tabbed-big-story-slider.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "four-tabbed-big-story-slider": "four-tabbed-big-story-slider-m_four-tabbed-big-story-slider__2DfBf",

package/esm/components/Atoms/AuthorCard/author-card.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .author-card-wrapper {

package/esm/components/Atoms/AuthorCard/index.js

@@ -10,7 +10,7 @@ import { useStateValue } from "../../SharedContext";
 import { getTextColor } from "../../../utils/utils";
 var _styleModuleImportMap = {
   "./author-card.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "author-card-wrapper": "author-card-m_author-card-wrapper__2tErR",
     "centerAligned": "author-card-m_centerAligned__2h4Yq",

package/esm/components/Atoms/AuthorImage/author-image.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Atoms/AuthorImage/index.js

@@ -6,7 +6,7 @@ import { UserFallbackIcon } from "../../Svgs/user-fallback-icon";
 import "./author-image.m.css";
 var _styleModuleImportMap = {
   "./author-image.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "image-container": "author-image-m_image-container__19WNd",

package/esm/components/Atoms/CaptionAttribution/caption-attribution.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .caption {

package/esm/components/Atoms/CaptionAttribution/index.js

@@ -6,7 +6,7 @@ import { getTextColor, shapeStory } from "../../../utils/utils";
 import { useStateValue } from "../../SharedContext";
 var _styleModuleImportMap = {
   "./caption-attribution.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "caption": "caption-attribution-m_caption__BM5NN",
     "wrapper": "caption-attribution-m_wrapper__oHBX7",

package/esm/components/Atoms/PublishDetail/index.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./publish-details.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "timeStamp": "publish-details-m_timeStamp__2yL0k",
     "dark": "publish-details-m_dark__1L30z",

package/esm/components/Atoms/PublishDetail/publish-details.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .timeStamp {

package/esm/components/Atoms/SocialSharePopup/social-share-popup.m.css

@@ -1,4 +1,4 @@
-@import "../../../../assets/stylesheets/mixins.scss";
+@import "../../../stylesheets/mixins.scss";
 .share-popup-wrapper {
   z-index: var(--zIndex-social-popup);
 }

package/esm/components/Atoms/StoryElements/AlsoRead/also-read.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .card-image img {

package/esm/components/Atoms/StoryElements/AlsoRead/index.js

@@ -4,7 +4,7 @@ var _excluded = ["story", "element", "template", "opts", "css", "config", "rende
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./also-read.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "card-image": "also-read-m_card-image__3CwAv",
     "default-text": "also-read-m_default-text__hp2dp",

package/esm/components/Atoms/StoryElements/Attachment/attachment.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Atoms/StoryElements/Attachment/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "render"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./attachment.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "headline": "attachment-m_headline__kP7Hs",

package/esm/components/Atoms/StoryElements/BigFact/big-fact.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .bigfact-element {

package/esm/components/Atoms/StoryElements/BigFact/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "story", "config"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./big-fact.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "bigfact-element": "big-fact-m_bigfact-element__3uAwv",
     "light": "big-fact-m_light__ha49M",

package/esm/components/Atoms/StoryElements/BlockQuote/block-quote.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .blockquote-withBackground::before {

package/esm/components/Atoms/StoryElements/BlockQuote/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "template", "css", "story", "config", "render"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./block-quote.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "blockquote-withBackground": "block-quote-m_blockquote-withBackground__1yW-u",
     "icon": "block-quote-m_icon__m-EIZ",

package/esm/components/Atoms/StoryElements/Blurb/blurb.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .blurb blockquote,

package/esm/components/Atoms/StoryElements/Blurb/index.js

@@ -5,7 +5,7 @@ var _excluded = ["element", "template", "opts", "css", "story", "config", "rende
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./blurb.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "blurb": "blurb-m_blurb__3pXi5",
     "blurb-default": "blurb-m_blurb-default__JR86y",

package/esm/components/Atoms/StoryElements/ImageSlideshow/image-slideshow.m.css

@@ -1,4 +1,4 @@
-@import "../../../../../assets/stylesheets/mixins.scss";
+@import "../../../../stylesheets/mixins.scss";
 
 .slide {
   position: relative;

package/esm/components/Atoms/StoryElements/QuestionAnswer/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "template", "css", "story", "config", "opts", "rende
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./question-answer.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "qa-withAuthorImage": "question-answer-m_qa-withAuthorImage__1JB3N",
     "a-element": "question-answer-m_a-element__BTxfl",

package/esm/components/Atoms/StoryElements/QuestionAnswer/question-answer.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .qa-withAuthorImage:global(.arrow-component) .a-element p,

package/esm/components/Atoms/StoryElements/Quote/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "template", "css", "story", "config", "render"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./quote.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "quote": "quote-m_quote__13tTt",
     "text": "quote-m_text__2hXSE",

package/esm/components/Atoms/StoryElements/Quote/quote.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .quote .text,

package/esm/components/Atoms/StoryElements/Reference/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "config", "opts"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./reference.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "wrapper": "reference-m_wrapper__1C4Ot",

package/esm/components/Atoms/StoryElements/Reference/reference.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Atoms/StoryElements/Summary/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "template", "opts", "css", "story", "config", "rende
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./summary.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "headline": "summary-m_headline__30sie",
     "summary": "summary-m_summary__3-CnO",

package/esm/components/Atoms/StoryElements/Summary/summary.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .headline {

package/esm/components/Atoms/StoryElements/Text/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "opts", "css", "story", "config"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./text.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "promotionalMessage": "text-m_promotionalMessage__CUsPM",
     "textElement": "text-m_textElement__e3QEt",

package/esm/components/Atoms/StoryElements/Text/text.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .promotionalMessage p {

package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .image-gallery {

package/esm/components/Atoms/StoryElements/imageGallery/index.js

@@ -4,7 +4,7 @@ var _excluded = ["element", "template", "opts", "story", "config"];
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./image-gallery.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "image-gallery": "image-gallery-m_image-gallery__1Q7if",
     "image": "image-gallery-m_image__3qwSJ",

package/esm/components/Molecules/PageIntroductionCard/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./page-intro-card.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "author-page-wrapper": "page-intro-card-m_author-page-wrapper__2HiAv",

package/esm/components/Molecules/PageIntroductionCard/page-intro-card.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Molecules/SocialShareTemplate/social-share-template.m.css

@@ -1,4 +1,4 @@
-@import "../../../../assets/stylesheets/mixins.scss";
+@import "../../../stylesheets/mixins.scss";
 
 .desktop-view {
   display: none;

package/esm/components/Molecules/StoryElementCard/story-element-card.m.css

@@ -1,4 +1,4 @@
-@import "../../../../assets/stylesheets/mixins.scss";
+@import "../../../stylesheets/mixins.scss";
 
 .element-container {
   margin: var(--arrow-spacing-l) 0;

package/esm/components/Rows/AsideCollection/aside-collection.m.css

@@ -1,4 +1,4 @@
-@import "../../../../assets/stylesheets/mixins.scss";
+@import "../../../stylesheets/mixins.scss";
 
 .stories {
   margin-top: var(--arrow-spacing-m);

package/esm/components/Rows/AuthorIntroductionCard/author-intro.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Rows/AuthorIntroductionCard/index.js

@@ -15,7 +15,7 @@ import { WhatsApp } from "../../Svgs/SocialIcons/whatsapp";
 import { Pinterest } from "../../Svgs/SocialIcons/pinterest";
 var _styleModuleImportMap = {
   "./author-intro.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "connect": "author-intro-m_connect__15zIX",

package/esm/components/Rows/AuthorsList/authors-list.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .wrapper {

package/esm/components/Rows/FourColFiveStories/four-col-five-stories.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/FourColSixteenStories/four-col-sixteen-stories.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/FourColSixteenStories/index.js

@@ -17,7 +17,7 @@ import { LoadmoreButton } from "../../Atoms/Loadmore";
 import "./four-col-sixteen-stories.m.css";
 var _styleModuleImportMap = {
   "./four-col-sixteen-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "componentWrapper": "four-col-sixteen-stories-m_componentWrapper__uBwJ6",

package/esm/components/Rows/FourTabbedBigStorySlider/four-tabbed-big-story-slider.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/FourTabbedBigStorySlider/index.js

@@ -19,7 +19,7 @@ import { Subheadline } from "../../Atoms/Subheadline";
 import "./four-tabbed-big-story-slider.m.css";
 var _styleModuleImportMap = {
   "./four-tabbed-big-story-slider.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "four-tabbed-big-story-slider": "four-tabbed-big-story-slider-m_four-tabbed-big-story-slider__2DfBf",

package/esm/components/Rows/MagazineEditions/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./magazine-editions.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "container": "magazine-editions-m_container__25yef",

package/esm/components/Rows/MagazineEditions/magazine-editions.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Rows/MagazineHeaderCard/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./magazine-cards.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "magazine-header": "magazine-cards-m_magazine-header__2pSI3",

package/esm/components/Rows/MagazineHeaderCard/magazine-cards.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value tablet from viewports;
 

package/esm/components/Rows/MagazineWidget/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "../MagazineHeaderCard/magazine-cards.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "tablet": "992px",
     "magazine-header": "magazine-cards-m_magazine-header__2pSI3",

package/esm/components/Rows/OpinionCollection/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _getClassName from "babel-plugin-react-css-modules/dist/browser/getClassName";
 var _styleModuleImportMap = {
   "./opinion-collection.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "opinion-collection": "opinion-collection-m_opinion-collection__1Bc7h",

package/esm/components/Rows/OpinionCollection/opinion-collection.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/SixColSixStories/index.js

@@ -18,7 +18,7 @@ import "./six-col-six-stories.m.css";
 import { useDispatch, useSelector } from "react-redux";
 var _styleModuleImportMap = {
   "./six-col-six-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "wrapper": "six-col-six-stories-m_wrapper__2k2bf",

package/esm/components/Rows/SixColSixStories/six-col-six-stories.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.m.css

@@ -1,4 +1,4 @@
-@import "../../../../../assets/stylesheets/mixins.scss";
+@import "../../../../stylesheets/mixins.scss";
 :root {
   --grid-container-width: 1140px;
   --fluid-grid-container-width: 1440px;

package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/live-blog.m.css

@@ -1,4 +1,4 @@
-@import "../../../../../assets/stylesheets/mixins.scss";
+@import "../../../../stylesheets/mixins.scss";
 
 .header-details {
   margin-top: var(--arrow-spacing-l);

package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/photo.m.css

@@ -1,4 +1,4 @@
-@import "../../../../../assets/stylesheets/mixins.scss";
+@import "../../../../stylesheets/mixins.scss";
 
 .grid-col-full {
   grid-column: 1/5;

package/esm/components/Rows/StoryTemplates/TextStoryTemplates/text-story.m.css

@@ -1,4 +1,4 @@
-@import "../../../../../assets/stylesheets/mixins.scss";
+@import "../../../../stylesheets/mixins.scss";
 
 .header-details {
   margin: var(--arrow-spacing-m) 0 var(--arrow-spacing-xs) 0;

package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/video-story.m.css

@@ -1,4 +1,4 @@
-@import "../../../../../assets/stylesheets/mixins.scss";
+@import "../../../../stylesheets/mixins.scss";
 
 .default,
 .hero-priority,

package/esm/components/Rows/TagIntroductionCard/index.js

@@ -5,7 +5,7 @@ import { getTextColor } from "../../../utils/utils";
 import "./tag-intro-card.module.css";
 var _styleModuleImportMap = {
   "./tag-intro-card.module.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "description": "tag-intro-card-module_description__2PKNY",
     "wrapper": "tag-intro-card-module_wrapper__2bz6X",

package/esm/components/Rows/TagIntroductionCard/tag-intro-card.module.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 
 .description {

package/esm/components/Rows/ThreeColFlexStories/three-col-flex-stories.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/TwoColFourStoryHighlight/index.js

@@ -19,7 +19,7 @@ import { get } from "lodash";
 import "./two-col-four-story-highlight.m.css";
 var _styleModuleImportMap = {
   "./two-col-four-story-highlight.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "componentWrapper": "two-col-four-story-highlight-m_componentWrapper__1MNn3",

package/esm/components/Rows/TwoColFourStoryHighlight/two-col-four-story-highlight.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/TwoColSixStories/index.js

@@ -19,7 +19,7 @@ import { AuthorWithTime } from "../../Atoms/AuthorWithTimestamp";
 import { SectionTag } from "../../Atoms/SectionTag";
 var _styleModuleImportMap = {
   "./two-col-six-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "two-col-six-stories": "two-col-six-stories-m_two-col-six-stories__2L-D_",

package/esm/components/Rows/TwoColSixStories/two-col-six-stories.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/components/Rows/TwoColTenStoriesSidebar/index.js

@@ -15,7 +15,7 @@ import { get } from "lodash";
 import "./two-col-ten-stories-sidebar.m.css";
 var _styleModuleImportMap = {
   "./two-col-ten-stories-sidebar.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
+    "viewports": "\"../../../stylesheets/viewports.m.css\"",
     "mobile": "768px",
     "desktop": "1025px",
     "component-wrapper": "two-col-ten-stories-sidebar-m_component-wrapper__2R--T",

package/esm/components/Rows/TwoColTenStoriesSidebar/two-col-ten-stories-sidebar.m.css

@@ -1,4 +1,4 @@
-@value viewports: "../../../../assets/stylesheets/viewports.m.css";
+@value viewports: "../../../stylesheets/viewports.m.css";
 @value mobile from viewports;
 @value desktop from viewports;
 

package/esm/stylesheets/mixins.scss

@@ -0,0 +1,27 @@
+$mobile: 767px;
+$tablet: 768px;
+$desktop: 1025px;
+$desktop-lg: 1200px;
+
+@mixin mobile {
+  @media (max-width: #{$mobile}) {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media (min-width: #{$tablet}) {
+    @content;
+  }
+}
+@mixin desktop {
+  @media (min-width: #{$desktop}) {
+    @content;
+  }
+}
+
+@mixin desktop-lg {
+  @media (min-width: #{$desktop-lg}) {
+    @content;
+  }
+}

package/esm/stylesheets/viewports.m.css

@@ -0,0 +1,3 @@
+@value mobile: 768px;
+@value tablet: 992px;
+@value desktop: 1025px;

package/package.json

@@ -1 +1 @@
-{"name":"@quintype/arrow","version":"3.15.1-perf.7","engines":{"node":">=12.0.0"},"description":"Quintype's UI Component Library for Publisher Apps","main":"cjs/index.js","module":"esm/index.js","repository":{"type":"git","url":"git+https://github.com/quintype/quintype-node-arrow.git"},"author":"dev-core@quintype.com","license":"ISC","bugs":{"url":"https://github.com/quintype/quintype-node-arrow/issues"},"peerDependencies":{"@babel/runtime":"^7.18.3","date-fns":"^2.28.0","date-fns-tz":"^1.3.1","lodash":"^4.0.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-redux":">= 7.0.0","axios":"^0.23.0","@quintype/components":"^3.0.0","intersection-observer":"^0.11.0","react-image-lightbox":"^5.1.4","react-timeago":"^4.4.0"},"dependencies":{},"homepage":"https://github.com/quintype/quintype-node-arrow#readme"}
+{"name":"@quintype/arrow","version":"3.15.1-perf.8","engines":{"node":">=12.0.0"},"description":"Quintype's UI Component Library for Publisher Apps","main":"cjs/index.js","module":"esm/index.js","repository":{"type":"git","url":"git+https://github.com/quintype/quintype-node-arrow.git"},"author":"dev-core@quintype.com","license":"ISC","bugs":{"url":"https://github.com/quintype/quintype-node-arrow/issues"},"peerDependencies":{"@babel/runtime":"^7.18.3","date-fns":"^2.28.0","date-fns-tz":"^1.3.1","lodash":"^4.0.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-redux":">= 7.0.0","axios":"^0.23.0","@quintype/components":"^3.0.0","intersection-observer":"^0.11.0","react-image-lightbox":"^5.1.4","react-timeago":"^4.4.0"},"dependencies":{},"homepage":"https://github.com/quintype/quintype-node-arrow#readme"}