sfc-utils 1.4.37 → 1.4.38
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/brands2.js
CHANGED
|
@@ -27,11 +27,11 @@ let getBrands2 = function(market){
|
|
|
27
27
|
styles: {
|
|
28
28
|
"@brand": "#26A0A5",
|
|
29
29
|
"@brand-secondary": "#FFBC30",
|
|
30
|
-
"@hed": '"Tiempos Headline", Georgia, serif',
|
|
31
|
-
"@hed-alt": '"Tiempos Headline", Georgia, serif',
|
|
32
|
-
"@serif": '"Tiempos", Georgia, serif',
|
|
33
|
-
"@sans": '"National", Helvetica, sans-serif',
|
|
34
|
-
"@sans-alt": '"National", Helvetica, sans-serif'
|
|
30
|
+
"@hed": '"Tiempos Headline", "Baskerville", Georgia, serif',
|
|
31
|
+
"@hed-alt": '"Tiempos Headline", "Baskerville", Georgia, serif',
|
|
32
|
+
"@serif": '"Tiempos", "Baskerville", Georgia, serif',
|
|
33
|
+
"@sans": '"National", Arial, Helvetica, sans-serif',
|
|
34
|
+
"@sans-alt": '"National", Arial, Helvetica, sans-serif'
|
|
35
35
|
},
|
|
36
36
|
attributes: {
|
|
37
37
|
"marketPrefix": "sf",
|
|
@@ -50,11 +50,11 @@ let getBrands2 = function(market){
|
|
|
50
50
|
styles: {
|
|
51
51
|
"@brand": "#FF7500",
|
|
52
52
|
"@brand-secondary": "#1874CB",
|
|
53
|
-
"@hed": '"Publico Headline", Georgia, serif',
|
|
54
|
-
"@hed-alt": '"Marr Sans Condensed", Georgia, serif',
|
|
55
|
-
"@serif": '"Publico", Georgia, serif',
|
|
56
|
-
"@sans": '"Marr Sans", Helvetica, sans-serif',
|
|
57
|
-
"@sans-alt": '"Marr Sans Condensed", Helvetica, sans-serif'
|
|
53
|
+
"@hed": '"Publico Headline", Georgia, "Baskerville", serif',
|
|
54
|
+
"@hed-alt": '"Marr Sans Condensed", Georgia, "Baskerville", serif',
|
|
55
|
+
"@serif": '"Publico", Georgia, "Baskerville", serif',
|
|
56
|
+
"@sans": '"Marr Sans", Arial, Helvetica, sans-serif',
|
|
57
|
+
"@sans-alt": '"Marr Sans Condensed", Impact, Helvetica, sans-serif'
|
|
58
58
|
},
|
|
59
59
|
attributes: {
|
|
60
60
|
"marketPrefix": "hc",
|
|
@@ -78,7 +78,7 @@ let getBrands2 = function(market){
|
|
|
78
78
|
"@hed-alt": '"ChronicleDispCond", Georgia, serif',
|
|
79
79
|
"@serif": '"ChronicleText", Georgia, serif',
|
|
80
80
|
"@sans": '"HelveticaNeue", Helvetica, sans-serif',
|
|
81
|
-
"@sans-alt": '"HelveticaNeueCond", Helvetica, sans-serif'
|
|
81
|
+
"@sans-alt": '"HelveticaNeueCond", Impact, Helvetica, sans-serif'
|
|
82
82
|
},
|
|
83
83
|
attributes: {
|
|
84
84
|
"marketPrefix": "tu",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useState, useRef } from "react"
|
|
2
2
|
|
|
3
|
-
const CaptionCreditSlideshow = ({ captionList, creditList, extraStyles, creditStyles = [] }) => {
|
|
3
|
+
const CaptionCreditSlideshow = ({ captionList, creditList, listSize, extraStyles, creditStyles = [] }) => {
|
|
4
4
|
let captionCss = ["topper-image", "caption"];
|
|
5
5
|
if (extraStyles) {
|
|
6
6
|
captionCss = extraStyles.concat(captionCss);
|
|
@@ -19,7 +19,7 @@ const CaptionCreditSlideshow = ({ captionList, creditList, extraStyles, creditSt
|
|
|
19
19
|
resetTimeout();
|
|
20
20
|
timeoutRef.current = setTimeout(() => {
|
|
21
21
|
// Set current image index
|
|
22
|
-
setIndex((prevIndex) => (prevIndex ===
|
|
22
|
+
setIndex((prevIndex) => (prevIndex === listSize - 1) ? 0 : prevIndex + 1);
|
|
23
23
|
},
|
|
24
24
|
4000 // Delay for switching images
|
|
25
25
|
);
|
package/components/topper2.mjs
CHANGED
|
@@ -346,6 +346,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
|
|
|
346
346
|
<CaptionCreditSlideshow
|
|
347
347
|
captionList={convertStringToList(Image_Caption, wcmIdList.length)}
|
|
348
348
|
creditList={convertStringToList(Image_Credits, wcmIdList.length)}
|
|
349
|
+
listSize={wcmIdList.length}
|
|
349
350
|
extraStyles={[topperStyles.hideWhenDesktop]}
|
|
350
351
|
/>
|
|
351
352
|
}
|
|
@@ -368,6 +369,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
|
|
|
368
369
|
<CaptionCreditSlideshow
|
|
369
370
|
captionList={convertStringToList(Image_Caption, wcmIdList.length)}
|
|
370
371
|
creditList={convertStringToList(Image_Credits, wcmIdList.length)}
|
|
372
|
+
listSize={wcmIdList.length}
|
|
371
373
|
extraStyles={[topperStyles.hideWhenTablet, topperStyles.smallPaddingLeft]}
|
|
372
374
|
/>
|
|
373
375
|
}
|
|
@@ -399,6 +401,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
|
|
|
399
401
|
<CaptionCreditSlideshow
|
|
400
402
|
captionList={convertStringToList(Image_Caption, wcmIdList.length)}
|
|
401
403
|
creditList={convertStringToList(Image_Credits, wcmIdList.length)}
|
|
404
|
+
listSize={wcmIdList.length}
|
|
402
405
|
extraStyles={[topperStyles.smallPaddingLeftWhenTablet]}
|
|
403
406
|
/>
|
|
404
407
|
}
|
|
@@ -476,6 +479,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
|
|
|
476
479
|
<CaptionCreditSlideshow
|
|
477
480
|
captionList={convertStringToList(Image_Caption, wcmIdList.length)}
|
|
478
481
|
creditList={convertStringToList(Image_Credits, wcmIdList.length)}
|
|
482
|
+
listSize={wcmIdList.length}
|
|
479
483
|
extraStyles={[topperStyles.slideshowCaptionSideBySide, sideBySideCapCredColorCss(), sideBySideCapCredPaddingCss()]}
|
|
480
484
|
creditStyles={[sideBySideCapCredColorCss()]}
|
|
481
485
|
/>
|
|
@@ -511,6 +515,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
|
|
|
511
515
|
<CaptionCreditSlideshow
|
|
512
516
|
captionList={convertStringToList(Image_Caption, wcmIdList.length)}
|
|
513
517
|
creditList={convertStringToList(Image_Credits, wcmIdList.length)}
|
|
518
|
+
listSize={wcmIdList.length}
|
|
514
519
|
extraStyles={[topperStyles.slideshowCaptionSideBySidePortrait, sideBySideCapCredColorCss(), sideBySidePortraitCapCredPaddingCss()]}
|
|
515
520
|
creditStyles={[sideBySideCapCredColorCss()]}
|
|
516
521
|
/>
|