@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.
- package/atoms/Author/index.js +38 -29
- package/atoms/AuthorWithTime/index.js +83 -73
- package/atoms/CollectionName/index.js +40 -30
- package/atoms/ExtendedLoadMore/{index-d0f6c865.js → index-3976fac4.js} +59 -51
- package/atoms/ExtendedLoadMore/{index-1e444d20.js → index-3c4ac692.js} +243 -208
- package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
- package/atoms/ExtendedLoadMore/{index-c61a16dc.js → index-5c8eda4a.js} +88 -80
- package/atoms/ExtendedLoadMore/{index-1256e453.js → index-6e083738.js} +60 -52
- package/atoms/ExtendedLoadMore/{index-fd651f70.js → index-6ecceae4.js} +58 -50
- package/atoms/ExtendedLoadMore/{index-4356ce04.js → index-9e0d32b7.js} +76 -68
- package/atoms/ExtendedLoadMore/{index-beed3a68.js → index-a5c95f84.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-0519e570.js → index-b22f1843.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-e4cf9cb7.js → index-b5936059.js} +72 -64
- package/atoms/ExtendedLoadMore/{index-aba6b278.js → index-bc129cb8.js} +57 -49
- package/atoms/ExtendedLoadMore/{index-ad3c83c3.js → index-e7cde739.js} +74 -46
- package/atoms/ExtendedLoadMore/{index-c2f73d18.js → index-fee73a14.js} +62 -54
- package/atoms/ExtendedLoadMore/index.js +13 -5
- package/atoms/ExtendedLoadMore/styles.arrow.css +1 -1
- package/atoms/Headline/index.js +85 -76
- package/atoms/HeroImage/index.js +69 -60
- package/atoms/LoadmoreButton/index.js +32 -23
- package/atoms/ScrollSnap/index.js +72 -63
- package/atoms/SectionTag/index.js +34 -25
- package/atoms/Subheadline/index.js +31 -22
- package/atoms/TimeStamp/index.js +34 -24
- package/molecules/KeyEvents/index.js +72 -61
- package/molecules/PageIntroductionCard/index.js +43 -34
- package/molecules/SocialShareTemplate/index.js +97 -88
- package/molecules/StoryCard/index.js +242 -232
- package/molecules/StoryElementCard/index.js +512 -483
- package/molecules/StorycardContent/index.js +172 -162
- package/package.json +1 -1
- package/rows/AlternateCollectionFilter/index.js +345 -333
- package/rows/AsideCollection/index.js +340 -328
- package/rows/AstrologyCollection/index.js +321 -309
- package/rows/AuthorIntroductionCard/index.js +157 -148
- package/rows/AuthorsList/index.js +184 -174
- package/rows/CollectionFilter/index.js +361 -349
- package/rows/ElevenStories/index.js +357 -346
- package/rows/FourColFiveStories/index.js +304 -274
- package/rows/FourColGrid/index.js +351 -321
- package/rows/FourColPortraitStories/index.js +357 -327
- package/rows/FourColSixteenStories/index.js +288 -277
- package/rows/FourColTwelveStories/index.js +315 -304
- package/rows/FourStorySlider/index.js +358 -347
- package/rows/FourStorySliderPortrait/index.js +359 -348
- package/rows/FourTabbedBigStorySlider/index.js +322 -311
- package/rows/FullScreenSlider/index.js +336 -325
- package/rows/HalfScreenSlider/index.js +308 -297
- package/rows/ListComponent/index.js +322 -311
- package/rows/Listicles/index.js +150 -139
- package/rows/MagazineEditions/index.js +104 -93
- package/rows/MagazineHeaderCard/index.js +104 -93
- package/rows/MagazineWidget/index.js +326 -315
- package/rows/OneColStoryList/index.js +365 -335
- package/rows/OpinionCollection/index.js +250 -220
- package/rows/SixColSixStories/index.js +333 -303
- package/rows/StoryCollection/index.js +340 -328
- package/rows/TagIntroductionCard/index.js +30 -21
- package/rows/ThreeColFlexStories/index.js +348 -318
- package/rows/ThreeColFourteenStories/index.js +285 -274
- package/rows/ThreeColGrid/index.js +352 -322
- package/rows/ThreeColSevenStory/index.js +322 -311
- package/rows/ThreeColSixStories/index.js +323 -312
- package/rows/ThreeColTwelveStories/index.js +302 -291
- package/rows/TwoColFourStories/index.js +316 -305
- package/rows/TwoColFourStoryHighlight/index.js +317 -306
- package/rows/TwoColSevenStories/index.js +322 -311
- package/rows/TwoColSixStories/index.js +316 -305
- package/rows/TwoColTenStoriesSidebar/index.js +338 -327
- package/rows/TwoColThreeStories/index.js +316 -305
- package/story-elements/AlsoRead/index.js +70 -61
- package/story-elements/Attachment/index.js +40 -31
- package/story-elements/BigFact/index.js +35 -26
- package/story-elements/BlockQuote/index.js +61 -51
- package/story-elements/Blurb/index.js +36 -27
- package/story-elements/Image/index.js +113 -86
- package/story-elements/ImageGallery/index.js +98 -71
- package/story-elements/ImageSlideshow/index.js +147 -120
- package/story-elements/QuestionAnswer/index.js +55 -46
- package/story-elements/Quote/index.js +37 -28
- package/story-elements/Reference/index.js +40 -31
- package/story-elements/StoryElement/index.js +28 -19
- package/story-elements/Summary/index.js +40 -31
- package/story-elements/Text/index.js +34 -25
- package/story-elements/Video/index.js +29 -20
- package/story-templates/ListicleStoryTemplate/index.js +937 -908
- package/story-templates/LiveBlogStoryTemplate/index.js +942 -913
- package/story-templates/PhotoStoryTemplate/index.js +912 -883
- package/story-templates/TextStoryTemplate/index.js +931 -902
- package/story-templates/VideoStoryTemplate/index.js +897 -868
- 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 };
|