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

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 (97) hide show
  1. package/atoms/Author/index.js +38 -29
  2. package/atoms/AuthorWithTime/index.js +83 -73
  3. package/atoms/CollectionName/index.js +40 -30
  4. package/atoms/ExtendedLoadMore/{index-4577d5b9.js → index-3976fac4.js} +62 -55
  5. package/atoms/ExtendedLoadMore/{index-0edaa434.js → index-3c4ac692.js} +243 -208
  6. package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
  7. package/atoms/ExtendedLoadMore/{index-70ce7471.js → index-5c8eda4a.js} +88 -80
  8. package/atoms/ExtendedLoadMore/{index-b3ef1488.js → index-6e083738.js} +63 -56
  9. package/atoms/ExtendedLoadMore/{index-48664b07.js → index-6ecceae4.js} +61 -54
  10. package/atoms/ExtendedLoadMore/{index-4c3c2b6f.js → index-9e0d32b7.js} +79 -72
  11. package/atoms/ExtendedLoadMore/{index-c47ff5bc.js → index-a5c95f84.js} +73 -66
  12. package/atoms/ExtendedLoadMore/{index-4b9207c4.js → index-b22f1843.js} +70 -62
  13. package/atoms/ExtendedLoadMore/{index-8f6483ba.js → index-b5936059.js} +75 -68
  14. package/atoms/ExtendedLoadMore/{index-b841407e.js → index-bc129cb8.js} +60 -53
  15. package/atoms/ExtendedLoadMore/{index-d08b6c2f.js → index-e7cde739.js} +74 -46
  16. package/atoms/ExtendedLoadMore/{index-867b9437.js → index-fee73a14.js} +67 -61
  17. package/atoms/ExtendedLoadMore/index.js +13 -5
  18. package/atoms/ExtendedLoadMore/styles.arrow.css +1 -1
  19. package/atoms/Headline/index.js +85 -76
  20. package/atoms/HeroImage/index.js +69 -60
  21. package/atoms/LoadmoreButton/index.js +32 -23
  22. package/atoms/ScrollSnap/index.js +72 -63
  23. package/atoms/SectionTag/index.js +34 -25
  24. package/atoms/Subheadline/index.js +31 -22
  25. package/atoms/TimeStamp/index.js +34 -24
  26. package/molecules/KeyEvents/index.js +75 -66
  27. package/molecules/PageIntroductionCard/index.js +43 -34
  28. package/molecules/SocialShareTemplate/index.js +97 -88
  29. package/molecules/StoryCard/index.js +242 -232
  30. package/molecules/StoryElementCard/index.js +512 -483
  31. package/molecules/StorycardContent/index.js +172 -162
  32. package/package.json +1 -1
  33. package/rows/AlternateCollectionFilter/index.js +349 -339
  34. package/rows/AsideCollection/index.js +346 -340
  35. package/rows/AstrologyCollection/index.js +325 -315
  36. package/rows/AuthorIntroductionCard/index.js +157 -150
  37. package/rows/AuthorsList/index.js +187 -180
  38. package/rows/CollectionFilter/index.js +365 -355
  39. package/rows/ElevenStories/index.js +360 -351
  40. package/rows/FourColFiveStories/index.js +308 -279
  41. package/rows/FourColGrid/index.js +355 -326
  42. package/rows/FourColPortraitStories/index.js +364 -336
  43. package/rows/FourColSixteenStories/index.js +291 -281
  44. package/rows/FourColTwelveStories/index.js +318 -308
  45. package/rows/FourStorySlider/index.js +362 -352
  46. package/rows/FourStorySliderPortrait/index.js +363 -353
  47. package/rows/FourTabbedBigStorySlider/index.js +325 -314
  48. package/rows/FullScreenSlider/index.js +339 -330
  49. package/rows/HalfScreenSlider/index.js +311 -302
  50. package/rows/ListComponent/index.js +325 -315
  51. package/rows/Listicles/index.js +154 -145
  52. package/rows/MagazineEditions/index.js +107 -98
  53. package/rows/MagazineHeaderCard/index.js +107 -98
  54. package/rows/MagazineWidget/index.js +329 -320
  55. package/rows/OneColStoryList/index.js +369 -340
  56. package/rows/OpinionCollection/index.js +254 -225
  57. package/rows/SixColSixStories/index.js +337 -308
  58. package/rows/StoryCollection/index.js +346 -340
  59. package/rows/TagIntroductionCard/index.js +30 -23
  60. package/rows/ThreeColFlexStories/index.js +352 -323
  61. package/rows/ThreeColFourteenStories/index.js +288 -278
  62. package/rows/ThreeColGrid/index.js +356 -327
  63. package/rows/ThreeColSevenStory/index.js +325 -316
  64. package/rows/ThreeColSixStories/index.js +326 -316
  65. package/rows/ThreeColTwelveStories/index.js +305 -295
  66. package/rows/TwoColFourStories/index.js +319 -308
  67. package/rows/TwoColFourStoryHighlight/index.js +320 -309
  68. package/rows/TwoColSevenStories/index.js +326 -315
  69. package/rows/TwoColSixStories/index.js +319 -310
  70. package/rows/TwoColTenStoriesSidebar/index.js +341 -330
  71. package/rows/TwoColThreeStories/index.js +319 -308
  72. package/story-elements/AlsoRead/index.js +70 -61
  73. package/story-elements/Attachment/index.js +40 -31
  74. package/story-elements/BigFact/index.js +35 -26
  75. package/story-elements/BlockQuote/index.js +61 -51
  76. package/story-elements/Blurb/index.js +36 -27
  77. package/story-elements/Image/index.js +113 -86
  78. package/story-elements/ImageGallery/index.js +98 -71
  79. package/story-elements/ImageSlideshow/index.js +147 -120
  80. package/story-elements/QuestionAnswer/index.js +55 -46
  81. package/story-elements/Quote/index.js +37 -28
  82. package/story-elements/Reference/index.js +40 -31
  83. package/story-elements/StoryElement/index.js +28 -19
  84. package/story-elements/Summary/index.js +40 -31
  85. package/story-elements/Text/index.js +34 -25
  86. package/story-elements/Video/index.js +29 -20
  87. package/{rows → story-templates}/ListicleStoryTemplate/index.js +947 -926
  88. package/{rows → story-templates}/ListicleStoryTemplate/styles.arrow.css +0 -0
  89. package/{rows → story-templates}/LiveBlogStoryTemplate/index.js +952 -931
  90. package/{rows → story-templates}/LiveBlogStoryTemplate/styles.arrow.css +0 -0
  91. package/{rows → story-templates}/PhotoStoryTemplate/index.js +922 -901
  92. package/{rows → story-templates}/PhotoStoryTemplate/styles.arrow.css +0 -0
  93. package/{rows → story-templates}/TextStoryTemplate/index.js +941 -920
  94. package/{rows → story-templates}/TextStoryTemplate/styles.arrow.css +0 -0
  95. package/{rows → story-templates}/VideoStoryTemplate/index.js +907 -886
  96. package/{rows → story-templates}/VideoStoryTemplate/styles.arrow.css +0 -0
  97. package/atoms/ExtendedLoadMore/index-96c36b0e.js +0 -86
@@ -1,86 +0,0 @@
1
- import { g as getTextColor, r as rgbToHex, _ as _getClassName } from './index-d08b6c2f.js';
2
- import React from 'react';
3
- import { H as Headline, A as AuthorWithTime } from './index-0edaa434.js';
4
- import { S as SectionTag } from './index-70ce7471.js';
5
- import PropTypes from 'prop-types';
6
-
7
- var _styleModuleImportMap = {
8
- "./storycardContent.m.css": {
9
- "wrapper": "storycardContent-m_wrapper__TEmfA",
10
- "horizontal-content-wrapper": "storycardContent-m_horizontal-content-wrapper__NgpuC",
11
- "border-full": "storycardContent-m_border-full__2km37"
12
- }
13
- };
14
- var StorycardContent = function StorycardContent(_ref) {
15
- var story = _ref.story,
16
- children = _ref.children,
17
- theme = _ref.theme,
18
- border = _ref.border,
19
- isHorizontalMobile = _ref.isHorizontalMobile,
20
- headerLevel = _ref.headerLevel,
21
- borderColor = _ref.borderColor,
22
- config = _ref.config;
23
- var textColor = getTextColor(theme);
24
- var borderOptions = ["full"];
25
- var SectionTagborderColor = rgbToHex(borderColor);
26
- var borderTemplate = borderOptions.includes(border) ? "border-".concat(border) : "";
27
- var horizontalCard = isHorizontalMobile ? "horizontal-content-wrapper" : "";
28
- return /*#__PURE__*/React.createElement("div", {
29
- "data-test-id": "story-card-content",
30
- style: {
31
- backgroundColor: theme,
32
- color: textColor
33
- },
34
- className: "arr--content-wrapper " + _getClassName("wrapper ".concat(borderTemplate, " ").concat(horizontalCard), _styleModuleImportMap)
35
- }, children || /*#__PURE__*/React.createElement(DefaultStoryCardContent, {
36
- story: story,
37
- headerLevel: headerLevel,
38
- isHorizontalMobile: isHorizontalMobile,
39
- borderColor: SectionTagborderColor,
40
- config: config
41
- }));
42
- };
43
-
44
- var DefaultStoryCardContent = function DefaultStoryCardContent(_ref2) {
45
- var story = _ref2.story,
46
- headerLevel = _ref2.headerLevel,
47
- borderColor = _ref2.borderColor,
48
- _ref2$config = _ref2.config,
49
- config = _ref2$config === void 0 ? {} : _ref2$config;
50
- var SectionTagborderColor = rgbToHex(borderColor);
51
- var _config$localizationC = config.localizationConfig,
52
- localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
53
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SectionTag, {
54
- story: story,
55
- borderColor: SectionTagborderColor
56
- }), /*#__PURE__*/React.createElement(Headline, {
57
- story: story,
58
- headerLevel: headerLevel,
59
- premiumStoryIconConfig: config
60
- }), /*#__PURE__*/React.createElement(AuthorWithTime, {
61
- config: localizationConfig,
62
- story: story
63
- }));
64
- };
65
-
66
- DefaultStoryCardContent.propTypes = {
67
- story: PropTypes.object.isRequired,
68
- border: PropTypes.string,
69
- theme: PropTypes.string,
70
- isHorizontalMobile: PropTypes.bool,
71
- headerLevel: PropTypes.string,
72
- borderColor: PropTypes.string,
73
- config: PropTypes.object
74
- };
75
- StorycardContent.propTypes = {
76
- story: PropTypes.object.isRequired,
77
- children: PropTypes.node,
78
- theme: PropTypes.string,
79
- border: PropTypes.string,
80
- isHorizontalMobile: PropTypes.bool,
81
- headerLevel: PropTypes.string,
82
- borderColor: PropTypes.string,
83
- config: PropTypes.object
84
- };
85
-
86
- export { StorycardContent as S };