@quintype/arrow 3.15.1-perf.2 → 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 (92) 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-d0f6c865.js → index-3976fac4.js} +59 -51
  5. package/atoms/ExtendedLoadMore/{index-1e444d20.js → index-3c4ac692.js} +243 -208
  6. package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
  7. package/atoms/ExtendedLoadMore/{index-c61a16dc.js → index-5c8eda4a.js} +88 -80
  8. package/atoms/ExtendedLoadMore/{index-1256e453.js → index-6e083738.js} +60 -52
  9. package/atoms/ExtendedLoadMore/{index-fd651f70.js → index-6ecceae4.js} +58 -50
  10. package/atoms/ExtendedLoadMore/{index-4356ce04.js → index-9e0d32b7.js} +76 -68
  11. package/atoms/ExtendedLoadMore/{index-beed3a68.js → index-a5c95f84.js} +70 -62
  12. package/atoms/ExtendedLoadMore/{index-0519e570.js → index-b22f1843.js} +70 -62
  13. package/atoms/ExtendedLoadMore/{index-e4cf9cb7.js → index-b5936059.js} +72 -64
  14. package/atoms/ExtendedLoadMore/{index-aba6b278.js → index-bc129cb8.js} +57 -49
  15. package/atoms/ExtendedLoadMore/{index-ad3c83c3.js → index-e7cde739.js} +74 -46
  16. package/atoms/ExtendedLoadMore/{index-c2f73d18.js → index-fee73a14.js} +62 -54
  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 +72 -61
  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 +345 -333
  34. package/rows/AsideCollection/index.js +340 -328
  35. package/rows/AstrologyCollection/index.js +321 -309
  36. package/rows/AuthorIntroductionCard/index.js +157 -148
  37. package/rows/AuthorsList/index.js +184 -174
  38. package/rows/CollectionFilter/index.js +361 -349
  39. package/rows/ElevenStories/index.js +357 -346
  40. package/rows/FourColFiveStories/index.js +304 -274
  41. package/rows/FourColGrid/index.js +351 -321
  42. package/rows/FourColPortraitStories/index.js +357 -327
  43. package/rows/FourColSixteenStories/index.js +288 -277
  44. package/rows/FourColTwelveStories/index.js +315 -304
  45. package/rows/FourStorySlider/index.js +358 -347
  46. package/rows/FourStorySliderPortrait/index.js +359 -348
  47. package/rows/FourTabbedBigStorySlider/index.js +322 -311
  48. package/rows/FullScreenSlider/index.js +336 -325
  49. package/rows/HalfScreenSlider/index.js +308 -297
  50. package/rows/ListComponent/index.js +322 -311
  51. package/rows/Listicles/index.js +150 -139
  52. package/rows/MagazineEditions/index.js +104 -93
  53. package/rows/MagazineHeaderCard/index.js +104 -93
  54. package/rows/MagazineWidget/index.js +326 -315
  55. package/rows/OneColStoryList/index.js +365 -335
  56. package/rows/OpinionCollection/index.js +250 -220
  57. package/rows/SixColSixStories/index.js +333 -303
  58. package/rows/StoryCollection/index.js +340 -328
  59. package/rows/TagIntroductionCard/index.js +30 -21
  60. package/rows/ThreeColFlexStories/index.js +348 -318
  61. package/rows/ThreeColFourteenStories/index.js +285 -274
  62. package/rows/ThreeColGrid/index.js +352 -322
  63. package/rows/ThreeColSevenStory/index.js +322 -311
  64. package/rows/ThreeColSixStories/index.js +323 -312
  65. package/rows/ThreeColTwelveStories/index.js +302 -291
  66. package/rows/TwoColFourStories/index.js +316 -305
  67. package/rows/TwoColFourStoryHighlight/index.js +317 -306
  68. package/rows/TwoColSevenStories/index.js +322 -311
  69. package/rows/TwoColSixStories/index.js +316 -305
  70. package/rows/TwoColTenStoriesSidebar/index.js +338 -327
  71. package/rows/TwoColThreeStories/index.js +316 -305
  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/story-templates/ListicleStoryTemplate/index.js +937 -908
  88. package/story-templates/LiveBlogStoryTemplate/index.js +942 -913
  89. package/story-templates/PhotoStoryTemplate/index.js +912 -883
  90. package/story-templates/TextStoryTemplate/index.js +931 -902
  91. package/story-templates/VideoStoryTemplate/index.js +897 -868
  92. package/atoms/ExtendedLoadMore/index-81eb3978.js +0 -86
@@ -1,86 +0,0 @@
1
- import { g as getTextColor, r as rgbToHex, _ as _getClassName } from './index-ad3c83c3.js';
2
- import React from 'react';
3
- import { H as Headline, A as AuthorWithTime } from './index-1e444d20.js';
4
- import { S as SectionTag } from './index-c61a16dc.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 };