@quintype/arrow 3.0.0-spike-skeleton-layout.18 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (505) hide show
  1. package/.babelrc +12 -0
  2. package/.circleci/config.yml +42 -0
  3. package/.eslintrc.json +25 -0
  4. package/.prettierrc +6 -0
  5. package/.storybook/addons.js +5 -0
  6. package/.storybook/config.js +13 -0
  7. package/.storybook/webpack.config.js +8 -0
  8. package/.stylelintrc +10 -0
  9. package/.vscode/extensions.json +16 -0
  10. package/.vscode/settings.json +12 -0
  11. package/CHANGELOG.md +1362 -0
  12. package/README.md +10 -0
  13. package/__mocks__/fileMock.js +1 -0
  14. package/__mocks__/styleMock.js +1 -0
  15. package/{app.scss → assets/stylesheets/app.scss} +154 -1
  16. package/assets/stylesheets/mixins.scss +27 -0
  17. package/assets/stylesheets/reset.scss +148 -0
  18. package/assets/stylesheets/viewports.m.css +3 -0
  19. package/bin-dev-scripts/prepublish.sh +11 -0
  20. package/bin-dev-scripts/sync-to.sh +13 -0
  21. package/jest.config.json +14 -0
  22. package/package.json +131 -1
  23. package/publish +24 -0
  24. package/rollup.js +202 -0
  25. package/setupTests.js +3 -0
  26. package/src/components/Atoms/AdPlaceholder/ads.m.css +13 -0
  27. package/src/components/Atoms/AdPlaceholder/index.js +25 -0
  28. package/src/components/Atoms/Author/README.md +19 -0
  29. package/src/components/Atoms/Author/author.m.css +65 -0
  30. package/src/components/Atoms/Author/index.js +98 -0
  31. package/src/components/Atoms/Author/stories.js +23 -0
  32. package/src/components/Atoms/AuthorCard/README.md +47 -0
  33. package/src/components/Atoms/AuthorCard/author-card.m.css +174 -0
  34. package/src/components/Atoms/AuthorCard/author-card.test.js +72 -0
  35. package/src/components/Atoms/AuthorCard/index.js +115 -0
  36. package/src/components/Atoms/AuthorCard/stories.js +69 -0
  37. package/src/components/Atoms/AuthorImage/README.md +31 -0
  38. package/src/components/Atoms/AuthorImage/author-image.m.css +53 -0
  39. package/src/components/Atoms/AuthorImage/index.js +55 -0
  40. package/src/components/Atoms/AuthorImage/stories.js +20 -0
  41. package/src/components/Atoms/AuthorWithTimestamp/README.md +11 -0
  42. package/src/components/Atoms/AuthorWithTimestamp/author-with-timestamp.m.css +42 -0
  43. package/src/components/Atoms/AuthorWithTimestamp/index.js +79 -0
  44. package/src/components/Atoms/AuthorWithTimestamp/stories.js +21 -0
  45. package/src/components/Atoms/BulletPoint/README.md +9 -0
  46. package/src/components/Atoms/BulletPoint/bullet-point.m.css +14 -0
  47. package/src/components/Atoms/BulletPoint/index.js +19 -0
  48. package/src/components/Atoms/BulletPoint/stories.js +6 -0
  49. package/src/components/Atoms/CaptionAttribution/README.md +15 -0
  50. package/src/components/Atoms/CaptionAttribution/caption-attribution.m.css +40 -0
  51. package/src/components/Atoms/CaptionAttribution/caption-attribution.test.js +29 -0
  52. package/src/components/Atoms/CaptionAttribution/index.js +40 -0
  53. package/src/components/Atoms/CaptionAttribution/stories.js +40 -0
  54. package/src/components/Atoms/CollectionName/README.md +11 -0
  55. package/src/components/Atoms/CollectionName/collection-name.m.css +94 -0
  56. package/src/components/Atoms/CollectionName/index.js +143 -0
  57. package/src/components/Atoms/CollectionName/stories.js +52 -0
  58. package/src/components/Atoms/Divider/__snapshots__/divider.test.js.snap +18 -0
  59. package/src/components/Atoms/Divider/divider.m.css +6 -0
  60. package/src/components/Atoms/Divider/divider.test.js +10 -0
  61. package/src/components/Atoms/Divider/index.js +20 -0
  62. package/src/components/Atoms/Dot/dot.js +20 -0
  63. package/src/components/Atoms/Dot/dot.m.css +6 -0
  64. package/src/components/Atoms/ExtendedLoadMore/README.md +9 -0
  65. package/src/components/Atoms/ExtendedLoadMore/__snapshots__/extended-load-more.test.js.snap +11 -0
  66. package/src/components/Atoms/ExtendedLoadMore/extended-load-more.test.js +19 -0
  67. package/src/components/Atoms/ExtendedLoadMore/index.js +112 -0
  68. package/src/components/Atoms/FallbackImage/fallback.m.css +33 -0
  69. package/src/components/Atoms/FallbackImage/index.js +30 -0
  70. package/src/components/Atoms/Headline/README.md +7 -0
  71. package/src/components/Atoms/Headline/headline.m.css +26 -0
  72. package/src/components/Atoms/Headline/index.js +76 -0
  73. package/src/components/Atoms/Headline/stories.js +52 -0
  74. package/src/components/Atoms/HeroImage/README.md +13 -0
  75. package/src/components/Atoms/HeroImage/hero-image.m.css +71 -0
  76. package/src/components/Atoms/HeroImage/index.js +165 -0
  77. package/src/components/Atoms/HeroImage/stories.js +22 -0
  78. package/src/components/Atoms/LoadMoreTarget/index.js +24 -0
  79. package/src/components/Atoms/Loadmore/README.md +0 -0
  80. package/src/components/Atoms/Loadmore/__snapshots__/load-more.test.js.snap +25 -0
  81. package/src/components/Atoms/Loadmore/index.js +41 -0
  82. package/src/components/Atoms/Loadmore/load-more.m.css +23 -0
  83. package/src/components/Atoms/Loadmore/load-more.test.js +30 -0
  84. package/src/components/Atoms/Loadmore/stories.js +17 -0
  85. package/src/components/Atoms/MagazineCoverImage/README.md +21 -0
  86. package/src/components/Atoms/MagazineCoverImage/index.js +61 -0
  87. package/src/components/Atoms/MagazineCoverImage/magazine-cover-image.m.css +24 -0
  88. package/src/components/Atoms/MagazineCoverImage/stories.js +21 -0
  89. package/src/components/Atoms/PremiumStoryIcon/index.js +27 -0
  90. package/src/components/Atoms/PublishDetail/README.md +15 -0
  91. package/src/components/Atoms/PublishDetail/index.js +63 -0
  92. package/src/components/Atoms/PublishDetail/publish-details.m.css +47 -0
  93. package/src/components/Atoms/PublishDetail/publish-details.test.js +22 -0
  94. package/src/components/Atoms/PublishDetail/stories.js +21 -0
  95. package/src/components/Atoms/ReadTime/README.md +13 -0
  96. package/src/components/Atoms/ReadTime/index.js +44 -0
  97. package/src/components/Atoms/ReadTime/read-time.m.css +25 -0
  98. package/src/components/Atoms/ReadTime/read-time.test.js +18 -0
  99. package/src/components/Atoms/ReadTime/stories.js +19 -0
  100. package/src/components/Atoms/ScrollSnap/SliderArrow/index.js +57 -0
  101. package/src/components/Atoms/ScrollSnap/SliderArrow/slider-arrow.m.css +45 -0
  102. package/src/components/Atoms/ScrollSnap/SliderIndicator/index.js +41 -0
  103. package/src/components/Atoms/ScrollSnap/SliderIndicator/slider-indicator.m.css +71 -0
  104. package/src/components/Atoms/ScrollSnap/index.js +136 -0
  105. package/src/components/Atoms/ScrollSnap/scroll-snap.m.css +27 -0
  106. package/src/components/Atoms/SectionTag/README.md +11 -0
  107. package/src/components/Atoms/SectionTag/index.js +61 -0
  108. package/src/components/Atoms/SectionTag/section.m.css +53 -0
  109. package/src/components/Atoms/SectionTag/stories.js +26 -0
  110. package/src/components/Atoms/SocialSharePopup/README.md +25 -0
  111. package/src/components/Atoms/SocialSharePopup/__snapshots__/social-share-popup.test.js.snap +653 -0
  112. package/src/components/Atoms/SocialSharePopup/index.js +61 -0
  113. package/src/components/Atoms/SocialSharePopup/social-share-popup.m.css +109 -0
  114. package/src/components/Atoms/SocialSharePopup/social-share-popup.test.js +93 -0
  115. package/src/components/Atoms/SocialSharePopup/stories.js +19 -0
  116. package/src/components/Atoms/StoryElements/AlsoRead/README.md +49 -0
  117. package/src/components/Atoms/StoryElements/AlsoRead/also-read.m.css +135 -0
  118. package/src/components/Atoms/StoryElements/AlsoRead/also-read.test.js +83 -0
  119. package/src/components/Atoms/StoryElements/AlsoRead/index.js +117 -0
  120. package/src/components/Atoms/StoryElements/AlsoRead/stories.js +40 -0
  121. package/src/components/Atoms/StoryElements/Attachment/README.md +21 -0
  122. package/src/components/Atoms/StoryElements/Attachment/__snapshots__/attachment.test.js.snap +47 -0
  123. package/src/components/Atoms/StoryElements/Attachment/attachment.m.css +125 -0
  124. package/src/components/Atoms/StoryElements/Attachment/attachment.test.js +39 -0
  125. package/src/components/Atoms/StoryElements/Attachment/index.js +62 -0
  126. package/src/components/Atoms/StoryElements/Attachment/stories.js +48 -0
  127. package/src/components/Atoms/StoryElements/BigFact/README.md +9 -0
  128. package/src/components/Atoms/StoryElements/BigFact/big-fact.m.css +41 -0
  129. package/src/components/Atoms/StoryElements/BigFact/big-fact.test.js +21 -0
  130. package/src/components/Atoms/StoryElements/BigFact/index.js +33 -0
  131. package/src/components/Atoms/StoryElements/BigFact/stories.js +9 -0
  132. package/src/components/Atoms/StoryElements/BlockQuote/README.md +49 -0
  133. package/src/components/Atoms/StoryElements/BlockQuote/Svg/curve.js +26 -0
  134. package/src/components/Atoms/StoryElements/BlockQuote/Svg/edge.js +26 -0
  135. package/src/components/Atoms/StoryElements/BlockQuote/Svg/icon.m.css +4 -0
  136. package/src/components/Atoms/StoryElements/BlockQuote/block-quote.m.css +161 -0
  137. package/src/components/Atoms/StoryElements/BlockQuote/block-quote.test.js +48 -0
  138. package/src/components/Atoms/StoryElements/BlockQuote/index.js +82 -0
  139. package/src/components/Atoms/StoryElements/BlockQuote/stories.js +35 -0
  140. package/src/components/Atoms/StoryElements/Blurb/README.md +43 -0
  141. package/src/components/Atoms/StoryElements/Blurb/blurb.m.css +55 -0
  142. package/src/components/Atoms/StoryElements/Blurb/blurb.test.js +46 -0
  143. package/src/components/Atoms/StoryElements/Blurb/index.js +53 -0
  144. package/src/components/Atoms/StoryElements/Blurb/stories.js +28 -0
  145. package/src/components/Atoms/StoryElements/Image/README.md +13 -0
  146. package/src/components/Atoms/StoryElements/Image/image.m.css +17 -0
  147. package/src/components/Atoms/StoryElements/Image/image.test.js +20 -0
  148. package/src/components/Atoms/StoryElements/Image/index.js +57 -0
  149. package/src/components/Atoms/StoryElements/Image/stories.js +25 -0
  150. package/src/components/Atoms/StoryElements/ImageSlideshow/README.md +13 -0
  151. package/src/components/Atoms/StoryElements/ImageSlideshow/image-slideshow.m.css +49 -0
  152. package/src/components/Atoms/StoryElements/ImageSlideshow/index.js +63 -0
  153. package/src/components/Atoms/StoryElements/ImageSlideshow/stories.js +34 -0
  154. package/src/components/Atoms/StoryElements/QuestionAnswer/README.md +56 -0
  155. package/src/components/Atoms/StoryElements/QuestionAnswer/index.js +134 -0
  156. package/src/components/Atoms/StoryElements/QuestionAnswer/question-answer.m.css +106 -0
  157. package/src/components/Atoms/StoryElements/QuestionAnswer/question-answer.test.js +74 -0
  158. package/src/components/Atoms/StoryElements/QuestionAnswer/stories.js +79 -0
  159. package/src/components/Atoms/StoryElements/Quote/README.md +41 -0
  160. package/src/components/Atoms/StoryElements/Quote/index.js +44 -0
  161. package/src/components/Atoms/StoryElements/Quote/quote.m.css +111 -0
  162. package/src/components/Atoms/StoryElements/Quote/quote.test.js +39 -0
  163. package/src/components/Atoms/StoryElements/Quote/stories.js +28 -0
  164. package/src/components/Atoms/StoryElements/Reference/README.md +9 -0
  165. package/src/components/Atoms/StoryElements/Reference/index.js +52 -0
  166. package/src/components/Atoms/StoryElements/Reference/reference.m.css +42 -0
  167. package/src/components/Atoms/StoryElements/Reference/reference.test.js +28 -0
  168. package/src/components/Atoms/StoryElements/Reference/stories.js +18 -0
  169. package/src/components/Atoms/StoryElements/StoryElement/README.md +10 -0
  170. package/src/components/Atoms/StoryElements/StoryElement/index.js +21 -0
  171. package/src/components/Atoms/StoryElements/StoryElement/stories.js +20 -0
  172. package/src/components/Atoms/StoryElements/StoryElement/storyelement.test.js +13 -0
  173. package/src/components/Atoms/StoryElements/Summary/README.md +56 -0
  174. package/src/components/Atoms/StoryElements/Summary/index.js +68 -0
  175. package/src/components/Atoms/StoryElements/Summary/stories.js +33 -0
  176. package/src/components/Atoms/StoryElements/Summary/summary.m.css +121 -0
  177. package/src/components/Atoms/StoryElements/Summary/summary.test.js +50 -0
  178. package/src/components/Atoms/StoryElements/Text/README.md +32 -0
  179. package/src/components/Atoms/StoryElements/Text/index.js +41 -0
  180. package/src/components/Atoms/StoryElements/Text/stories.js +32 -0
  181. package/src/components/Atoms/StoryElements/Text/text.m.css +48 -0
  182. package/src/components/Atoms/StoryElements/Text/text.test.js +42 -0
  183. package/src/components/Atoms/StoryElements/Video/README.md +9 -0
  184. package/src/components/Atoms/StoryElements/Video/index.js +23 -0
  185. package/src/components/Atoms/StoryElements/Video/stories.js +24 -0
  186. package/src/components/Atoms/StoryElements/Video/video.m.css +3 -0
  187. package/src/components/Atoms/StoryElements/Video/video.test.js +13 -0
  188. package/src/components/Atoms/StoryElements/imageGallery/README.md +18 -0
  189. package/src/components/Atoms/StoryElements/imageGallery/image-gallery.m.css +48 -0
  190. package/src/components/Atoms/StoryElements/imageGallery/image-gallery.test.js +19 -0
  191. package/src/components/Atoms/StoryElements/imageGallery/index.js +74 -0
  192. package/src/components/Atoms/StoryElements/imageGallery/stories.js +23 -0
  193. package/src/components/Atoms/StoryElements/withElementWrapper.js +13 -0
  194. package/src/components/Atoms/StoryElements/withElementWrapper.test.js +31 -0
  195. package/src/components/Atoms/StoryHeadline/index.js +36 -0
  196. package/src/components/Atoms/StoryHeadline/story-headline.m.css +36 -0
  197. package/src/components/Atoms/StoryTags/README.md +9 -0
  198. package/src/components/Atoms/StoryTags/index.js +33 -0
  199. package/src/components/Atoms/StoryTags/stories.js +25 -0
  200. package/src/components/Atoms/StoryTags/story-tags.test.js +18 -0
  201. package/src/components/Atoms/StoryTags/tags.m.css +34 -0
  202. package/src/components/Atoms/Subheadline/README.md +17 -0
  203. package/src/components/Atoms/Subheadline/index.js +54 -0
  204. package/src/components/Atoms/Subheadline/stories.js +12 -0
  205. package/src/components/Atoms/Subheadline/subheadline.m.css +17 -0
  206. package/src/components/Atoms/TimeStamp/README.md +9 -0
  207. package/src/components/Atoms/TimeStamp/index.js +37 -0
  208. package/src/components/Atoms/TimeStamp/stories.js +9 -0
  209. package/src/components/Atoms/TimeStamp/timestamp.m.css +22 -0
  210. package/src/components/Fixture/config.json +2703 -0
  211. package/src/components/Fixture/dummy-collection.js +2787 -0
  212. package/src/components/Fixture/dummyStory.js +2148 -0
  213. package/src/components/Fixture/index.js +424 -0
  214. package/src/components/Fixture/slot-config.js +29 -0
  215. package/src/components/Molecules/FullScreenImages/fullscreenimages.scss +48 -0
  216. package/src/components/Molecules/FullScreenImages/index.js +86 -0
  217. package/src/components/Molecules/KeyEvents/README.md +21 -0
  218. package/src/components/Molecules/KeyEvents/index.js +109 -0
  219. package/src/components/Molecules/KeyEvents/key-events.m.css +89 -0
  220. package/src/components/Molecules/KeyEvents/stories.js +28 -0
  221. package/src/components/Molecules/PageIntroductionCard/README.md +25 -0
  222. package/src/components/Molecules/PageIntroductionCard/index.js +50 -0
  223. package/src/components/Molecules/PageIntroductionCard/page-intro-card.m.css +61 -0
  224. package/src/components/Molecules/PageIntroductionCard/stories.js +16 -0
  225. package/src/components/Molecules/SliderHorizontalCard/README.md +14 -0
  226. package/src/components/Molecules/SliderHorizontalCard/index.js +45 -0
  227. package/src/components/Molecules/SliderHorizontalCard/slider-horizontal-card.m.css +42 -0
  228. package/src/components/Molecules/SliderHorizontalCard/stories.js +30 -0
  229. package/src/components/Molecules/SocialShareTemplate/README.md +118 -0
  230. package/src/components/Molecules/SocialShareTemplate/__snapshots__/social-share-template.test.js.snap +738 -0
  231. package/src/components/Molecules/SocialShareTemplate/index.js +119 -0
  232. package/src/components/Molecules/SocialShareTemplate/social-share-data.js +66 -0
  233. package/src/components/Molecules/SocialShareTemplate/social-share-template.m.css +174 -0
  234. package/src/components/Molecules/SocialShareTemplate/social-share-template.test.js +116 -0
  235. package/src/components/Molecules/SocialShareTemplate/stories.js +40 -0
  236. package/src/components/Molecules/StoryCard/README.md +75 -0
  237. package/src/components/Molecules/StoryCard/READMEBGIMAGE.md +25 -0
  238. package/src/components/Molecules/StoryCard/READMEBORDER.md +61 -0
  239. package/src/components/Molecules/StoryCard/index.js +173 -0
  240. package/src/components/Molecules/StoryCard/stories.js +223 -0
  241. package/src/components/Molecules/StoryCard/storycard.m.css +158 -0
  242. package/src/components/Molecules/StoryCardWithBulletPoint/README.md +9 -0
  243. package/src/components/Molecules/StoryCardWithBulletPoint/index.js +32 -0
  244. package/src/components/Molecules/StoryCardWithBulletPoint/stories.js +31 -0
  245. package/src/components/Molecules/StoryCardWithBulletPoint/story-card-with-bullet-point.m.css +7 -0
  246. package/src/components/Molecules/StoryElementCard/README.md +9 -0
  247. package/src/components/Molecules/StoryElementCard/index.js +358 -0
  248. package/src/components/Molecules/StoryElementCard/stories.js +27 -0
  249. package/src/components/Molecules/StoryElementCard/story-element-card.m.css +78 -0
  250. package/src/components/Molecules/StorycardContent/README.md +34 -0
  251. package/src/components/Molecules/StorycardContent/index.js +76 -0
  252. package/src/components/Molecules/StorycardContent/stories.js +39 -0
  253. package/src/components/Molecules/StorycardContent/storycardContent.m.css +21 -0
  254. package/src/components/Rows/AlternateCollectionFilter/README.md +38 -0
  255. package/src/components/Rows/AlternateCollectionFilter/alternate-collection-filter.m.css +254 -0
  256. package/src/components/Rows/AlternateCollectionFilter/index.js +179 -0
  257. package/src/components/Rows/AlternateCollectionFilter/stories.js +74 -0
  258. package/src/components/Rows/AsideCollection/README.md +27 -0
  259. package/src/components/Rows/AsideCollection/aside-collection.m.css +103 -0
  260. package/src/components/Rows/AsideCollection/aside-collection.test.js +34 -0
  261. package/src/components/Rows/AsideCollection/index.js +175 -0
  262. package/src/components/Rows/AsideCollection/stories.js +52 -0
  263. package/src/components/Rows/AuthorIntroductionCard/README.md +43 -0
  264. package/src/components/Rows/AuthorIntroductionCard/author-intro.m.css +278 -0
  265. package/src/components/Rows/AuthorIntroductionCard/author-intro.test.js +106 -0
  266. package/src/components/Rows/AuthorIntroductionCard/index.js +120 -0
  267. package/src/components/Rows/AuthorIntroductionCard/stories.js +43 -0
  268. package/src/components/Rows/AuthorsList/README.md +24 -0
  269. package/src/components/Rows/AuthorsList/author-list.test.js +50 -0
  270. package/src/components/Rows/AuthorsList/authors-list.m.css +22 -0
  271. package/src/components/Rows/AuthorsList/index.js +50 -0
  272. package/src/components/Rows/AuthorsList/stories.js +61 -0
  273. package/src/components/Rows/CollectionFilter/README.md +39 -0
  274. package/src/components/Rows/CollectionFilter/collection-filter.m.css +213 -0
  275. package/src/components/Rows/CollectionFilter/index.js +232 -0
  276. package/src/components/Rows/CollectionFilter/stories.js +77 -0
  277. package/src/components/Rows/ElevenStories/11-stories.m.css +85 -0
  278. package/src/components/Rows/ElevenStories/README.md +39 -0
  279. package/src/components/Rows/ElevenStories/index.js +332 -0
  280. package/src/components/Rows/ElevenStories/stories.js +70 -0
  281. package/src/components/Rows/FourColFiveStories/README.md +37 -0
  282. package/src/components/Rows/FourColFiveStories/four-col-five-stories.m.css +56 -0
  283. package/src/components/Rows/FourColFiveStories/index.js +159 -0
  284. package/src/components/Rows/FourColFiveStories/stories.js +67 -0
  285. package/src/components/Rows/FourColGrid/README.md +38 -0
  286. package/src/components/Rows/FourColGrid/four-col.m.css +50 -0
  287. package/src/components/Rows/FourColGrid/index.js +137 -0
  288. package/src/components/Rows/FourColGrid/stories.js +65 -0
  289. package/src/components/Rows/FourColSixteenStories/README.md +35 -0
  290. package/src/components/Rows/FourColSixteenStories/four-col-sixteen-stories.m.css +104 -0
  291. package/src/components/Rows/FourColSixteenStories/index.js +103 -0
  292. package/src/components/Rows/FourColSixteenStories/stories.js +46 -0
  293. package/src/components/Rows/FourColTwelveStory/README.md +39 -0
  294. package/src/components/Rows/FourColTwelveStory/four-col-twelve-story.m.css +71 -0
  295. package/src/components/Rows/FourColTwelveStory/index.js +176 -0
  296. package/src/components/Rows/FourColTwelveStory/stories.js +117 -0
  297. package/src/components/Rows/FourStorySlider/README.md +45 -0
  298. package/src/components/Rows/FourStorySlider/four-story-slider.m.css +45 -0
  299. package/src/components/Rows/FourStorySlider/index.js +127 -0
  300. package/src/components/Rows/FourStorySlider/stories.js +117 -0
  301. package/src/components/Rows/FourTabbedBigStorySlider/README.md +39 -0
  302. package/src/components/Rows/FourTabbedBigStorySlider/four-tabbed-big-story-slider.m.css +221 -0
  303. package/src/components/Rows/FourTabbedBigStorySlider/index.js +161 -0
  304. package/src/components/Rows/FourTabbedBigStorySlider/stories.js +63 -0
  305. package/src/components/Rows/FullScreenSlider/README.md +46 -0
  306. package/src/components/Rows/FullScreenSlider/full-screen-slider.m.css +110 -0
  307. package/src/components/Rows/FullScreenSlider/index.js +114 -0
  308. package/src/components/Rows/FullScreenSlider/stories.js +115 -0
  309. package/src/components/Rows/HalfScreenSlider/README.md +43 -0
  310. package/src/components/Rows/HalfScreenSlider/half-screen-slider.m.css +35 -0
  311. package/src/components/Rows/HalfScreenSlider/index.js +104 -0
  312. package/src/components/Rows/HalfScreenSlider/stories.js +115 -0
  313. package/src/components/Rows/ListComponent/README.md +48 -0
  314. package/src/components/Rows/ListComponent/index.js +150 -0
  315. package/src/components/Rows/ListComponent/list-component.m.css +65 -0
  316. package/src/components/Rows/ListComponent/stories.js +63 -0
  317. package/src/components/Rows/MagazineEditions/README.md +21 -0
  318. package/src/components/Rows/MagazineEditions/index.js +91 -0
  319. package/src/components/Rows/MagazineEditions/magazine-editions.m.css +50 -0
  320. package/src/components/Rows/MagazineEditions/magazine-editions.test.js +33 -0
  321. package/src/components/Rows/MagazineEditions/stories.js +45 -0
  322. package/src/components/Rows/MagazineHeaderCard/README.md +21 -0
  323. package/src/components/Rows/MagazineHeaderCard/index.js +72 -0
  324. package/src/components/Rows/MagazineHeaderCard/magazine-cards.m.css +106 -0
  325. package/src/components/Rows/MagazineHeaderCard/stories.js +36 -0
  326. package/src/components/Rows/MagazineWidget/README.md +21 -0
  327. package/src/components/Rows/MagazineWidget/index.js +127 -0
  328. package/src/components/Rows/MagazineWidget/stories.js +43 -0
  329. package/src/components/Rows/OneColStoryList/README.md +48 -0
  330. package/src/components/Rows/OneColStoryList/index.js +196 -0
  331. package/src/components/Rows/OneColStoryList/one-col-story-list.m.css +81 -0
  332. package/src/components/Rows/OneColStoryList/stories.js +61 -0
  333. package/src/components/Rows/OpinionCollection/README.md +34 -0
  334. package/src/components/Rows/OpinionCollection/index.js +124 -0
  335. package/src/components/Rows/OpinionCollection/opinion-collection.m.css +118 -0
  336. package/src/components/Rows/OpinionCollection/stories.js +48 -0
  337. package/src/components/Rows/SixColSixStories/README.md +37 -0
  338. package/src/components/Rows/SixColSixStories/index.js +134 -0
  339. package/src/components/Rows/SixColSixStories/six-col-six-stories.m.css +75 -0
  340. package/src/components/Rows/SixColSixStories/stories.js +73 -0
  341. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/README.md +19 -0
  342. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/__snapshots__/listicle-story.test.js.snap +837 -0
  343. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/index.js +287 -0
  344. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.m.css +229 -0
  345. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.test.js +47 -0
  346. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/stories.js +117 -0
  347. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/README.md +25 -0
  348. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/index.js +51 -0
  349. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/live-blog.m.css +326 -0
  350. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/stories.js +120 -0
  351. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/templates.js +376 -0
  352. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/index.js +246 -0
  353. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/photo-story.test.js +144 -0
  354. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/photo.m.css +175 -0
  355. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/stories.js +123 -0
  356. package/src/components/Rows/StoryTemplates/TextStoryTemplates/README.md +49 -0
  357. package/src/components/Rows/StoryTemplates/TextStoryTemplates/index.js +69 -0
  358. package/src/components/Rows/StoryTemplates/TextStoryTemplates/stories.js +125 -0
  359. package/src/components/Rows/StoryTemplates/TextStoryTemplates/templates.js +272 -0
  360. package/src/components/Rows/StoryTemplates/TextStoryTemplates/text-story.m.css +449 -0
  361. package/src/components/Rows/StoryTemplates/TextStoryTemplates/text-story.test.js +222 -0
  362. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/README.md +31 -0
  363. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/index.js +234 -0
  364. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/stories.js +204 -0
  365. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/video-story.m.css +195 -0
  366. package/src/components/Rows/TagIntroductionCard/README.md +11 -0
  367. package/src/components/Rows/TagIntroductionCard/index.js +26 -0
  368. package/src/components/Rows/TagIntroductionCard/stories.js +21 -0
  369. package/src/components/Rows/TagIntroductionCard/tag-intro-card.module.css +30 -0
  370. package/src/components/Rows/ThreeColFlexStories/README.md +38 -0
  371. package/src/components/Rows/ThreeColFlexStories/index.js +180 -0
  372. package/src/components/Rows/ThreeColFlexStories/stories.js +73 -0
  373. package/src/components/Rows/ThreeColFlexStories/three-col-flex-stories.m.css +60 -0
  374. package/src/components/Rows/ThreeColFourteenStory/README.md +28 -0
  375. package/src/components/Rows/ThreeColFourteenStory/index.js +135 -0
  376. package/src/components/Rows/ThreeColFourteenStory/stories.js +60 -0
  377. package/src/components/Rows/ThreeColFourteenStory/three-col-fourteen-story.m.css +51 -0
  378. package/src/components/Rows/ThreeColGrid/README.md +36 -0
  379. package/src/components/Rows/ThreeColGrid/index.js +141 -0
  380. package/src/components/Rows/ThreeColGrid/stories.js +70 -0
  381. package/src/components/Rows/ThreeColGrid/three-col.m.css +43 -0
  382. package/src/components/Rows/ThreeColSevenStory/README.md +36 -0
  383. package/src/components/Rows/ThreeColSevenStory/index.js +172 -0
  384. package/src/components/Rows/ThreeColSevenStory/stories.js +71 -0
  385. package/src/components/Rows/ThreeColSevenStory/three-col-seven-story.m.css +44 -0
  386. package/src/components/Rows/ThreeColSixStories/README.md +40 -0
  387. package/src/components/Rows/ThreeColSixStories/index.js +161 -0
  388. package/src/components/Rows/ThreeColSixStories/stories.js +73 -0
  389. package/src/components/Rows/ThreeColSixStories/three-col-six-stories.m.css +32 -0
  390. package/src/components/Rows/ThreeColTwelveStories/README.md +41 -0
  391. package/src/components/Rows/ThreeColTwelveStories/index.js +123 -0
  392. package/src/components/Rows/ThreeColTwelveStories/stories.js +51 -0
  393. package/src/components/Rows/ThreeColTwelveStories/three-col-twelve-stories.m.css +83 -0
  394. package/src/components/Rows/TwoColFourStory/README.md +33 -0
  395. package/src/components/Rows/TwoColFourStory/index.js +151 -0
  396. package/src/components/Rows/TwoColFourStory/stories.js +68 -0
  397. package/src/components/Rows/TwoColFourStory/two-col-four-story.m.css +56 -0
  398. package/src/components/Rows/TwoColFourStoryHighlight/README.md +35 -0
  399. package/src/components/Rows/TwoColFourStoryHighlight/index.js +122 -0
  400. package/src/components/Rows/TwoColFourStoryHighlight/stories.js +48 -0
  401. package/src/components/Rows/TwoColFourStoryHighlight/two-col-four-story-highlight.m.css +116 -0
  402. package/src/components/Rows/TwoColSixStories/README.md +36 -0
  403. package/src/components/Rows/TwoColSixStories/index.js +117 -0
  404. package/src/components/Rows/TwoColSixStories/stories.js +67 -0
  405. package/src/components/Rows/TwoColSixStories/two-col-six-stories.m.css +79 -0
  406. package/src/components/Rows/TwoColTenStoriesSidebar/README.md +34 -0
  407. package/src/components/Rows/TwoColTenStoriesSidebar/index.js +168 -0
  408. package/src/components/Rows/TwoColTenStoriesSidebar/stories.js +45 -0
  409. package/src/components/Rows/TwoColTenStoriesSidebar/two-col-ten-stories-sidebar.m.css +52 -0
  410. package/src/components/Rows/TwoColThreeStory/README.md +36 -0
  411. package/src/components/Rows/TwoColThreeStory/index.js +137 -0
  412. package/src/components/Rows/TwoColThreeStory/stories.js +68 -0
  413. package/src/components/Rows/TwoColThreeStory/two-col-three-story.m.css +36 -0
  414. package/src/components/SharedContext.js +13 -0
  415. package/src/components/Svgs/Loading/loading.js +133 -0
  416. package/src/components/Svgs/Loading/loading.m.css +5 -0
  417. package/src/components/Svgs/SocialIcons/facebook.js +15 -0
  418. package/src/components/Svgs/SocialIcons/instagram.js +24 -0
  419. package/src/components/Svgs/SocialIcons/linkedin.js +15 -0
  420. package/src/components/Svgs/SocialIcons/pinterest.js +12 -0
  421. package/src/components/Svgs/SocialIcons/twitter.js +15 -0
  422. package/src/components/Svgs/SocialIcons/whatsapp.js +17 -0
  423. package/src/components/Svgs/SocialIcons/youtube.js +17 -0
  424. package/src/components/Svgs/caret-right.svg +3 -0
  425. package/src/components/Svgs/clock-icon.js +17 -0
  426. package/src/components/Svgs/close-icon.js +15 -0
  427. package/src/components/Svgs/crown.js +31 -0
  428. package/src/components/Svgs/fallbackImage.js +42 -0
  429. package/src/components/Svgs/key.js +33 -0
  430. package/src/components/Svgs/left-arrow.js +17 -0
  431. package/src/components/Svgs/liveicon.js +13 -0
  432. package/src/components/Svgs/lock.js +31 -0
  433. package/src/components/Svgs/right-arrow.js +17 -0
  434. package/src/components/Svgs/share-icon.js +17 -0
  435. package/src/components/Svgs/star.js +28 -0
  436. package/src/components/Svgs/user-fallback-icon.js +19 -0
  437. package/src/components/Typography/README.md +7 -0
  438. package/src/components/Typography/index.js +47 -0
  439. package/src/components/Typography/stories.js +10 -0
  440. package/src/components/Typography/style.m.css +11 -0
  441. package/src/entry-points.js +337 -0
  442. package/src/guide/stories.js +18 -0
  443. package/src/hydration-component/index.js +37 -0
  444. package/src/hydration-component/useNearScreen.js +56 -0
  445. package/src/index.js +85 -0
  446. package/src/utils/testing-utils.js +8 -0
  447. package/src/utils/utils.js +280 -0
  448. package/src/utils/utils.test.js +55 -0
  449. package/storybook/index.js +83 -0
  450. package/AlsoRead/styles.arrow.css +0 -1
  451. package/AsideCollection/styles.arrow.css +0 -1
  452. package/Attachment/styles.arrow.css +0 -1
  453. package/Author/styles.arrow.css +0 -1
  454. package/AuthorIntroductionCard/styles.arrow.css +0 -1
  455. package/AuthorPageIntroductionCard/styles.arrow.css +0 -1
  456. package/AuthorWithTime/styles.arrow.css +0 -1
  457. package/AuthorsList/styles.arrow.css +0 -1
  458. package/BigFact/styles.arrow.css +0 -1
  459. package/BlockQuote/styles.arrow.css +0 -1
  460. package/Blurb/styles.arrow.css +0 -1
  461. package/CollectionFilter/styles.arrow.css +0 -1
  462. package/CollectionName/styles.arrow.css +0 -1
  463. package/ElevenStories/styles.arrow.css +0 -1
  464. package/FourColGrid/styles.arrow.css +0 -1
  465. package/FourColTwelveStories/styles.arrow.css +0 -1
  466. package/FourStorySlider/styles.arrow.css +0 -1
  467. package/FullScreenSlider/styles.arrow.css +0 -1
  468. package/HalfScreenSlider/styles.arrow.css +0 -1
  469. package/Headline/styles.arrow.css +0 -1
  470. package/HeroImage/styles.arrow.css +0 -1
  471. package/Image/styles.arrow.css +0 -1
  472. package/ImageGallery/styles.arrow.css +0 -1
  473. package/ImageSlideshow/styles.arrow.css +0 -1
  474. package/ListComponent/styles.arrow.css +0 -1
  475. package/ListicleStoryTemplate/styles.arrow.css +0 -1
  476. package/LiveBlogStoryTemplate/styles.arrow.css +0 -1
  477. package/LoadmoreButton/styles.arrow.css +0 -1
  478. package/MagazineEditions/styles.arrow.css +0 -1
  479. package/MagazineHeaderCard/styles.arrow.css +0 -1
  480. package/MagazineWidget/styles.arrow.css +0 -1
  481. package/OneColStoryList/styles.arrow.css +0 -1
  482. package/PhotoStoryTemplate/styles.arrow.css +0 -1
  483. package/QuestionAnswer/styles.arrow.css +0 -1
  484. package/Quote/styles.arrow.css +0 -1
  485. package/Reference/styles.arrow.css +0 -1
  486. package/SectionTag/styles.arrow.css +0 -1
  487. package/StoryCard/styles.arrow.css +0 -1
  488. package/StoryElementCard/styles.arrow.css +0 -1
  489. package/StorycardContent/styles.arrow.css +0 -1
  490. package/Subheadline/styles.arrow.css +0 -1
  491. package/Summary/styles.arrow.css +0 -1
  492. package/TagIntroductionCard/styles.arrow.css +0 -1
  493. package/Text/styles.arrow.css +0 -1
  494. package/TextStoryTemplate/styles.arrow.css +0 -1
  495. package/ThreeColFourteenStories/styles.arrow.css +0 -1
  496. package/ThreeColGrid/styles.arrow.css +0 -1
  497. package/ThreeColSevenStory/styles.arrow.css +0 -1
  498. package/ThreeColSixStories/styles.arrow.css +0 -1
  499. package/TimeStamp/styles.arrow.css +0 -1
  500. package/TwoColFourStories/styles.arrow.css +0 -1
  501. package/TwoColThreeStories/styles.arrow.css +0 -1
  502. package/Video/styles.arrow.css +0 -1
  503. package/VideoStoryTemplate/styles.arrow.css +0 -1
  504. package/cjs/index.js +0 -1
  505. package/esm/index.js +0 -1
package/.babelrc ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "presets": ["@babel/preset-env", "@babel/preset-react"],
3
+ "plugins": [
4
+ "@babel/plugin-transform-runtime",
5
+ [
6
+ "react-css-modules",
7
+ {
8
+ "generateScopedName": "[name]_[local]__[hash:base64:5]"
9
+ }
10
+ ]
11
+ ]
12
+ }
@@ -0,0 +1,42 @@
1
+ version: 2
2
+ jobs:
3
+ build:
4
+ docker:
5
+ - image: circleci/node:12.13.0
6
+ steps:
7
+ - setup_remote_docker:
8
+ docker_layer_caching: true
9
+ - checkout
10
+ - run: mkdir -p /tmp/workspace && echo $CIRCLE_BRANCH-$CIRCLE_BUILD_NUM > /tmp/workspace/docker-tag.txt
11
+ - run: docker login quay.io/$CIRCLE_PROJECT_USERNAME -u $QUAY_USERNAME -p $QUAY_PASSWORD
12
+ - run: docker build -t quay.io/$CIRCLE_PROJECT_USERNAME/$CIRCLE_PROJECT_REPONAME:$(cat /tmp/workspace/docker-tag.txt) .
13
+ - run: docker push quay.io/$CIRCLE_PROJECT_USERNAME/$CIRCLE_PROJECT_REPONAME:$(cat /tmp/workspace/docker-tag.txt)
14
+ - persist_to_workspace:
15
+ root: /tmp/workspace
16
+ paths:
17
+ - docker-tag.txt
18
+ chromatic:
19
+ docker:
20
+ - image: circleci/node:12
21
+ working_directory: ~/repo
22
+ steps:
23
+ - checkout
24
+ - restore_cache:
25
+ keys:
26
+ - v1-dependencies-{{ checksum "package.json" }}
27
+ - v1-dependencies-
28
+ - run: npm i
29
+ - run: npm update
30
+ - run: sudo npm run chromatic
31
+
32
+ workflows:
33
+ version: 2
34
+ visual_reg:
35
+ jobs:
36
+ # Commenting out build job as docker/quay login is failing
37
+ # - build
38
+ - chromatic:
39
+ filters:
40
+ branches:
41
+ only:
42
+ - master
package/.eslintrc.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "extends": [
3
+ "standard",
4
+ "plugin:react/recommended",
5
+ "plugin:jest/recommended",
6
+ "plugin:prettier/recommended",
7
+ "prettier/react",
8
+ "prettier/standard"
9
+ ],
10
+ "plugins": ["react", "standard", "jest", "cypress"],
11
+ "env": {
12
+ "cypress/globals": true
13
+ },
14
+ "parser": "babel-eslint",
15
+ "rules": {
16
+ "jest/valid-expect": 0,
17
+ "max-len": ["warn", { "code": 120 }],
18
+ "no-console": "error"
19
+ },
20
+ "settings": {
21
+ "react": {
22
+ "version": "16.2"
23
+ }
24
+ }
25
+ }
package/.prettierrc ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "printWidth": 120,
3
+ "jsxBracketSameLine": true,
4
+ "semi": true,
5
+ "arrowParens": "always"
6
+ }
@@ -0,0 +1,5 @@
1
+ import "@storybook/addon-links/register";
2
+ import "@storybook/addon-viewport/register";
3
+ import "storybook-readme/register";
4
+ import "@storybook/addon-knobs/register";
5
+ import "storybook-addon-rtl/register";
@@ -0,0 +1,13 @@
1
+ import { configure } from "@storybook/react";
2
+ import { initializeRTL } from "storybook-addon-rtl";
3
+
4
+ // automatically import all files ending in *.stories.js
5
+ const req = require.context("../src/components", true, /stories\.js$/);
6
+ function loadStories() {
7
+ require("../src/guide/stories");
8
+ req.keys().forEach((filename) => req(filename));
9
+ }
10
+
11
+ initializeRTL();
12
+
13
+ configure(loadStories, module);
@@ -0,0 +1,8 @@
1
+ const webpackConfig = require("@quintype/build/config/webpack");
2
+
3
+ module.exports = ({ config }) => {
4
+ const exceptionRules = config.module.rules.filter(rule => rule.test.toString().match(/\.md|jsx/));
5
+ config.module.rules = [...exceptionRules, ...webpackConfig.module.rules];
6
+ config.plugins = [...config.plugins, ...webpackConfig.plugins];
7
+ return config;
8
+ }
package/.stylelintrc ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "extends": [
3
+ "stylelint-config-recommended-scss",
4
+ "stylelint-config-css-modules"
5
+ ],
6
+ "rules": {
7
+ "at-rule-no-unknown": null,
8
+ "scss/at-rule-no-unknown": true
9
+ }
10
+ }
@@ -0,0 +1,16 @@
1
+ {
2
+ // See http://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
3
+ // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
4
+
5
+ // List of extensions which should be recommended for users of this workspace.
6
+ "recommendations": [
7
+ "sleistner.vscode-fileutils",
8
+ "andys8.jest-snippets",
9
+ "esbenp.prettier-vscode",
10
+ "streetsidesoftware.code-spell-checker",
11
+ "coenraads.bracket-pair-colorizer",
12
+ "formulahendry.auto-rename-tag"
13
+ ]
14
+ // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
15
+ // "unwantedRecommendations": []
16
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "editor.formatOnSave": true,
3
+ "editor.tabSize": 2,
4
+ "editor.detectIndentation": false,
5
+ "files.insertFinalNewline": true,
6
+ "files.trimTrailingWhitespace": true,
7
+ "editor.minimap.enabled": false,
8
+ "editor.rulers": [120],
9
+ "files.autoSave": "onFocusChange",
10
+ "editor.wordWrap": "wordWrapColumn",
11
+ "editor.wordWrapColumn": 120
12
+ }