@newskit-render/core 1.2.3 → 1.5.2
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/CHANGELOG.md +140 -0
- package/__tests__/pages/[articleSlug].test.tsx +0 -9
- package/__tests__/pages/__snapshots__/home.test.tsx.snap +738 -250
- package/__tests__/pages/home.test.tsx +0 -9
- package/components/article/__tests__/__snapshots__/index.test.tsx.snap +383 -97
- package/components/article/__tests__/index.test.tsx +0 -9
- package/components/footer/__snapshots__/index.test.tsx.snap +144 -9
- package/components/footer/index.test.tsx +0 -9
- package/components/header/index.test.tsx +0 -9
- package/components/header/index.tsx +1 -1
- package/components/section/__tests__/ArticleSlice.test.tsx +2 -10
- package/components/section/layouts/__tests__/SectionRow.test.tsx +0 -9
- package/components/section/layouts/__tests__/__snapshots__/SectionRow.test.tsx.snap +854 -506
- package/next.config.js +0 -13
- package/package.json +16 -14
- package/pages/account/payment/index.tsx +18 -0
- package/pages/checkout/index.tsx +7 -0
- package/temp/header.tsx +76 -76
- package/pages/api/account/zuora/generate-rsa.ts +0 -5
|
@@ -129,37 +129,101 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
129
129
|
justify-content: space-between;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
+
.emotion-5 {
|
|
133
|
+
display: inline-block;
|
|
134
|
+
transition-property: color;
|
|
135
|
+
transition-duration: 200ms;
|
|
136
|
+
transition-timing-function: cubic-bezier(0, 0, .5, 1);
|
|
137
|
+
color: #FFFFFF;
|
|
138
|
+
-webkit-text-decoration: none;
|
|
139
|
+
text-decoration: none;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.emotion-5 svg {
|
|
143
|
+
fill: #FFFFFF;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.emotion-5:hover:not(:disabled) {
|
|
147
|
+
color: #FFFFFF;
|
|
148
|
+
-webkit-text-decoration: underline;
|
|
149
|
+
text-decoration: underline;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.emotion-5:hover:not(:disabled) svg {
|
|
153
|
+
fill: #FFFFFF;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.emotion-5:active:not(:disabled) {
|
|
157
|
+
color: #FFFFFF;
|
|
158
|
+
-webkit-text-decoration: underline;
|
|
159
|
+
text-decoration: underline;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.emotion-5:active:not(:disabled) svg {
|
|
163
|
+
fill: #FFFFFF;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.emotion-6 {
|
|
167
|
+
display: -webkit-box;
|
|
168
|
+
display: -webkit-flex;
|
|
169
|
+
display: -ms-flexbox;
|
|
170
|
+
display: flex;
|
|
171
|
+
height: 100%;
|
|
172
|
+
-webkit-align-items: center;
|
|
173
|
+
-webkit-box-align: center;
|
|
174
|
+
-ms-flex-align: center;
|
|
175
|
+
align-items: center;
|
|
176
|
+
-webkit-flex-direction: row;
|
|
177
|
+
-ms-flex-direction: row;
|
|
178
|
+
flex-direction: row;
|
|
179
|
+
-webkit-box-pack: start;
|
|
180
|
+
-ms-flex-pack: start;
|
|
181
|
+
-webkit-justify-content: flex-start;
|
|
182
|
+
justify-content: flex-start;
|
|
183
|
+
margin-left: calc(-4px/2);
|
|
184
|
+
margin-right: calc(-4px/2);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.emotion-7 {
|
|
188
|
+
display: -webkit-inline-box;
|
|
189
|
+
display: -webkit-inline-flex;
|
|
190
|
+
display: -ms-inline-flexbox;
|
|
191
|
+
display: inline-flex;
|
|
192
|
+
margin-left: calc(4px/2);
|
|
193
|
+
margin-right: calc(4px/2);
|
|
194
|
+
}
|
|
195
|
+
|
|
132
196
|
@media screen {
|
|
133
|
-
.emotion-
|
|
197
|
+
.emotion-8 {
|
|
134
198
|
display: none;
|
|
135
199
|
}
|
|
136
200
|
}
|
|
137
201
|
|
|
138
202
|
@media screen and (min-width: 480px) {
|
|
139
|
-
.emotion-
|
|
203
|
+
.emotion-8 {
|
|
140
204
|
display: none;
|
|
141
205
|
}
|
|
142
206
|
}
|
|
143
207
|
|
|
144
208
|
@media screen and (min-width: 768px) {
|
|
145
|
-
.emotion-
|
|
209
|
+
.emotion-8 {
|
|
146
210
|
display: block;
|
|
147
211
|
}
|
|
148
212
|
}
|
|
149
213
|
|
|
150
214
|
@media screen and (min-width: 1024px) {
|
|
151
|
-
.emotion-
|
|
215
|
+
.emotion-8 {
|
|
152
216
|
display: block;
|
|
153
217
|
}
|
|
154
218
|
}
|
|
155
219
|
|
|
156
220
|
@media screen and (min-width: 1440px) {
|
|
157
|
-
.emotion-
|
|
221
|
+
.emotion-8 {
|
|
158
222
|
display: block;
|
|
159
223
|
}
|
|
160
224
|
}
|
|
161
225
|
|
|
162
|
-
.emotion-
|
|
226
|
+
.emotion-9 {
|
|
163
227
|
display: inline-block;
|
|
164
228
|
fill: #FFFFFF;
|
|
165
229
|
color: #FFFFFF;
|
|
@@ -167,36 +231,36 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
167
231
|
}
|
|
168
232
|
|
|
169
233
|
@media screen {
|
|
170
|
-
.emotion-
|
|
234
|
+
.emotion-11 {
|
|
171
235
|
display: block;
|
|
172
236
|
}
|
|
173
237
|
}
|
|
174
238
|
|
|
175
239
|
@media screen and (min-width: 480px) {
|
|
176
|
-
.emotion-
|
|
240
|
+
.emotion-11 {
|
|
177
241
|
display: block;
|
|
178
242
|
}
|
|
179
243
|
}
|
|
180
244
|
|
|
181
245
|
@media screen and (min-width: 768px) {
|
|
182
|
-
.emotion-
|
|
246
|
+
.emotion-11 {
|
|
183
247
|
display: none;
|
|
184
248
|
}
|
|
185
249
|
}
|
|
186
250
|
|
|
187
251
|
@media screen and (min-width: 1024px) {
|
|
188
|
-
.emotion-
|
|
252
|
+
.emotion-11 {
|
|
189
253
|
display: none;
|
|
190
254
|
}
|
|
191
255
|
}
|
|
192
256
|
|
|
193
257
|
@media screen and (min-width: 1440px) {
|
|
194
|
-
.emotion-
|
|
258
|
+
.emotion-11 {
|
|
195
259
|
display: none;
|
|
196
260
|
}
|
|
197
261
|
}
|
|
198
262
|
|
|
199
|
-
.emotion-
|
|
263
|
+
.emotion-13 {
|
|
200
264
|
display: -webkit-box;
|
|
201
265
|
display: -webkit-flex;
|
|
202
266
|
display: -ms-flexbox;
|
|
@@ -222,7 +286,7 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
222
286
|
justify-content: flex-end;
|
|
223
287
|
}
|
|
224
288
|
|
|
225
|
-
.emotion-
|
|
289
|
+
.emotion-14 {
|
|
226
290
|
position: fixed;
|
|
227
291
|
overflow: auto;
|
|
228
292
|
width: 100%;
|
|
@@ -235,7 +299,7 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
235
299
|
}
|
|
236
300
|
|
|
237
301
|
@media screen and (min-width: 768px) {
|
|
238
|
-
.emotion-
|
|
302
|
+
.emotion-14 {
|
|
239
303
|
display: block;
|
|
240
304
|
position: relative;
|
|
241
305
|
overflow: auto;
|
|
@@ -248,7 +312,7 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
248
312
|
}
|
|
249
313
|
}
|
|
250
314
|
|
|
251
|
-
.emotion-
|
|
315
|
+
.emotion-15 {
|
|
252
316
|
display: -webkit-box;
|
|
253
317
|
display: -webkit-flex;
|
|
254
318
|
display: -ms-flexbox;
|
|
@@ -270,7 +334,7 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
270
334
|
}
|
|
271
335
|
|
|
272
336
|
@media screen and (min-width: 768px) {
|
|
273
|
-
.emotion-
|
|
337
|
+
.emotion-15 {
|
|
274
338
|
-webkit-box-pack: end;
|
|
275
339
|
-ms-flex-pack: end;
|
|
276
340
|
-webkit-justify-content: flex-end;
|
|
@@ -282,22 +346,69 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
282
346
|
}
|
|
283
347
|
|
|
284
348
|
@media screen and (max-width: 767px) {
|
|
285
|
-
.emotion-
|
|
349
|
+
.emotion-16 {
|
|
286
350
|
margin-right: 0;
|
|
287
351
|
}
|
|
288
352
|
}
|
|
289
353
|
|
|
290
354
|
@media screen and (min-width: 768px) {
|
|
291
|
-
.emotion-
|
|
355
|
+
.emotion-16 {
|
|
292
356
|
margin-right: 24px;
|
|
293
357
|
}
|
|
294
358
|
}
|
|
295
359
|
|
|
296
|
-
.emotion-
|
|
360
|
+
.emotion-18 {
|
|
361
|
+
display: -webkit-box;
|
|
362
|
+
display: -webkit-flex;
|
|
363
|
+
display: -ms-flexbox;
|
|
364
|
+
display: flex;
|
|
365
|
+
height: 100%;
|
|
366
|
+
-webkit-align-items: center;
|
|
367
|
+
-webkit-box-align: center;
|
|
368
|
+
-ms-flex-align: center;
|
|
369
|
+
align-items: center;
|
|
370
|
+
-webkit-flex-direction: row;
|
|
371
|
+
-ms-flex-direction: row;
|
|
372
|
+
flex-direction: row;
|
|
373
|
+
-webkit-box-pack: start;
|
|
374
|
+
-ms-flex-pack: start;
|
|
375
|
+
-webkit-justify-content: flex-start;
|
|
376
|
+
justify-content: flex-start;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.emotion-19 {
|
|
380
|
+
margin: 0;
|
|
381
|
+
padding: 1px 0;
|
|
382
|
+
font-family: "DM Sans",sans-serif;
|
|
383
|
+
font-size: 14px;
|
|
384
|
+
line-height: 1.4285714285714286;
|
|
385
|
+
font-weight: 500;
|
|
386
|
+
letter-spacing: -0.5px;
|
|
387
|
+
display: inline-block;
|
|
388
|
+
display: block;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.emotion-19::before {
|
|
392
|
+
content: '';
|
|
393
|
+
display: block;
|
|
394
|
+
height: 0;
|
|
395
|
+
width: 0;
|
|
396
|
+
margin-bottom: -0.3955357142857143em;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
.emotion-19::after {
|
|
400
|
+
content: '';
|
|
401
|
+
display: block;
|
|
402
|
+
height: 0;
|
|
403
|
+
width: 0;
|
|
404
|
+
margin-top: -0.3955357142857143em;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.emotion-29 {
|
|
297
408
|
margin-right: 24px;
|
|
298
409
|
}
|
|
299
410
|
|
|
300
|
-
.emotion-
|
|
411
|
+
.emotion-30 {
|
|
301
412
|
display: inline-block;
|
|
302
413
|
vertical-align: middle;
|
|
303
414
|
overflow: hidden;
|
|
@@ -309,21 +420,21 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
309
420
|
display: inline-block;
|
|
310
421
|
}
|
|
311
422
|
|
|
312
|
-
.emotion-
|
|
423
|
+
.emotion-30:hover:not(:disabled) {
|
|
313
424
|
color: #FFFFFF;
|
|
314
425
|
-webkit-text-decoration: underline;
|
|
315
426
|
text-decoration: underline;
|
|
316
427
|
fill: #FFFFFF;
|
|
317
428
|
}
|
|
318
429
|
|
|
319
|
-
.emotion-
|
|
430
|
+
.emotion-30:active:not(:disabled) {
|
|
320
431
|
color: #FFFFFF;
|
|
321
432
|
-webkit-text-decoration: underline;
|
|
322
433
|
text-decoration: underline;
|
|
323
434
|
fill: #FFFFFF;
|
|
324
435
|
}
|
|
325
436
|
|
|
326
|
-
.emotion-
|
|
437
|
+
.emotion-30.emotion-30 {
|
|
327
438
|
width: 32px;
|
|
328
439
|
height: 32px;
|
|
329
440
|
color: #FFFFFF;
|
|
@@ -332,14 +443,14 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
332
443
|
fill: #FFFFFF;
|
|
333
444
|
}
|
|
334
445
|
|
|
335
|
-
.emotion-
|
|
446
|
+
.emotion-30.emotion-30:hover:not(:disabled) {
|
|
336
447
|
color: #FFFFFF;
|
|
337
448
|
-webkit-text-decoration: underline;
|
|
338
449
|
text-decoration: underline;
|
|
339
450
|
fill: #FFFFFF;
|
|
340
451
|
}
|
|
341
452
|
|
|
342
|
-
.emotion-
|
|
453
|
+
.emotion-30.emotion-30:active:not(:disabled) {
|
|
343
454
|
color: #FFFFFF;
|
|
344
455
|
-webkit-text-decoration: underline;
|
|
345
456
|
text-decoration: underline;
|
|
@@ -365,114 +476,154 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
365
476
|
>
|
|
366
477
|
<a
|
|
367
478
|
aria-label="Home Page"
|
|
479
|
+
class="emotion-5"
|
|
368
480
|
href="/"
|
|
369
481
|
>
|
|
370
|
-
<
|
|
371
|
-
class="emotion-
|
|
482
|
+
<span
|
|
483
|
+
class="emotion-6"
|
|
372
484
|
>
|
|
373
|
-
<
|
|
374
|
-
class="emotion-
|
|
375
|
-
height="40px"
|
|
376
|
-
viewBox="0 0 244 40"
|
|
485
|
+
<span
|
|
486
|
+
class="emotion-7"
|
|
377
487
|
>
|
|
378
|
-
<
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
488
|
+
<div
|
|
489
|
+
class="emotion-8"
|
|
490
|
+
>
|
|
491
|
+
<svg
|
|
492
|
+
class="emotion-9"
|
|
493
|
+
height="40px"
|
|
494
|
+
viewBox="0 0 244 40"
|
|
495
|
+
>
|
|
496
|
+
<title>
|
|
497
|
+
NewsKit Logo
|
|
498
|
+
</title>
|
|
499
|
+
<path
|
|
500
|
+
d="M86.93 34.078V19.006l12.017 15.462a.63.63 0 0 0 .496.243h5.94a.63.63 0 0 0 .629-.633V6.715a.63.63 0 0 0-.629-.633h-6.553a.63.63 0 0 0-.629.633v14.499L86.671 6.326a.63.63 0 0 0-.496-.244h-6.427a.63.63 0 0 0-.629.633v27.363a.63.63 0 0 0 .629.633h6.553a.63.63 0 0 0 .629-.633zm134.203-20.324c2.389 0 4.325-1.947 4.325-4.35s-1.936-4.35-4.325-4.35-4.325 1.947-4.325 4.35 1.936 4.35 4.325 4.35zM120.484 35.185c4.133 0 7.092-1.617 9.192-4.085.112-.132.196-.514-.023-.696l-3.487-2.897c-.267-.222-.691-.111-.819.004-1.437 1.296-2.778 1.881-4.496 1.881-2.401 0-4.151-1.224-4.761-3.631h13.949c.26 0 .821-.208.821-.638v-.953c0-6.487-3.499-12.077-11.067-12.077-6.51 0-11.108 5.1-11.108 11.546v.082c0 6.813 4.882 11.465 11.799 11.465zm3.299-13.444h-7.706c.407-2.421 1.794-3.954 3.832-3.954 2.121 0 3.588 1.533 3.874 3.954zm20.504 12.53l3.366-10.581c.026-.083.115-.129.198-.102.049.016.087.054.102.103l3.289 10.576a.63.63 0 0 0 .601.444h5.737a.63.63 0 0 0 .601-.447l6.399-20.955c.102-.334-.084-.688-.416-.79-.06-.018-.122-.028-.185-.028h-6.102a.63.63 0 0 0-.607.469l-2.7 10.167c-.023.084-.109.135-.193.112-.052-.014-.094-.054-.11-.107l-3.116-10.276a.63.63 0 0 0-.602-.448h-5.409a.63.63 0 0 0-.601.447l-3.114 10.193c-.026.084-.114.13-.197.105-.052-.016-.092-.058-.106-.111L138.5 12.963a.63.63 0 0 0-.608-.473h-6.184a.63.63 0 0 0-.629.633c0 .062.009.124.027.184l6.323 20.955a.63.63 0 0 0 .602.449h5.657a.63.63 0 0 0 .599-.44zm30.749.914c5.364 0 8.981-2.538 8.981-7.411v-.082c0-3.869-2.798-5.483-6.527-6.663l-.25-.078-.253-.077-.255-.076-.258-.075-.259-.074-.69-.212-.285-.09-.205-.066-.197-.065-.189-.064-.181-.063-.116-.042-.113-.041-.109-.041-.106-.041-.102-.041-.098-.041-.095-.041-.045-.021-.089-.042-.085-.042-.082-.042-.039-.021-.076-.043-.071-.043-.068-.044c-.351-.235-.536-.495-.536-.819v-.082c0-.655.61-1.105 1.788-1.105 1.631 0 3.897.677 6.042 1.831l.116.063.017.006.024.007.029.007a.6.6 0 0 0 .034.006l.038.004c.124.009.29-.019.36-.192l.176-.536.147-.454.26-.816.273-.875.224-.726.421-1.38c.067-.22-.02-.337-.088-.391l-.019-.014-.025-.015c-2.353-1.248-5.173-1.93-7.947-1.93-5.08 0-8.819 2.62-8.819 7.329v.082c0 3.759 2.496 5.387 5.915 6.496l.243.077.246.076.248.074.252.073.254.072.256.071.259.07.13.035.55.157.367.106.277.082.198.061.128.04.185.059.118.039.115.039.111.039.107.039.103.039.051.02.097.04.048.02.092.04.088.04.084.041.081.041c.511.268.776.569.776.983v.082c0 .778-.65 1.187-1.991 1.187-2.157 0-4.714-.772-7.12-2.281l-.116-.074-.025-.015-.029-.015-.032-.015c-.106-.044-.251-.065-.332.079l-1.527 4.645-.051.153c-.103.295.109.504.212.565 2.713 1.602 5.831 2.403 8.979 2.403zm20.475-1.265V27.17a.16.16 0 0 1 .041-.106l2.707-2.996c.059-.065.158-.069.223-.011.009.008.017.018.024.028l6.887 10.19a.63.63 0 0 0 .52.277h7.894a.63.63 0 0 0 .519-.99l-10.382-15.267c-.041-.06-.036-.14.012-.194l9.756-11.126c.23-.262.205-.662-.055-.893-.115-.102-.263-.158-.416-.158h-7.614a.63.63 0 0 0-.479.223l-9.36 11.065c-.056.066-.155.075-.222.018-.035-.03-.055-.074-.055-.12V6.557a.63.63 0 0 0-.629-.633h-6.618a.63.63 0 0 0-.63.633V33.92a.63.63 0 0 0 .63.633h6.618a.63.63 0 0 0 .629-.633zm29.554 0V16.93a.63.63 0 0 0-.629-.633h-6.448a.63.63 0 0 0-.629.633v16.99a.63.63 0 0 0 .629.633h6.448a.63.63 0 0 0 .629-.633zm13.423 1.107c1.945 0 3.625-.433 4.951-1.088l.096-.048.026-.014.028-.017c.117-.074.267-.222.267-.559v-5.177c0-.267-.213-.294-.37-.268l-.035.007-.047.013c-.01.003-.019.006-.027.01l-.012.005c-.785.321-1.597.517-2.437.517-1.423 0-2.115-.654-2.115-2.206v-7.36c0-.087.071-.158.158-.158h4.337a.63.63 0 0 0 .629-.633v-4.946a.63.63 0 0 0-.629-.633h-4.337c-.087 0-.158-.071-.158-.158V7.506a.63.63 0 0 0-.629-.633h-6.428a.63.63 0 0 0-.629.633v4.807c0 .087-.07.158-.157.158h-1.816a.63.63 0 0 0-.629.633v4.946a.63.63 0 0 0 .629.633h1.816c.087 0 .157.071.157.158v8.872c0 5.271 2.725 7.314 7.361 7.314z"
|
|
501
|
+
fill="#fff"
|
|
502
|
+
/>
|
|
503
|
+
<path
|
|
504
|
+
d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
|
|
505
|
+
fill="#aebfff"
|
|
506
|
+
/>
|
|
507
|
+
<path
|
|
508
|
+
d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
|
|
509
|
+
fill="#3358cc"
|
|
510
|
+
/>
|
|
511
|
+
<path
|
|
512
|
+
d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
|
|
513
|
+
fill="#577ffb"
|
|
514
|
+
/>
|
|
515
|
+
</svg>
|
|
516
|
+
</div>
|
|
517
|
+
</span>
|
|
518
|
+
<span
|
|
519
|
+
class="emotion-7"
|
|
406
520
|
>
|
|
407
|
-
<
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
521
|
+
<div
|
|
522
|
+
class="emotion-11"
|
|
523
|
+
>
|
|
524
|
+
<svg
|
|
525
|
+
class="emotion-9"
|
|
526
|
+
height="40px"
|
|
527
|
+
viewBox="0 0 244 40"
|
|
528
|
+
>
|
|
529
|
+
<title>
|
|
530
|
+
NewsKit Logo
|
|
531
|
+
</title>
|
|
532
|
+
<path
|
|
533
|
+
d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
|
|
534
|
+
fill="#aebfff"
|
|
535
|
+
/>
|
|
536
|
+
<path
|
|
537
|
+
d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
|
|
538
|
+
fill="#3358cc"
|
|
539
|
+
/>
|
|
540
|
+
<path
|
|
541
|
+
d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
|
|
542
|
+
fill="#577ffb"
|
|
543
|
+
/>
|
|
544
|
+
</svg>
|
|
545
|
+
</div>
|
|
546
|
+
</span>
|
|
547
|
+
</span>
|
|
424
548
|
</a>
|
|
425
549
|
<div
|
|
426
|
-
class="emotion-
|
|
550
|
+
class="emotion-13"
|
|
427
551
|
>
|
|
428
552
|
<div
|
|
429
|
-
class="emotion-
|
|
553
|
+
class="emotion-14"
|
|
430
554
|
>
|
|
431
555
|
<div
|
|
432
|
-
class="emotion-
|
|
556
|
+
class="emotion-15"
|
|
433
557
|
>
|
|
434
558
|
<span
|
|
435
|
-
class="emotion-
|
|
559
|
+
class="emotion-16"
|
|
436
560
|
>
|
|
437
561
|
<a
|
|
438
562
|
aria-label="Section One Link"
|
|
563
|
+
class="emotion-5"
|
|
439
564
|
href="/section-one"
|
|
440
565
|
>
|
|
441
|
-
|
|
566
|
+
<span
|
|
567
|
+
class="emotion-18"
|
|
568
|
+
>
|
|
569
|
+
<span
|
|
570
|
+
class="emotion-19"
|
|
571
|
+
>
|
|
572
|
+
Section One
|
|
573
|
+
</span>
|
|
574
|
+
</span>
|
|
442
575
|
</a>
|
|
443
576
|
</span>
|
|
444
577
|
<span
|
|
445
|
-
class="emotion-
|
|
578
|
+
class="emotion-16"
|
|
446
579
|
>
|
|
447
580
|
<a
|
|
448
581
|
aria-label="Section Two Link"
|
|
582
|
+
class="emotion-5"
|
|
449
583
|
href="/section-two"
|
|
450
584
|
>
|
|
451
|
-
|
|
585
|
+
<span
|
|
586
|
+
class="emotion-18"
|
|
587
|
+
>
|
|
588
|
+
<span
|
|
589
|
+
class="emotion-19"
|
|
590
|
+
>
|
|
591
|
+
Section Two
|
|
592
|
+
</span>
|
|
593
|
+
</span>
|
|
452
594
|
</a>
|
|
453
595
|
</span>
|
|
454
596
|
<span
|
|
455
|
-
class="emotion-
|
|
597
|
+
class="emotion-16"
|
|
456
598
|
>
|
|
457
599
|
<a
|
|
458
600
|
aria-label="Section Three Link"
|
|
601
|
+
class="emotion-5"
|
|
459
602
|
href="/section-three"
|
|
460
603
|
>
|
|
461
|
-
|
|
604
|
+
<span
|
|
605
|
+
class="emotion-18"
|
|
606
|
+
>
|
|
607
|
+
<span
|
|
608
|
+
class="emotion-19"
|
|
609
|
+
>
|
|
610
|
+
Section Three
|
|
611
|
+
</span>
|
|
612
|
+
</span>
|
|
462
613
|
</a>
|
|
463
614
|
</span>
|
|
464
615
|
</div>
|
|
465
616
|
</div>
|
|
466
617
|
<div
|
|
467
|
-
class="emotion-
|
|
618
|
+
class="emotion-11"
|
|
468
619
|
>
|
|
469
620
|
<div
|
|
470
|
-
class="emotion-
|
|
621
|
+
class="emotion-29"
|
|
471
622
|
>
|
|
472
623
|
<svg
|
|
473
624
|
aria-hidden="true"
|
|
474
625
|
aria-label="Mobile Menu Button"
|
|
475
|
-
class="emotion-
|
|
626
|
+
class="emotion-30 emotion-31"
|
|
476
627
|
data-testid="mobile-menu-btn"
|
|
477
628
|
fill="currentColor"
|
|
478
629
|
focusable="false"
|
|
@@ -4349,7 +4500,88 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4349
4500
|
}
|
|
4350
4501
|
}
|
|
4351
4502
|
|
|
4352
|
-
.emotion-
|
|
4503
|
+
.emotion-10 {
|
|
4504
|
+
display: inline-block;
|
|
4505
|
+
transition-property: color;
|
|
4506
|
+
transition-duration: 200ms;
|
|
4507
|
+
transition-timing-function: cubic-bezier(0, 0, .5, 1);
|
|
4508
|
+
color: #FFFFFF;
|
|
4509
|
+
-webkit-text-decoration: none;
|
|
4510
|
+
text-decoration: none;
|
|
4511
|
+
}
|
|
4512
|
+
|
|
4513
|
+
.emotion-10 svg {
|
|
4514
|
+
fill: #FFFFFF;
|
|
4515
|
+
}
|
|
4516
|
+
|
|
4517
|
+
.emotion-10:hover:not(:disabled) {
|
|
4518
|
+
color: #FFFFFF;
|
|
4519
|
+
-webkit-text-decoration: underline;
|
|
4520
|
+
text-decoration: underline;
|
|
4521
|
+
}
|
|
4522
|
+
|
|
4523
|
+
.emotion-10:hover:not(:disabled) svg {
|
|
4524
|
+
fill: #FFFFFF;
|
|
4525
|
+
}
|
|
4526
|
+
|
|
4527
|
+
.emotion-10:active:not(:disabled) {
|
|
4528
|
+
color: #FFFFFF;
|
|
4529
|
+
-webkit-text-decoration: underline;
|
|
4530
|
+
text-decoration: underline;
|
|
4531
|
+
}
|
|
4532
|
+
|
|
4533
|
+
.emotion-10:active:not(:disabled) svg {
|
|
4534
|
+
fill: #FFFFFF;
|
|
4535
|
+
}
|
|
4536
|
+
|
|
4537
|
+
.emotion-11 {
|
|
4538
|
+
display: -webkit-box;
|
|
4539
|
+
display: -webkit-flex;
|
|
4540
|
+
display: -ms-flexbox;
|
|
4541
|
+
display: flex;
|
|
4542
|
+
height: 100%;
|
|
4543
|
+
-webkit-align-items: center;
|
|
4544
|
+
-webkit-box-align: center;
|
|
4545
|
+
-ms-flex-align: center;
|
|
4546
|
+
align-items: center;
|
|
4547
|
+
-webkit-flex-direction: row;
|
|
4548
|
+
-ms-flex-direction: row;
|
|
4549
|
+
flex-direction: row;
|
|
4550
|
+
-webkit-box-pack: start;
|
|
4551
|
+
-ms-flex-pack: start;
|
|
4552
|
+
-webkit-justify-content: flex-start;
|
|
4553
|
+
justify-content: flex-start;
|
|
4554
|
+
}
|
|
4555
|
+
|
|
4556
|
+
.emotion-12 {
|
|
4557
|
+
margin: 0;
|
|
4558
|
+
padding: 1px 0;
|
|
4559
|
+
font-family: "DM Sans",sans-serif;
|
|
4560
|
+
font-size: 14px;
|
|
4561
|
+
line-height: 1.4285714285714286;
|
|
4562
|
+
font-weight: 500;
|
|
4563
|
+
letter-spacing: -0.5px;
|
|
4564
|
+
display: inline-block;
|
|
4565
|
+
display: block;
|
|
4566
|
+
}
|
|
4567
|
+
|
|
4568
|
+
.emotion-12::before {
|
|
4569
|
+
content: '';
|
|
4570
|
+
display: block;
|
|
4571
|
+
height: 0;
|
|
4572
|
+
width: 0;
|
|
4573
|
+
margin-bottom: -0.3955357142857143em;
|
|
4574
|
+
}
|
|
4575
|
+
|
|
4576
|
+
.emotion-12::after {
|
|
4577
|
+
content: '';
|
|
4578
|
+
display: block;
|
|
4579
|
+
height: 0;
|
|
4580
|
+
width: 0;
|
|
4581
|
+
margin-top: -0.3955357142857143em;
|
|
4582
|
+
}
|
|
4583
|
+
|
|
4584
|
+
.emotion-35 {
|
|
4353
4585
|
margin: 0;
|
|
4354
4586
|
color: #535353;
|
|
4355
4587
|
font-family: "DM Sans",sans-serif;
|
|
@@ -4359,7 +4591,7 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4359
4591
|
letter-spacing: -0.5px;
|
|
4360
4592
|
}
|
|
4361
4593
|
|
|
4362
|
-
.emotion-
|
|
4594
|
+
.emotion-35 svg {
|
|
4363
4595
|
fill: #535353;
|
|
4364
4596
|
}
|
|
4365
4597
|
|
|
@@ -4419,9 +4651,18 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4419
4651
|
>
|
|
4420
4652
|
<a
|
|
4421
4653
|
aria-label="NavLink One"
|
|
4654
|
+
class="emotion-10"
|
|
4422
4655
|
href="/link-one"
|
|
4423
4656
|
>
|
|
4424
|
-
|
|
4657
|
+
<span
|
|
4658
|
+
class="emotion-11"
|
|
4659
|
+
>
|
|
4660
|
+
<span
|
|
4661
|
+
class="emotion-12"
|
|
4662
|
+
>
|
|
4663
|
+
NavLink One
|
|
4664
|
+
</span>
|
|
4665
|
+
</span>
|
|
4425
4666
|
</a>
|
|
4426
4667
|
</span>
|
|
4427
4668
|
<span
|
|
@@ -4429,9 +4670,18 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4429
4670
|
>
|
|
4430
4671
|
<a
|
|
4431
4672
|
aria-label="NavLink Two"
|
|
4673
|
+
class="emotion-10"
|
|
4432
4674
|
href="/link-two"
|
|
4433
4675
|
>
|
|
4434
|
-
|
|
4676
|
+
<span
|
|
4677
|
+
class="emotion-11"
|
|
4678
|
+
>
|
|
4679
|
+
<span
|
|
4680
|
+
class="emotion-12"
|
|
4681
|
+
>
|
|
4682
|
+
NavLink Two
|
|
4683
|
+
</span>
|
|
4684
|
+
</span>
|
|
4435
4685
|
</a>
|
|
4436
4686
|
</span>
|
|
4437
4687
|
<span
|
|
@@ -4439,9 +4689,18 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4439
4689
|
>
|
|
4440
4690
|
<a
|
|
4441
4691
|
aria-label="NavLink Three"
|
|
4692
|
+
class="emotion-10"
|
|
4442
4693
|
href="/link-three"
|
|
4443
4694
|
>
|
|
4444
|
-
|
|
4695
|
+
<span
|
|
4696
|
+
class="emotion-11"
|
|
4697
|
+
>
|
|
4698
|
+
<span
|
|
4699
|
+
class="emotion-12"
|
|
4700
|
+
>
|
|
4701
|
+
NavLink Three
|
|
4702
|
+
</span>
|
|
4703
|
+
</span>
|
|
4445
4704
|
</a>
|
|
4446
4705
|
</span>
|
|
4447
4706
|
<span
|
|
@@ -4449,9 +4708,18 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4449
4708
|
>
|
|
4450
4709
|
<a
|
|
4451
4710
|
aria-label="NavLink Four"
|
|
4711
|
+
class="emotion-10"
|
|
4452
4712
|
href="/link-four"
|
|
4453
4713
|
>
|
|
4454
|
-
|
|
4714
|
+
<span
|
|
4715
|
+
class="emotion-11"
|
|
4716
|
+
>
|
|
4717
|
+
<span
|
|
4718
|
+
class="emotion-12"
|
|
4719
|
+
>
|
|
4720
|
+
NavLink Four
|
|
4721
|
+
</span>
|
|
4722
|
+
</span>
|
|
4455
4723
|
</a>
|
|
4456
4724
|
</span>
|
|
4457
4725
|
<span
|
|
@@ -4459,9 +4727,18 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4459
4727
|
>
|
|
4460
4728
|
<a
|
|
4461
4729
|
aria-label="NavLink Five"
|
|
4730
|
+
class="emotion-10"
|
|
4462
4731
|
href="/link-five"
|
|
4463
4732
|
>
|
|
4464
|
-
|
|
4733
|
+
<span
|
|
4734
|
+
class="emotion-11"
|
|
4735
|
+
>
|
|
4736
|
+
<span
|
|
4737
|
+
class="emotion-12"
|
|
4738
|
+
>
|
|
4739
|
+
NavLink Five
|
|
4740
|
+
</span>
|
|
4741
|
+
</span>
|
|
4465
4742
|
</a>
|
|
4466
4743
|
</span>
|
|
4467
4744
|
<span
|
|
@@ -4469,9 +4746,18 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4469
4746
|
>
|
|
4470
4747
|
<a
|
|
4471
4748
|
aria-label="NavLink Six"
|
|
4749
|
+
class="emotion-10"
|
|
4472
4750
|
href="/link-six"
|
|
4473
4751
|
>
|
|
4474
|
-
|
|
4752
|
+
<span
|
|
4753
|
+
class="emotion-11"
|
|
4754
|
+
>
|
|
4755
|
+
<span
|
|
4756
|
+
class="emotion-12"
|
|
4757
|
+
>
|
|
4758
|
+
NavLink Six
|
|
4759
|
+
</span>
|
|
4760
|
+
</span>
|
|
4475
4761
|
</a>
|
|
4476
4762
|
</span>
|
|
4477
4763
|
</div>
|
|
@@ -4485,7 +4771,7 @@ exports[`Article should render tile and sub title 1`] = `
|
|
|
4485
4771
|
/>
|
|
4486
4772
|
</div>
|
|
4487
4773
|
<p
|
|
4488
|
-
class="emotion-
|
|
4774
|
+
class="emotion-35"
|
|
4489
4775
|
>
|
|
4490
4776
|
Copyright © 2020 News Corp. All rights reserved.
|
|
4491
4777
|
</p>
|