@times-components/ts-components 1.24.0 → 1.26.0

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 (137) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/__mocks__/isomorphic-unfetch.d.ts +3 -0
  3. package/dist/__mocks__/isomorphic-unfetch.js +4 -0
  4. package/dist/components/article-flag/LiveArticleFlag.js +5 -5
  5. package/dist/components/article-flag/styles.d.ts +4 -3
  6. package/dist/components/article-flag/styles.js +30 -26
  7. package/dist/components/article-header/ArticleHeader.js +11 -2
  8. package/dist/components/common-styles.d.ts +13 -0
  9. package/dist/components/common-styles.js +54 -10
  10. package/dist/components/in-article-big-numbers/BigNumbers.js +4 -4
  11. package/dist/components/in-article-big-numbers/styles.d.ts +1 -13
  12. package/dist/components/in-article-big-numbers/styles.js +3 -52
  13. package/dist/components/in-article-timelines/Timelines.d.ts +4 -0
  14. package/dist/components/in-article-timelines/Timelines.js +70 -0
  15. package/dist/components/in-article-timelines/Timelines.stories.d.ts +1 -0
  16. package/dist/components/in-article-timelines/Timelines.stories.js +21 -0
  17. package/dist/components/in-article-timelines/__tests__/Timelines.test.d.ts +2 -0
  18. package/dist/components/in-article-timelines/__tests__/Timelines.test.js +256 -0
  19. package/dist/components/in-article-timelines/styles.d.ts +15 -0
  20. package/dist/components/in-article-timelines/styles.js +115 -0
  21. package/dist/components/opta/football/fixtures/OptaFootballFixtures.js +5 -4
  22. package/dist/components/opta/football/fixtures/__tests__/OptaFootballFixtures.test.d.ts +2 -0
  23. package/dist/components/opta/football/fixtures/__tests__/OptaFootballFixtures.test.js +41 -0
  24. package/dist/components/opta/football/match-stats/OptaFootballMatchStats.js +4 -3
  25. package/dist/components/opta/football/match-stats/__tests__/OptaFootballMatchStats.test.d.ts +2 -0
  26. package/dist/components/opta/football/match-stats/__tests__/OptaFootballMatchStats.test.js +40 -0
  27. package/dist/components/opta/football/standings/OptaFootballStandings.js +4 -3
  28. package/dist/components/opta/football/standings/__tests__/OptaFootballStandings.test.d.ts +2 -0
  29. package/dist/components/opta/football/standings/__tests__/OptaFootballStandings.test.js +39 -0
  30. package/dist/components/opta/football/summary/OptaFootballSummary.js +4 -3
  31. package/dist/components/opta/football/summary/__tests__/OptaFootballSummary.test.d.ts +2 -0
  32. package/dist/components/opta/football/summary/__tests__/OptaFootballSummary.test.js +40 -0
  33. package/dist/components/opta/rugby/fixtures/OptaRugbyFixtures.d.ts +8 -0
  34. package/dist/components/opta/rugby/fixtures/OptaRugbyFixtures.js +54 -0
  35. package/dist/components/opta/rugby/fixtures/OptaRugbyFixtures.stories.d.ts +1 -0
  36. package/dist/components/opta/rugby/fixtures/OptaRugbyFixtures.stories.js +26 -0
  37. package/dist/components/opta/rugby/fixtures/__tests__/OptaRugbyFixtures.test.d.ts +2 -0
  38. package/dist/components/opta/rugby/fixtures/__tests__/OptaRugbyFixtures.test.js +41 -0
  39. package/dist/components/opta/rugby/fixtures/styles.d.ts +2 -0
  40. package/dist/components/opta/rugby/fixtures/styles.js +255 -0
  41. package/dist/components/opta/rugby/match-stats/OptaRugbyMatchStats.d.ts +7 -0
  42. package/dist/components/opta/rugby/match-stats/OptaRugbyMatchStats.js +43 -0
  43. package/dist/components/opta/rugby/match-stats/OptaRugbyMatchStats.stories.d.ts +1 -0
  44. package/dist/components/opta/rugby/match-stats/OptaRugbyMatchStats.stories.js +26 -0
  45. package/dist/components/opta/rugby/match-stats/__tests__/OptaRugbyMatchStats.test.d.ts +2 -0
  46. package/dist/components/opta/rugby/match-stats/__tests__/OptaRugbyMatchStats.test.js +40 -0
  47. package/dist/components/opta/rugby/match-stats/styles.d.ts +1 -0
  48. package/dist/components/opta/rugby/match-stats/styles.js +153 -0
  49. package/dist/components/opta/rugby/shared-styles.d.ts +6 -0
  50. package/dist/components/opta/rugby/shared-styles.js +72 -0
  51. package/dist/components/opta/rugby/standings/OptaRugbyStandings.d.ts +8 -0
  52. package/dist/components/opta/rugby/standings/OptaRugbyStandings.js +36 -0
  53. package/dist/components/opta/rugby/standings/OptaRugbyStandings.stories.d.ts +1 -0
  54. package/dist/components/opta/rugby/standings/OptaRugbyStandings.stories.js +36 -0
  55. package/dist/components/opta/rugby/standings/__tests__/OptaRugbyStandings.test.d.ts +2 -0
  56. package/dist/components/opta/rugby/standings/__tests__/OptaRugbyStandings.test.js +39 -0
  57. package/dist/components/opta/rugby/standings/styles.d.ts +1 -0
  58. package/dist/components/opta/rugby/standings/styles.js +247 -0
  59. package/dist/components/opta/rugby/summary/OptaRugbySummary.d.ts +7 -0
  60. package/dist/components/opta/rugby/summary/OptaRugbySummary.js +44 -0
  61. package/dist/components/opta/rugby/summary/OptaRugbySummary.stories.d.ts +1 -0
  62. package/dist/components/opta/rugby/summary/OptaRugbySummary.stories.js +26 -0
  63. package/dist/components/opta/rugby/summary/__tests__/OptaRugbySummary.test.d.ts +2 -0
  64. package/dist/components/opta/rugby/summary/__tests__/OptaRugbySummary.test.js +40 -0
  65. package/dist/components/opta/rugby/summary/styles.d.ts +1 -0
  66. package/dist/components/opta/rugby/summary/styles.js +152 -0
  67. package/dist/components/opta/utils/__tests__/config.test.d.ts +1 -0
  68. package/dist/components/opta/utils/__tests__/config.test.js +24 -0
  69. package/dist/components/opta/utils/config.d.ts +1 -1
  70. package/dist/components/opta/utils/config.js +12 -3
  71. package/dist/helpers/fetch/FetchProvider.js +3 -3
  72. package/dist/helpers/fetch/__tests__/FetchProvider.test.d.ts +0 -1
  73. package/dist/helpers/fetch/__tests__/FetchProvider.test.js +17 -23
  74. package/dist/index.d.ts +1 -0
  75. package/dist/index.js +2 -1
  76. package/jest.config.js +4 -4
  77. package/package.json +6 -5
  78. package/rnw.js +1 -1
  79. package/src/__mocks__/isomorphic-unfetch.ts +3 -0
  80. package/src/components/article-flag/LiveArticleFlag.tsx +7 -6
  81. package/src/components/article-flag/__tests__/__snapshots__/ArticleFlag.test.tsx.snap +100 -100
  82. package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap +33 -33
  83. package/src/components/article-flag/styles.ts +32 -27
  84. package/src/components/article-header/ArticleHeader.tsx +10 -2
  85. package/src/components/article-header/__tests__/__snapshots__/ArticleHeader.test.tsx.snap +14 -11
  86. package/src/components/carousel/__tests__/__snapshots__/GalleryCarousel.test.tsx.snap +3 -3
  87. package/src/components/common-styles.ts +66 -7
  88. package/src/components/in-article-big-numbers/BigNumbers.tsx +11 -8
  89. package/src/components/in-article-big-numbers/__tests__/__snapshots__/BigNumbers.test.tsx.snap +67 -67
  90. package/src/components/in-article-big-numbers/styles.ts +2 -65
  91. package/src/components/in-article-info-card/__tests__/__snapshots__/InfoCard.test.tsx.snap +8 -8
  92. package/src/components/in-article-info-card-bulletpoints/__tests__/__snapshots__/InfoCardBulletPoints.test.tsx.snap +2 -2
  93. package/src/components/in-article-puff/__tests__/__snapshots__/InArticlePuff.test.tsx.snap +10 -10
  94. package/src/components/in-article-timelines/Timelines.stories.tsx +33 -0
  95. package/src/components/in-article-timelines/Timelines.tsx +160 -0
  96. package/src/components/in-article-timelines/__tests__/Timelines.test.tsx +309 -0
  97. package/src/components/in-article-timelines/__tests__/__snapshots__/Timelines.test.tsx.snap +727 -0
  98. package/src/components/in-article-timelines/styles.ts +127 -0
  99. package/src/components/opta/football/fixtures/OptaFootballFixtures.tsx +5 -3
  100. package/src/components/opta/football/fixtures/__tests__/OptaFootballFixtures.test.tsx +53 -0
  101. package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap +34 -0
  102. package/src/components/opta/football/match-stats/OptaFootballMatchStats.tsx +4 -2
  103. package/src/components/opta/football/match-stats/__tests__/OptaFootballMatchStats.test.tsx +52 -0
  104. package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap +34 -0
  105. package/src/components/opta/football/standings/OptaFootballStandings.tsx +4 -2
  106. package/src/components/opta/football/standings/__tests__/OptaFootballStandings.test.tsx +51 -0
  107. package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap +34 -0
  108. package/src/components/opta/football/summary/OptaFootballSummary.tsx +4 -2
  109. package/src/components/opta/football/summary/__tests__/OptaFootballSummary.test.tsx +52 -0
  110. package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +34 -0
  111. package/src/components/opta/rugby/fixtures/OptaRugbyFixtures.stories.tsx +44 -0
  112. package/src/components/opta/rugby/fixtures/OptaRugbyFixtures.tsx +86 -0
  113. package/src/components/opta/rugby/fixtures/__tests__/OptaRugbyFixtures.test.tsx +53 -0
  114. package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap +34 -0
  115. package/src/components/opta/rugby/fixtures/styles.ts +257 -0
  116. package/src/components/opta/rugby/match-stats/OptaRugbyMatchStats.stories.tsx +34 -0
  117. package/src/components/opta/rugby/match-stats/OptaRugbyMatchStats.tsx +71 -0
  118. package/src/components/opta/rugby/match-stats/__tests__/OptaRugbyMatchStats.test.tsx +52 -0
  119. package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap +34 -0
  120. package/src/components/opta/rugby/match-stats/styles.ts +154 -0
  121. package/src/components/opta/rugby/shared-styles.ts +75 -0
  122. package/src/components/opta/rugby/standings/OptaRugbyStandings.stories.tsx +49 -0
  123. package/src/components/opta/rugby/standings/OptaRugbyStandings.tsx +66 -0
  124. package/src/components/opta/rugby/standings/__tests__/OptaRugbyStandings.test.tsx +51 -0
  125. package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap +34 -0
  126. package/src/components/opta/rugby/standings/styles.ts +248 -0
  127. package/src/components/opta/rugby/summary/OptaRugbySummary.stories.tsx +34 -0
  128. package/src/components/opta/rugby/summary/OptaRugbySummary.tsx +71 -0
  129. package/src/components/opta/rugby/summary/__tests__/OptaRugbySummary.test.tsx +52 -0
  130. package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +34 -0
  131. package/src/components/opta/rugby/summary/styles.ts +153 -0
  132. package/src/components/opta/utils/__tests__/config.test.tsx +38 -0
  133. package/src/components/opta/utils/config.ts +13 -3
  134. package/src/helpers/fetch/FetchProvider.tsx +2 -2
  135. package/src/helpers/fetch/__tests__/FetchProvider.test.tsx +21 -31
  136. package/src/helpers/fetch/__tests__/__snapshots__/FetchProvider.test.tsx.snap +10 -2
  137. package/src/index.ts +1 -0
package/src/components/article-flag/__tests__/__snapshots__/ArticleFlag.test.tsx.snap CHANGED
@@ -10,15 +10,15 @@ exports[`ArticleFlag renders a red article flag 1`] = `
10
10
  <body>
11
11
  <div>
12
12
  <div
13
- class="sc-bdVaJa fXEEbM"
13
+ class="sc-ifAKCX iZCSws"
14
14
  >
15
15
  <div
16
- class="sc-bxivhb jYSxqD"
16
+ class="sc-bZQynM seDFb"
17
17
  color="red"
18
18
  />
19
19
  <div
20
20
  aria-label="Coloured Red Flag"
21
- class="sc-EHOje ccbsVi"
21
+ class="sc-gzVnrw bqUmDp"
22
22
  color="red"
23
23
  data-testid="flag-Coloured Red"
24
24
  >
@@ -33,15 +33,15 @@ exports[`ArticleFlag renders an article flag 1`] = `
33
33
  <body>
34
34
  <div>
35
35
  <div
36
- class="sc-bdVaJa fXEEbM"
36
+ class="sc-ifAKCX iZCSws"
37
37
  >
38
38
  <div
39
- class="sc-bxivhb kvBniC"
39
+ class="sc-bZQynM hrhuEL"
40
40
  color=""
41
41
  />
42
42
  <div
43
43
  aria-label="No Colour Flag"
44
- class="sc-EHOje dihMln"
44
+ class="sc-gzVnrw ievtkm"
45
45
  color=""
46
46
  data-testid="flag-No Colour"
47
47
  >
@@ -56,21 +56,21 @@ exports[`ArticleFlag renders multiple article flags 1`] = `
56
56
  <body>
57
57
  <div>
58
58
  <div
59
- class="sc-htoDjs OefKN"
59
+ class="sc-dnqmqq ifFUfI"
60
60
  >
61
61
  <div
62
- class="sc-gzVnrw kAkVRf"
62
+ class="sc-htoDjs cLDxE"
63
63
  >
64
64
  <div
65
- class="sc-bdVaJa fXEEbM"
65
+ class="sc-ifAKCX iZCSws"
66
66
  >
67
67
  <div
68
- class="sc-bxivhb cQXhxF"
68
+ class="sc-bZQynM grpmtc"
69
69
  color="#3C81BE"
70
70
  />
71
71
  <div
72
72
  aria-label="updated Flag"
73
- class="sc-EHOje iWbzHt"
73
+ class="sc-gzVnrw ditolA"
74
74
  color="#3C81BE"
75
75
  data-testid="flag-updated"
76
76
  >
@@ -79,18 +79,18 @@ exports[`ArticleFlag renders multiple article flags 1`] = `
79
79
  </div>
80
80
  </div>
81
81
  <div
82
- class="sc-gzVnrw kAkVRf"
82
+ class="sc-htoDjs cLDxE"
83
83
  >
84
84
  <div
85
- class="sc-bdVaJa fXEEbM"
85
+ class="sc-ifAKCX iZCSws"
86
86
  >
87
87
  <div
88
- class="sc-bxivhb iUYsYd"
88
+ class="sc-bZQynM isZZpT"
89
89
  color="#C51D24"
90
90
  />
91
91
  <div
92
92
  aria-label="exclusive Flag"
93
- class="sc-EHOje jaegbj"
93
+ class="sc-gzVnrw dcfBly"
94
94
  color="#C51D24"
95
95
  data-testid="flag-exclusive"
96
96
  >
@@ -99,18 +99,18 @@ exports[`ArticleFlag renders multiple article flags 1`] = `
99
99
  </div>
100
100
  </div>
101
101
  <div
102
- class="sc-gzVnrw kAkVRf"
102
+ class="sc-htoDjs cLDxE"
103
103
  >
104
104
  <div
105
- class="sc-bdVaJa fXEEbM"
105
+ class="sc-ifAKCX iZCSws"
106
106
  >
107
107
  <div
108
- class="sc-bxivhb beSIBk"
108
+ class="sc-bZQynM fkyQDB"
109
109
  color="#E34605"
110
110
  />
111
111
  <div
112
112
  aria-label="new Flag"
113
- class="sc-EHOje fHTjcy"
113
+ class="sc-gzVnrw kwIKax"
114
114
  color="#E34605"
115
115
  data-testid="flag-new"
116
116
  >
@@ -119,18 +119,18 @@ exports[`ArticleFlag renders multiple article flags 1`] = `
119
119
  </div>
120
120
  </div>
121
121
  <div
122
- class="sc-gzVnrw kAkVRf"
122
+ class="sc-htoDjs cLDxE"
123
123
  >
124
124
  <div
125
- class="sc-bdVaJa fXEEbM"
125
+ class="sc-ifAKCX iZCSws"
126
126
  >
127
127
  <div
128
- class="sc-bxivhb hdKGZm"
128
+ class="sc-bZQynM dyXiSr"
129
129
  color="#4D4D4D"
130
130
  />
131
131
  <div
132
132
  aria-label="sponsored Flag"
133
- class="sc-EHOje hRBZkE"
133
+ class="sc-gzVnrw hEehKK"
134
134
  color="#4D4D4D"
135
135
  data-testid="flag-sponsored"
136
136
  >
@@ -139,18 +139,18 @@ exports[`ArticleFlag renders multiple article flags 1`] = `
139
139
  </div>
140
140
  </div>
141
141
  <div
142
- class="sc-gzVnrw kAkVRf"
142
+ class="sc-htoDjs cLDxE"
143
143
  >
144
144
  <div
145
- class="sc-bdVaJa fXEEbM"
145
+ class="sc-ifAKCX iZCSws"
146
146
  >
147
147
  <div
148
- class="sc-bxivhb iClafV"
148
+ class="sc-bZQynM dPnWyX"
149
149
  color="#696969"
150
150
  />
151
151
  <div
152
152
  aria-label="long read Flag"
153
- class="sc-EHOje iFYRKM"
153
+ class="sc-gzVnrw jraWpN"
154
154
  color="#696969"
155
155
  data-testid="flag-long read"
156
156
  >
@@ -167,24 +167,24 @@ exports[`ArticleFlag renders multiple article flags in a container 1`] = `
167
167
  <body>
168
168
  <div>
169
169
  <div
170
- class="sc-dnqmqq gkiwaN"
170
+ class="sc-iwsKbI cstPBF"
171
171
  >
172
172
  <div
173
- class="sc-htoDjs OefKN"
173
+ class="sc-dnqmqq ifFUfI"
174
174
  >
175
175
  <div
176
- class="sc-gzVnrw kAkVRf"
176
+ class="sc-htoDjs cLDxE"
177
177
  >
178
178
  <div
179
- class="sc-bdVaJa fXEEbM"
179
+ class="sc-ifAKCX iZCSws"
180
180
  >
181
181
  <div
182
- class="sc-bxivhb cQXhxF"
182
+ class="sc-bZQynM grpmtc"
183
183
  color="#3C81BE"
184
184
  />
185
185
  <div
186
186
  aria-label="updated Flag"
187
- class="sc-EHOje iWbzHt"
187
+ class="sc-gzVnrw ditolA"
188
188
  color="#3C81BE"
189
189
  data-testid="flag-updated"
190
190
  >
@@ -193,18 +193,18 @@ exports[`ArticleFlag renders multiple article flags in a container 1`] = `
193
193
  </div>
194
194
  </div>
195
195
  <div
196
- class="sc-gzVnrw kAkVRf"
196
+ class="sc-htoDjs cLDxE"
197
197
  >
198
198
  <div
199
- class="sc-bdVaJa fXEEbM"
199
+ class="sc-ifAKCX iZCSws"
200
200
  >
201
201
  <div
202
- class="sc-bxivhb iUYsYd"
202
+ class="sc-bZQynM isZZpT"
203
203
  color="#C51D24"
204
204
  />
205
205
  <div
206
206
  aria-label="exclusive Flag"
207
- class="sc-EHOje jaegbj"
207
+ class="sc-gzVnrw dcfBly"
208
208
  color="#C51D24"
209
209
  data-testid="flag-exclusive"
210
210
  >
@@ -213,18 +213,18 @@ exports[`ArticleFlag renders multiple article flags in a container 1`] = `
213
213
  </div>
214
214
  </div>
215
215
  <div
216
- class="sc-gzVnrw kAkVRf"
216
+ class="sc-htoDjs cLDxE"
217
217
  >
218
218
  <div
219
- class="sc-bdVaJa fXEEbM"
219
+ class="sc-ifAKCX iZCSws"
220
220
  >
221
221
  <div
222
- class="sc-bxivhb beSIBk"
222
+ class="sc-bZQynM fkyQDB"
223
223
  color="#E34605"
224
224
  />
225
225
  <div
226
226
  aria-label="new Flag"
227
- class="sc-EHOje fHTjcy"
227
+ class="sc-gzVnrw kwIKax"
228
228
  color="#E34605"
229
229
  data-testid="flag-new"
230
230
  >
@@ -233,18 +233,18 @@ exports[`ArticleFlag renders multiple article flags in a container 1`] = `
233
233
  </div>
234
234
  </div>
235
235
  <div
236
- class="sc-gzVnrw kAkVRf"
236
+ class="sc-htoDjs cLDxE"
237
237
  >
238
238
  <div
239
- class="sc-bdVaJa fXEEbM"
239
+ class="sc-ifAKCX iZCSws"
240
240
  >
241
241
  <div
242
- class="sc-bxivhb hdKGZm"
242
+ class="sc-bZQynM dyXiSr"
243
243
  color="#4D4D4D"
244
244
  />
245
245
  <div
246
246
  aria-label="sponsored Flag"
247
- class="sc-EHOje hRBZkE"
247
+ class="sc-gzVnrw hEehKK"
248
248
  color="#4D4D4D"
249
249
  data-testid="flag-sponsored"
250
250
  >
@@ -253,18 +253,18 @@ exports[`ArticleFlag renders multiple article flags in a container 1`] = `
253
253
  </div>
254
254
  </div>
255
255
  <div
256
- class="sc-gzVnrw kAkVRf"
256
+ class="sc-htoDjs cLDxE"
257
257
  >
258
258
  <div
259
- class="sc-bdVaJa fXEEbM"
259
+ class="sc-ifAKCX iZCSws"
260
260
  >
261
261
  <div
262
- class="sc-bxivhb iClafV"
262
+ class="sc-bZQynM dPnWyX"
263
263
  color="#696969"
264
264
  />
265
265
  <div
266
266
  aria-label="long read Flag"
267
- class="sc-EHOje iFYRKM"
267
+ class="sc-gzVnrw jraWpN"
268
268
  color="#696969"
269
269
  data-testid="flag-long read"
270
270
  >
@@ -282,21 +282,21 @@ exports[`ArticleFlag renders multiple article flags with override colours 1`] =
282
282
  <body>
283
283
  <div>
284
284
  <div
285
- class="sc-htoDjs OefKN"
285
+ class="sc-dnqmqq ifFUfI"
286
286
  >
287
287
  <div
288
- class="sc-gzVnrw kAkVRf"
288
+ class="sc-htoDjs cLDxE"
289
289
  >
290
290
  <div
291
- class="sc-bdVaJa fXEEbM"
291
+ class="sc-ifAKCX iZCSws"
292
292
  >
293
293
  <div
294
- class="sc-bxivhb dwHzqd"
294
+ class="sc-bZQynM bIAwUM"
295
295
  color="#FFFFFF"
296
296
  />
297
297
  <div
298
298
  aria-label="updated Flag"
299
- class="sc-EHOje jgkNJo"
299
+ class="sc-gzVnrw fVJrpu"
300
300
  color="#FFFFFF"
301
301
  data-testid="flag-updated"
302
302
  >
@@ -305,18 +305,18 @@ exports[`ArticleFlag renders multiple article flags with override colours 1`] =
305
305
  </div>
306
306
  </div>
307
307
  <div
308
- class="sc-gzVnrw kAkVRf"
308
+ class="sc-htoDjs cLDxE"
309
309
  >
310
310
  <div
311
- class="sc-bdVaJa fXEEbM"
311
+ class="sc-ifAKCX iZCSws"
312
312
  >
313
313
  <div
314
- class="sc-bxivhb dwHzqd"
314
+ class="sc-bZQynM bIAwUM"
315
315
  color="#FFFFFF"
316
316
  />
317
317
  <div
318
318
  aria-label="exclusive Flag"
319
- class="sc-EHOje jgkNJo"
319
+ class="sc-gzVnrw fVJrpu"
320
320
  color="#FFFFFF"
321
321
  data-testid="flag-exclusive"
322
322
  >
@@ -325,18 +325,18 @@ exports[`ArticleFlag renders multiple article flags with override colours 1`] =
325
325
  </div>
326
326
  </div>
327
327
  <div
328
- class="sc-gzVnrw kAkVRf"
328
+ class="sc-htoDjs cLDxE"
329
329
  >
330
330
  <div
331
- class="sc-bdVaJa fXEEbM"
331
+ class="sc-ifAKCX iZCSws"
332
332
  >
333
333
  <div
334
- class="sc-bxivhb dwHzqd"
334
+ class="sc-bZQynM bIAwUM"
335
335
  color="#FFFFFF"
336
336
  />
337
337
  <div
338
338
  aria-label="new Flag"
339
- class="sc-EHOje jgkNJo"
339
+ class="sc-gzVnrw fVJrpu"
340
340
  color="#FFFFFF"
341
341
  data-testid="flag-new"
342
342
  >
@@ -345,18 +345,18 @@ exports[`ArticleFlag renders multiple article flags with override colours 1`] =
345
345
  </div>
346
346
  </div>
347
347
  <div
348
- class="sc-gzVnrw kAkVRf"
348
+ class="sc-htoDjs cLDxE"
349
349
  >
350
350
  <div
351
- class="sc-bdVaJa fXEEbM"
351
+ class="sc-ifAKCX iZCSws"
352
352
  >
353
353
  <div
354
- class="sc-bxivhb dwHzqd"
354
+ class="sc-bZQynM bIAwUM"
355
355
  color="#FFFFFF"
356
356
  />
357
357
  <div
358
358
  aria-label="sponsored Flag"
359
- class="sc-EHOje jgkNJo"
359
+ class="sc-gzVnrw fVJrpu"
360
360
  color="#FFFFFF"
361
361
  data-testid="flag-sponsored"
362
362
  >
@@ -365,18 +365,18 @@ exports[`ArticleFlag renders multiple article flags with override colours 1`] =
365
365
  </div>
366
366
  </div>
367
367
  <div
368
- class="sc-gzVnrw kAkVRf"
368
+ class="sc-htoDjs cLDxE"
369
369
  >
370
370
  <div
371
- class="sc-bdVaJa fXEEbM"
371
+ class="sc-ifAKCX iZCSws"
372
372
  >
373
373
  <div
374
- class="sc-bxivhb dwHzqd"
374
+ class="sc-bZQynM bIAwUM"
375
375
  color="#FFFFFF"
376
376
  />
377
377
  <div
378
378
  aria-label="long read Flag"
379
- class="sc-EHOje jgkNJo"
379
+ class="sc-gzVnrw fVJrpu"
380
380
  color="#FFFFFF"
381
381
  data-testid="flag-long read"
382
382
  >
@@ -393,15 +393,15 @@ exports[`ArticleFlag renders the exclusive article flag 1`] = `
393
393
  <body>
394
394
  <div>
395
395
  <div
396
- class="sc-bdVaJa fXEEbM"
396
+ class="sc-ifAKCX iZCSws"
397
397
  >
398
398
  <div
399
- class="sc-bxivhb iUYsYd"
399
+ class="sc-bZQynM isZZpT"
400
400
  color="#C51D24"
401
401
  />
402
402
  <div
403
403
  aria-label="exclusive Flag"
404
- class="sc-EHOje jaegbj"
404
+ class="sc-gzVnrw dcfBly"
405
405
  color="#C51D24"
406
406
  data-testid="flag-exclusive"
407
407
  >
@@ -416,15 +416,15 @@ exports[`ArticleFlag renders the exclusive article flag with an override colour
416
416
  <body>
417
417
  <div>
418
418
  <div
419
- class="sc-bdVaJa fXEEbM"
419
+ class="sc-ifAKCX iZCSws"
420
420
  >
421
421
  <div
422
- class="sc-bxivhb dwHzqd"
422
+ class="sc-bZQynM bIAwUM"
423
423
  color="#FFFFFF"
424
424
  />
425
425
  <div
426
426
  aria-label="exclusive Flag"
427
- class="sc-EHOje jgkNJo"
427
+ class="sc-gzVnrw fVJrpu"
428
428
  color="#FFFFFF"
429
429
  data-testid="flag-exclusive"
430
430
  >
@@ -439,15 +439,15 @@ exports[`ArticleFlag renders the long read article flag 1`] = `
439
439
  <body>
440
440
  <div>
441
441
  <div
442
- class="sc-bdVaJa fXEEbM"
442
+ class="sc-ifAKCX iZCSws"
443
443
  >
444
444
  <div
445
- class="sc-bxivhb iClafV"
445
+ class="sc-bZQynM dPnWyX"
446
446
  color="#696969"
447
447
  />
448
448
  <div
449
449
  aria-label="long read Flag"
450
- class="sc-EHOje iFYRKM"
450
+ class="sc-gzVnrw jraWpN"
451
451
  color="#696969"
452
452
  data-testid="flag-long read"
453
453
  >
@@ -462,15 +462,15 @@ exports[`ArticleFlag renders the long read article flag with an override colour
462
462
  <body>
463
463
  <div>
464
464
  <div
465
- class="sc-bdVaJa fXEEbM"
465
+ class="sc-ifAKCX iZCSws"
466
466
  >
467
467
  <div
468
- class="sc-bxivhb dwHzqd"
468
+ class="sc-bZQynM bIAwUM"
469
469
  color="#FFFFFF"
470
470
  />
471
471
  <div
472
472
  aria-label="long read Flag"
473
- class="sc-EHOje jgkNJo"
473
+ class="sc-gzVnrw fVJrpu"
474
474
  color="#FFFFFF"
475
475
  data-testid="flag-long read"
476
476
  >
@@ -485,15 +485,15 @@ exports[`ArticleFlag renders the new article flag 1`] = `
485
485
  <body>
486
486
  <div>
487
487
  <div
488
- class="sc-bdVaJa fXEEbM"
488
+ class="sc-ifAKCX iZCSws"
489
489
  >
490
490
  <div
491
- class="sc-bxivhb beSIBk"
491
+ class="sc-bZQynM fkyQDB"
492
492
  color="#E34605"
493
493
  />
494
494
  <div
495
495
  aria-label="new Flag"
496
- class="sc-EHOje fHTjcy"
496
+ class="sc-gzVnrw kwIKax"
497
497
  color="#E34605"
498
498
  data-testid="flag-new"
499
499
  >
@@ -508,15 +508,15 @@ exports[`ArticleFlag renders the new article flag with an override colour 1`] =
508
508
  <body>
509
509
  <div>
510
510
  <div
511
- class="sc-bdVaJa fXEEbM"
511
+ class="sc-ifAKCX iZCSws"
512
512
  >
513
513
  <div
514
- class="sc-bxivhb dwHzqd"
514
+ class="sc-bZQynM bIAwUM"
515
515
  color="#FFFFFF"
516
516
  />
517
517
  <div
518
518
  aria-label="new Flag"
519
- class="sc-EHOje jgkNJo"
519
+ class="sc-gzVnrw fVJrpu"
520
520
  color="#FFFFFF"
521
521
  data-testid="flag-new"
522
522
  >
@@ -531,15 +531,15 @@ exports[`ArticleFlag renders the sponsored article flag 1`] = `
531
531
  <body>
532
532
  <div>
533
533
  <div
534
- class="sc-bdVaJa fXEEbM"
534
+ class="sc-ifAKCX iZCSws"
535
535
  >
536
536
  <div
537
- class="sc-bxivhb hdKGZm"
537
+ class="sc-bZQynM dyXiSr"
538
538
  color="#4D4D4D"
539
539
  />
540
540
  <div
541
541
  aria-label="sponsored Flag"
542
- class="sc-EHOje hRBZkE"
542
+ class="sc-gzVnrw hEehKK"
543
543
  color="#4D4D4D"
544
544
  data-testid="flag-sponsored"
545
545
  >
@@ -554,15 +554,15 @@ exports[`ArticleFlag renders the sponsored article flag with an override colour
554
554
  <body>
555
555
  <div>
556
556
  <div
557
- class="sc-bdVaJa fXEEbM"
557
+ class="sc-ifAKCX iZCSws"
558
558
  >
559
559
  <div
560
- class="sc-bxivhb dwHzqd"
560
+ class="sc-bZQynM bIAwUM"
561
561
  color="#FFFFFF"
562
562
  />
563
563
  <div
564
564
  aria-label="sponsored Flag"
565
- class="sc-EHOje jgkNJo"
565
+ class="sc-gzVnrw fVJrpu"
566
566
  color="#FFFFFF"
567
567
  data-testid="flag-sponsored"
568
568
  >
@@ -577,15 +577,15 @@ exports[`ArticleFlag renders the updated article flag 1`] = `
577
577
  <body>
578
578
  <div>
579
579
  <div
580
- class="sc-bdVaJa fXEEbM"
580
+ class="sc-ifAKCX iZCSws"
581
581
  >
582
582
  <div
583
- class="sc-bxivhb cQXhxF"
583
+ class="sc-bZQynM grpmtc"
584
584
  color="#3C81BE"
585
585
  />
586
586
  <div
587
587
  aria-label="updated Flag"
588
- class="sc-EHOje iWbzHt"
588
+ class="sc-gzVnrw ditolA"
589
589
  color="#3C81BE"
590
590
  data-testid="flag-updated"
591
591
  >
@@ -600,15 +600,15 @@ exports[`ArticleFlag renders the updated article flag with an override colour 1`
600
600
  <body>
601
601
  <div>
602
602
  <div
603
- class="sc-bdVaJa fXEEbM"
603
+ class="sc-ifAKCX iZCSws"
604
604
  >
605
605
  <div
606
- class="sc-bxivhb dwHzqd"
606
+ class="sc-bZQynM bIAwUM"
607
607
  color="#FFFFFF"
608
608
  />
609
609
  <div
610
610
  aria-label="updated Flag"
611
- class="sc-EHOje jgkNJo"
611
+ class="sc-gzVnrw fVJrpu"
612
612
  color="#FFFFFF"
613
613
  data-testid="flag-updated"
614
614
  >
package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap CHANGED
@@ -4,23 +4,23 @@ exports[`LiveArticleFlag should render the base live article flag 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="sc-bwzfXH lfBIaS"
7
+ class="sc-EHOje cfBXHC"
8
8
  >
9
9
  <div
10
- class="sc-htpNat kmRZue"
10
+ class="sc-bdVaJa bkSKmo"
11
11
  >
12
12
  <div
13
- class="sc-ifAKCX eodDQv"
13
+ class="sc-htpNat jcRSar"
14
14
  >
15
- ■
16
- </div>
17
- <div>
18
- <span
19
- class="sc-bZQynM fRMWFX"
20
- >
21
- BASE
22
- </span>
15
+ <div
16
+ class="sc-bxivhb hTEbzV"
17
+ />
23
18
  </div>
19
+ <span
20
+ class="sc-bwzfXH hBgZUv"
21
+ >
22
+ BASE
23
+ </span>
24
24
  </div>
25
25
  </div>
26
26
  </div>
@@ -31,23 +31,23 @@ exports[`LiveArticleFlag should render the breaking article flag 1`] = `
31
31
  <body>
32
32
  <div>
33
33
  <div
34
- class="sc-bwzfXH lfBIaS"
34
+ class="sc-EHOje cfBXHC"
35
35
  >
36
36
  <div
37
- class="sc-htpNat kmRZue"
37
+ class="sc-bdVaJa bkSKmo"
38
38
  >
39
39
  <div
40
- class="sc-ifAKCX eodDQv"
40
+ class="sc-htpNat jcRSar"
41
41
  >
42
- ■
43
- </div>
44
- <div>
45
- <span
46
- class="sc-bZQynM fRMWFX"
47
- >
48
- BREAKING
49
- </span>
42
+ <div
43
+ class="sc-bxivhb hTEbzV"
44
+ />
50
45
  </div>
46
+ <span
47
+ class="sc-bwzfXH hBgZUv"
48
+ >
49
+ BREAKING
50
+ </span>
51
51
  </div>
52
52
  </div>
53
53
  </div>
@@ -58,23 +58,23 @@ exports[`LiveArticleFlag should render the live article flag 1`] = `
58
58
  <body>
59
59
  <div>
60
60
  <div
61
- class="sc-bwzfXH lfBIaS"
61
+ class="sc-EHOje cfBXHC"
62
62
  >
63
63
  <div
64
- class="sc-htpNat kmRZue"
64
+ class="sc-bdVaJa bkSKmo"
65
65
  >
66
66
  <div
67
- class="sc-ifAKCX eodDQv"
67
+ class="sc-htpNat jcRSar"
68
68
  >
69
- ■
70
- </div>
71
- <div>
72
- <span
73
- class="sc-bZQynM fRMWFX"
74
- >
75
- LIVE
76
- </span>
69
+ <div
70
+ class="sc-bxivhb hTEbzV"
71
+ />
77
72
  </div>
73
+ <span
74
+ class="sc-bwzfXH hBgZUv"
75
+ >
76
+ LIVE
77
+ </span>
78
78
  </div>
79
79
  </div>
80
80
  </div>