@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.
- 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-4577d5b9.js → index-3976fac4.js} +62 -55
- package/atoms/ExtendedLoadMore/{index-0edaa434.js → index-3c4ac692.js} +243 -208
- package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
- package/atoms/ExtendedLoadMore/{index-70ce7471.js → index-5c8eda4a.js} +88 -80
- package/atoms/ExtendedLoadMore/{index-b3ef1488.js → index-6e083738.js} +63 -56
- package/atoms/ExtendedLoadMore/{index-48664b07.js → index-6ecceae4.js} +61 -54
- package/atoms/ExtendedLoadMore/{index-4c3c2b6f.js → index-9e0d32b7.js} +79 -72
- package/atoms/ExtendedLoadMore/{index-c47ff5bc.js → index-a5c95f84.js} +73 -66
- package/atoms/ExtendedLoadMore/{index-4b9207c4.js → index-b22f1843.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-8f6483ba.js → index-b5936059.js} +75 -68
- package/atoms/ExtendedLoadMore/{index-b841407e.js → index-bc129cb8.js} +60 -53
- package/atoms/ExtendedLoadMore/{index-d08b6c2f.js → index-e7cde739.js} +74 -46
- package/atoms/ExtendedLoadMore/{index-867b9437.js → index-fee73a14.js} +67 -61
- 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 +75 -66
- 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 +349 -339
- package/rows/AsideCollection/index.js +346 -340
- package/rows/AstrologyCollection/index.js +325 -315
- package/rows/AuthorIntroductionCard/index.js +157 -150
- package/rows/AuthorsList/index.js +187 -180
- package/rows/CollectionFilter/index.js +365 -355
- package/rows/ElevenStories/index.js +360 -351
- package/rows/FourColFiveStories/index.js +308 -279
- package/rows/FourColGrid/index.js +355 -326
- package/rows/FourColPortraitStories/index.js +364 -336
- package/rows/FourColSixteenStories/index.js +291 -281
- package/rows/FourColTwelveStories/index.js +318 -308
- package/rows/FourStorySlider/index.js +362 -352
- package/rows/FourStorySliderPortrait/index.js +363 -353
- package/rows/FourTabbedBigStorySlider/index.js +325 -314
- package/rows/FullScreenSlider/index.js +339 -330
- package/rows/HalfScreenSlider/index.js +311 -302
- package/rows/ListComponent/index.js +325 -315
- package/rows/Listicles/index.js +154 -145
- package/rows/MagazineEditions/index.js +107 -98
- package/rows/MagazineHeaderCard/index.js +107 -98
- package/rows/MagazineWidget/index.js +329 -320
- package/rows/OneColStoryList/index.js +369 -340
- package/rows/OpinionCollection/index.js +254 -225
- package/rows/SixColSixStories/index.js +337 -308
- package/rows/StoryCollection/index.js +346 -340
- package/rows/TagIntroductionCard/index.js +30 -23
- package/rows/ThreeColFlexStories/index.js +352 -323
- package/rows/ThreeColFourteenStories/index.js +288 -278
- package/rows/ThreeColGrid/index.js +356 -327
- package/rows/ThreeColSevenStory/index.js +325 -316
- package/rows/ThreeColSixStories/index.js +326 -316
- package/rows/ThreeColTwelveStories/index.js +305 -295
- package/rows/TwoColFourStories/index.js +319 -308
- package/rows/TwoColFourStoryHighlight/index.js +320 -309
- package/rows/TwoColSevenStories/index.js +326 -315
- package/rows/TwoColSixStories/index.js +319 -310
- package/rows/TwoColTenStoriesSidebar/index.js +341 -330
- package/rows/TwoColThreeStories/index.js +319 -308
- 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/{rows → story-templates}/ListicleStoryTemplate/index.js +947 -926
- package/{rows → story-templates}/ListicleStoryTemplate/styles.arrow.css +0 -0
- package/{rows → story-templates}/LiveBlogStoryTemplate/index.js +952 -931
- package/{rows → story-templates}/LiveBlogStoryTemplate/styles.arrow.css +0 -0
- package/{rows → story-templates}/PhotoStoryTemplate/index.js +922 -901
- package/{rows → story-templates}/PhotoStoryTemplate/styles.arrow.css +0 -0
- package/{rows → story-templates}/TextStoryTemplate/index.js +941 -920
- package/{rows → story-templates}/TextStoryTemplate/styles.arrow.css +0 -0
- package/{rows → story-templates}/VideoStoryTemplate/index.js +907 -886
- package/{rows → story-templates}/VideoStoryTemplate/styles.arrow.css +0 -0
- package/atoms/ExtendedLoadMore/index-96c36b0e.js +0 -86
|
File without changes
|
|
@@ -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 };
|