@financial-times/n-conversion-forms 41.3.1 → 42.0.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 (113) hide show
  1. package/.storybook/preview-body.html +3 -0
  2. package/.storybook/preview.js +2 -2
  3. package/.toolkitstate/ci.json +3 -3
  4. package/.toolkitstate/install.json +1 -1
  5. package/components/__snapshots__/accept-terms.spec.js.snap +107 -150
  6. package/components/__snapshots__/b2c-partnership-confirmation.spec.js.snap +36 -72
  7. package/components/__snapshots__/confirmation.spec.js.snap +71 -127
  8. package/components/__snapshots__/continue-reading.spec.js.snap +3 -3
  9. package/components/__snapshots__/customer-care.spec.js.snap +16 -24
  10. package/components/__snapshots__/debug.spec.js.snap +13 -7
  11. package/components/__snapshots__/deferred-billing-terms.spec.js.snap +12 -18
  12. package/components/__snapshots__/error-page.spec.js.snap +12 -18
  13. package/components/__snapshots__/fieldset.spec.js.snap +1 -1
  14. package/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap +5 -5
  15. package/components/__snapshots__/graduation-date.spec.js.snap +4 -6
  16. package/components/__snapshots__/industry.spec.js.snap +8 -706
  17. package/components/__snapshots__/licence-confirmation.spec.js.snap +17 -28
  18. package/components/__snapshots__/licence-header.spec.js.snap +1 -1
  19. package/components/__snapshots__/licence-sign-in.spec.js.snap +1 -1
  20. package/components/__snapshots__/loader.spec.js.snap +1 -1
  21. package/components/__snapshots__/package-change.spec.js.snap +16 -11
  22. package/components/__snapshots__/payment-term.spec.js.snap +40 -60
  23. package/components/__snapshots__/position.spec.js.snap +8 -262
  24. package/components/__snapshots__/registration-confirmation.spec.js.snap +9 -7
  25. package/components/__snapshots__/responsibility.spec.js.snap +8 -442
  26. package/components/__snapshots__/submit.spec.js.snap +6 -6
  27. package/components/accept-terms-business.jsx +2 -3
  28. package/components/accept-terms-business.spec.jsx +3 -1
  29. package/components/accept-terms-privacy-policy.jsx +2 -5
  30. package/components/accept-terms-privacy-policy.spec.js +1 -1
  31. package/components/accept-terms-subscription.jsx +7 -12
  32. package/components/accept-terms-subscription.spec.js +1 -1
  33. package/components/accept-terms.jsx +12 -20
  34. package/components/b2c-partnership-confirmation.jsx +3 -5
  35. package/components/confirmation.jsx +5 -9
  36. package/components/confirmation.stories.js +4 -6
  37. package/components/continue-reading.jsx +1 -1
  38. package/components/customer-care.jsx +4 -4
  39. package/components/debug.jsx +12 -12
  40. package/components/deferred-billing-terms.jsx +3 -6
  41. package/components/error-page.jsx +4 -4
  42. package/components/fieldset.jsx +1 -1
  43. package/components/ft-edit-registration-confirmation.jsx +2 -2
  44. package/components/graduation-date.jsx +2 -4
  45. package/components/index.js +0 -1
  46. package/components/industry.jsx +1 -3
  47. package/components/industry.spec.js +7 -2
  48. package/components/licence-confirmation.jsx +2 -3
  49. package/components/licence-confirmation.stories.js +1 -1
  50. package/components/licence-sign-in.jsx +1 -1
  51. package/components/loader.jsx +4 -1
  52. package/components/package-change.jsx +4 -5
  53. package/components/payment-term.jsx +3 -5
  54. package/components/position.jsx +1 -2
  55. package/components/position.spec.js +7 -2
  56. package/components/proceed-with-payment-link.jsx +8 -2
  57. package/components/proceed-with-payment-link.stories.js +1 -1
  58. package/components/registration-confirmation.jsx +5 -3
  59. package/components/responsibility.jsx +1 -2
  60. package/components/responsibility.spec.js +7 -2
  61. package/components/submit.jsx +1 -1
  62. package/components/subscription-confirmation-with-payment-link.jsx +1 -1
  63. package/dist/accept-terms-business.jsx +2 -3
  64. package/dist/accept-terms-business.spec.jsx +1 -1
  65. package/dist/accept-terms-privacy-policy.jsx +2 -5
  66. package/dist/accept-terms-subscription.jsx +7 -12
  67. package/dist/accept-terms.jsx +10 -20
  68. package/dist/b2c-partnership-confirmation.jsx +5 -7
  69. package/dist/confirmation.jsx +4 -7
  70. package/dist/continue-reading.jsx +1 -1
  71. package/dist/customer-care.jsx +3 -4
  72. package/dist/debug.jsx +6 -6
  73. package/dist/deferred-billing-terms.jsx +3 -6
  74. package/dist/error-page.jsx +3 -4
  75. package/dist/fieldset.jsx +1 -1
  76. package/dist/ft-edit-registration-confirmation.jsx +2 -2
  77. package/dist/graduation-date.jsx +6 -4
  78. package/dist/index.js +0 -7
  79. package/dist/industry.jsx +1 -3
  80. package/dist/licence-confirmation.jsx +3 -4
  81. package/dist/licence-sign-in.jsx +1 -1
  82. package/dist/loader.jsx +1 -1
  83. package/dist/package-change.jsx +5 -4
  84. package/dist/payment-term.jsx +6 -4
  85. package/dist/position.jsx +1 -2
  86. package/dist/proceed-with-payment-link.jsx +2 -2
  87. package/dist/registration-confirmation.jsx +7 -5
  88. package/dist/responsibility.jsx +1 -2
  89. package/dist/submit.jsx +1 -1
  90. package/dist/subscription-confirmation-with-payment-link.jsx +1 -1
  91. package/main.scss +132 -167
  92. package/package.json +3 -6
  93. package/styles/_shared.scss +125 -100
  94. package/styles/accept-terms.scss +6 -5
  95. package/styles/banner.scss +66 -60
  96. package/styles/confirmation.scss +50 -55
  97. package/styles/continue-reading.scss +56 -39
  98. package/styles/error.scss +1 -1
  99. package/styles/forms-additional-field-information.scss +8 -4
  100. package/styles/ft-edit-registration-confirmation.scss +228 -224
  101. package/styles/loader.scss +40 -45
  102. package/styles/package-change.scss +1 -4
  103. package/styles/payment-term.scss +108 -89
  104. package/styles/payment-type.scss +117 -112
  105. package/styles/proceed-with-payment-link.scss +32 -18
  106. package/styles/subscription-confirmation-with-payment-link.scss +64 -24
  107. package/components/__snapshots__/google-sign-in.spec.js.snap +0 -13
  108. package/components/google-sign-in.jsx +0 -21
  109. package/components/google-sign-in.spec.js +0 -14
  110. package/components/google-sign-in.stories.js +0 -13
  111. package/dist/google-sign-in.jsx +0 -24
  112. package/helpers/demographics.js +0 -606
  113. package/styles/google-sign-in.scss +0 -26
package/components/__snapshots__/confirmation.spec.js.snap CHANGED
@@ -21,10 +21,9 @@ exports[`Confirmation renders appropriately if is 'Termed' subscription term typ
21
21
  <h3 class="ncf__header">
22
22
  Something not right?
23
23
  </h3>
24
- <p class="ncf__paragraph">
24
+ <p class="ncf__paragraph o3-type-body-base">
25
25
  Go to your
26
- <a class="ncf__link ncf__link--external"
27
- href="https://www.ft.com/myaccount/personal-details"
26
+ <a href="https://www.ft.com/myaccount/personal-details"
28
27
  target="_blank"
29
28
  rel="noopener noreferrer"
30
29
  data-trackable="yourAccount"
@@ -32,18 +31,15 @@ exports[`Confirmation renders appropriately if is 'Termed' subscription term typ
32
31
  account settings
33
32
  </a>
34
33
  to view or edit your account. If you need to get in touch call us on
35
- <a href="tel:+442077556248"
36
- class="ncf__link ncf__link--external"
37
- >
34
+ <a href="tel:+442077556248">
38
35
  +44 (0) 207 755 6248
39
36
  </a>
40
37
  . Or contact us for additional support.
41
38
  </p>
42
39
  </div>
43
- <p class="ncf__paragraph">
40
+ <p class="ncf__paragraph o3-type-body-base">
44
41
  See our
45
- <a class="ncf__link ncf__link--external"
46
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
42
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
47
43
  target="_top"
48
44
  rel="noopener"
49
45
  >
@@ -75,10 +71,9 @@ exports[`Confirmation renders appropriately if is B2C Partnership 1`] = `
75
71
  <h3 class="ncf__header">
76
72
  Something not right?
77
73
  </h3>
78
- <p class="ncf__paragraph">
74
+ <p class="ncf__paragraph o3-type-body-base">
79
75
  Go to your
80
- <a class="ncf__link ncf__link--external"
81
- href="https://www.ft.com/myaccount/personal-details"
76
+ <a href="https://www.ft.com/myaccount/personal-details"
82
77
  target="_blank"
83
78
  rel="noopener noreferrer"
84
79
  data-trackable="yourAccount"
@@ -86,18 +81,15 @@ exports[`Confirmation renders appropriately if is B2C Partnership 1`] = `
86
81
  account settings
87
82
  </a>
88
83
  to view or edit your account. If you need to get in touch call us on
89
- <a href="tel:+442077556248"
90
- class="ncf__link ncf__link--external"
91
- >
84
+ <a href="tel:+442077556248">
92
85
  +44 (0) 207 755 6248
93
86
  </a>
94
87
  . Or contact us for additional support.
95
88
  </p>
96
89
  </div>
97
- <p class="ncf__paragraph">
90
+ <p class="ncf__paragraph o3-type-body-base">
98
91
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
99
- <a class="ncf__link ncf__link--external"
100
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
92
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
101
93
  target="_top"
102
94
  rel="noopener"
103
95
  >
@@ -132,10 +124,9 @@ exports[`Confirmation renders appropriately if is trial 1`] = `
132
124
  <h3 class="ncf__header">
133
125
  Something not right?
134
126
  </h3>
135
- <p class="ncf__paragraph">
127
+ <p class="ncf__paragraph o3-type-body-base">
136
128
  Go to your
137
- <a class="ncf__link ncf__link--external"
138
- href="https://www.ft.com/myaccount/personal-details"
129
+ <a href="https://www.ft.com/myaccount/personal-details"
139
130
  target="_blank"
140
131
  rel="noopener noreferrer"
141
132
  data-trackable="yourAccount"
@@ -143,18 +134,15 @@ exports[`Confirmation renders appropriately if is trial 1`] = `
143
134
  account settings
144
135
  </a>
145
136
  to view or edit your account. If you need to get in touch call us on
146
- <a href="tel:+442077556248"
147
- class="ncf__link ncf__link--external"
148
- >
137
+ <a href="tel:+442077556248">
149
138
  +44 (0) 207 755 6248
150
139
  </a>
151
140
  . Or contact us for additional support.
152
141
  </p>
153
142
  </div>
154
- <p class="ncf__paragraph">
143
+ <p class="ncf__paragraph o3-type-body-base">
155
144
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
156
- <a class="ncf__link ncf__link--external"
157
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
145
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
158
146
  target="_top"
159
147
  rel="noopener"
160
148
  >
@@ -187,10 +175,9 @@ exports[`Confirmation renders appropriately if newsletterScheduleExplainer is no
187
175
  <h3 class="ncf__header">
188
176
  Something not right?
189
177
  </h3>
190
- <p class="ncf__paragraph">
178
+ <p class="ncf__paragraph o3-type-body-base">
191
179
  Go to your
192
- <a class="ncf__link ncf__link--external"
193
- href="https://www.ft.com/myaccount/personal-details"
180
+ <a href="https://www.ft.com/myaccount/personal-details"
194
181
  target="_blank"
195
182
  rel="noopener noreferrer"
196
183
  data-trackable="yourAccount"
@@ -198,18 +185,15 @@ exports[`Confirmation renders appropriately if newsletterScheduleExplainer is no
198
185
  account settings
199
186
  </a>
200
187
  to view or edit your account. If you need to get in touch call us on
201
- <a href="tel:+442077556248"
202
- class="ncf__link ncf__link--external"
203
- >
188
+ <a href="tel:+442077556248">
204
189
  +44 (0) 207 755 6248
205
190
  </a>
206
191
  . Or contact us for additional support.
207
192
  </p>
208
193
  </div>
209
- <p class="ncf__paragraph">
194
+ <p class="ncf__paragraph o3-type-body-base">
210
195
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
211
- <a class="ncf__link ncf__link--external"
212
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
196
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
213
197
  target="_top"
214
198
  rel="noopener"
215
199
  >
@@ -243,10 +227,9 @@ exports[`Confirmation renders appropriately if newsletterScheduleExplainer is su
243
227
  <h3 class="ncf__header">
244
228
  Something not right?
245
229
  </h3>
246
- <p class="ncf__paragraph">
230
+ <p class="ncf__paragraph o3-type-body-base">
247
231
  Go to your
248
- <a class="ncf__link ncf__link--external"
249
- href="https://www.ft.com/myaccount/personal-details"
232
+ <a href="https://www.ft.com/myaccount/personal-details"
250
233
  target="_blank"
251
234
  rel="noopener noreferrer"
252
235
  data-trackable="yourAccount"
@@ -254,18 +237,15 @@ exports[`Confirmation renders appropriately if newsletterScheduleExplainer is su
254
237
  account settings
255
238
  </a>
256
239
  to view or edit your account. If you need to get in touch call us on
257
- <a href="tel:+442077556248"
258
- class="ncf__link ncf__link--external"
259
- >
240
+ <a href="tel:+442077556248">
260
241
  +44 (0) 207 755 6248
261
242
  </a>
262
243
  . Or contact us for additional support.
263
244
  </p>
264
245
  </div>
265
- <p class="ncf__paragraph">
246
+ <p class="ncf__paragraph o3-type-body-base">
266
247
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
267
- <a class="ncf__link ncf__link--external"
268
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
248
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
269
249
  target="_top"
270
250
  rel="noopener"
271
251
  >
@@ -298,10 +278,9 @@ exports[`Confirmation renders appropriately if nextActionBottom is not supplied
298
278
  <h3 class="ncf__header">
299
279
  Something not right?
300
280
  </h3>
301
- <p class="ncf__paragraph">
281
+ <p class="ncf__paragraph o3-type-body-base">
302
282
  Go to your
303
- <a class="ncf__link ncf__link--external"
304
- href="https://www.ft.com/myaccount/personal-details"
283
+ <a href="https://www.ft.com/myaccount/personal-details"
305
284
  target="_blank"
306
285
  rel="noopener noreferrer"
307
286
  data-trackable="yourAccount"
@@ -309,18 +288,15 @@ exports[`Confirmation renders appropriately if nextActionBottom is not supplied
309
288
  account settings
310
289
  </a>
311
290
  to view or edit your account. If you need to get in touch call us on
312
- <a href="tel:+442077556248"
313
- class="ncf__link ncf__link--external"
314
- >
291
+ <a href="tel:+442077556248">
315
292
  +44 (0) 207 755 6248
316
293
  </a>
317
294
  . Or contact us for additional support.
318
295
  </p>
319
296
  </div>
320
- <p class="ncf__paragraph">
297
+ <p class="ncf__paragraph o3-type-body-base">
321
298
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
322
- <a class="ncf__link ncf__link--external"
323
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
299
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
324
300
  target="_top"
325
301
  rel="noopener"
326
302
  >
@@ -353,10 +329,9 @@ exports[`Confirmation renders appropriately if nextActionBottom is supplied 1`]
353
329
  <h3 class="ncf__header">
354
330
  Something not right?
355
331
  </h3>
356
- <p class="ncf__paragraph">
332
+ <p class="ncf__paragraph o3-type-body-base">
357
333
  Go to your
358
- <a class="ncf__link ncf__link--external"
359
- href="https://www.ft.com/myaccount/personal-details"
334
+ <a href="https://www.ft.com/myaccount/personal-details"
360
335
  target="_blank"
361
336
  rel="noopener noreferrer"
362
337
  data-trackable="yourAccount"
@@ -364,18 +339,15 @@ exports[`Confirmation renders appropriately if nextActionBottom is supplied 1`]
364
339
  account settings
365
340
  </a>
366
341
  to view or edit your account. If you need to get in touch call us on
367
- <a href="tel:+442077556248"
368
- class="ncf__link ncf__link--external"
369
- >
342
+ <a href="tel:+442077556248">
370
343
  +44 (0) 207 755 6248
371
344
  </a>
372
345
  . Or contact us for additional support.
373
346
  </p>
374
347
  </div>
375
- <p class="ncf__paragraph">
348
+ <p class="ncf__paragraph o3-type-body-base">
376
349
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
377
- <a class="ncf__link ncf__link--external"
378
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
350
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
379
351
  target="_top"
380
352
  rel="noopener"
381
353
  >
@@ -409,10 +381,9 @@ exports[`Confirmation renders appropriately if nextActionTop is not supplied 1`]
409
381
  <h3 class="ncf__header">
410
382
  Something not right?
411
383
  </h3>
412
- <p class="ncf__paragraph">
384
+ <p class="ncf__paragraph o3-type-body-base">
413
385
  Go to your
414
- <a class="ncf__link ncf__link--external"
415
- href="https://www.ft.com/myaccount/personal-details"
386
+ <a href="https://www.ft.com/myaccount/personal-details"
416
387
  target="_blank"
417
388
  rel="noopener noreferrer"
418
389
  data-trackable="yourAccount"
@@ -420,18 +391,15 @@ exports[`Confirmation renders appropriately if nextActionTop is not supplied 1`]
420
391
  account settings
421
392
  </a>
422
393
  to view or edit your account. If you need to get in touch call us on
423
- <a href="tel:+442077556248"
424
- class="ncf__link ncf__link--external"
425
- >
394
+ <a href="tel:+442077556248">
426
395
  +44 (0) 207 755 6248
427
396
  </a>
428
397
  . Or contact us for additional support.
429
398
  </p>
430
399
  </div>
431
- <p class="ncf__paragraph">
400
+ <p class="ncf__paragraph o3-type-body-base">
432
401
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
433
- <a class="ncf__link ncf__link--external"
434
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
402
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
435
403
  target="_top"
436
404
  rel="noopener"
437
405
  >
@@ -465,10 +433,9 @@ exports[`Confirmation renders appropriately if nextActionTop is supplied 1`] = `
465
433
  <h3 class="ncf__header">
466
434
  Something not right?
467
435
  </h3>
468
- <p class="ncf__paragraph">
436
+ <p class="ncf__paragraph o3-type-body-base">
469
437
  Go to your
470
- <a class="ncf__link ncf__link--external"
471
- href="https://www.ft.com/myaccount/personal-details"
438
+ <a href="https://www.ft.com/myaccount/personal-details"
472
439
  target="_blank"
473
440
  rel="noopener noreferrer"
474
441
  data-trackable="yourAccount"
@@ -476,18 +443,15 @@ exports[`Confirmation renders appropriately if nextActionTop is supplied 1`] = `
476
443
  account settings
477
444
  </a>
478
445
  to view or edit your account. If you need to get in touch call us on
479
- <a href="tel:+442077556248"
480
- class="ncf__link ncf__link--external"
481
- >
446
+ <a href="tel:+442077556248">
482
447
  +44 (0) 207 755 6248
483
448
  </a>
484
449
  . Or contact us for additional support.
485
450
  </p>
486
451
  </div>
487
- <p class="ncf__paragraph">
452
+ <p class="ncf__paragraph o3-type-body-base">
488
453
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
489
- <a class="ncf__link ncf__link--external"
490
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
454
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
491
455
  target="_top"
492
456
  rel="noopener"
493
457
  >
@@ -534,10 +498,9 @@ exports[`Confirmation renders with complete details 1`] = `
534
498
  <h3 class="ncf__header">
535
499
  Something not right?
536
500
  </h3>
537
- <p class="ncf__paragraph">
501
+ <p class="ncf__paragraph o3-type-body-base">
538
502
  Go to your
539
- <a class="ncf__link ncf__link--external"
540
- href="https://www.ft.com/myaccount/personal-details"
503
+ <a href="https://www.ft.com/myaccount/personal-details"
541
504
  target="_blank"
542
505
  rel="noopener noreferrer"
543
506
  data-trackable="yourAccount"
@@ -545,18 +508,15 @@ exports[`Confirmation renders with complete details 1`] = `
545
508
  account settings
546
509
  </a>
547
510
  to view or edit your account. If you need to get in touch call us on
548
- <a href="tel:+442077556248"
549
- class="ncf__link ncf__link--external"
550
- >
511
+ <a href="tel:+442077556248">
551
512
  +44 (0) 207 755 6248
552
513
  </a>
553
514
  . Or contact us for additional support.
554
515
  </p>
555
516
  </div>
556
- <p class="ncf__paragraph">
517
+ <p class="ncf__paragraph o3-type-body-base">
557
518
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
558
- <a class="ncf__link ncf__link--external"
559
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
519
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
560
520
  target="_top"
561
521
  rel="noopener"
562
522
  >
@@ -589,10 +549,9 @@ exports[`Confirmation renders with custom email 1`] = `
589
549
  <h3 class="ncf__header">
590
550
  Something not right?
591
551
  </h3>
592
- <p class="ncf__paragraph">
552
+ <p class="ncf__paragraph o3-type-body-base">
593
553
  Go to your
594
- <a class="ncf__link ncf__link--external"
595
- href="https://www.ft.com/myaccount/personal-details"
554
+ <a href="https://www.ft.com/myaccount/personal-details"
596
555
  target="_blank"
597
556
  rel="noopener noreferrer"
598
557
  data-trackable="yourAccount"
@@ -600,18 +559,15 @@ exports[`Confirmation renders with custom email 1`] = `
600
559
  account settings
601
560
  </a>
602
561
  to view or edit your account. If you need to get in touch call us on
603
- <a href="tel:+442077556248"
604
- class="ncf__link ncf__link--external"
605
- >
562
+ <a href="tel:+442077556248">
606
563
  +44 (0) 207 755 6248
607
564
  </a>
608
565
  . Or contact us for additional support.
609
566
  </p>
610
567
  </div>
611
- <p class="ncf__paragraph">
568
+ <p class="ncf__paragraph o3-type-body-base">
612
569
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
613
- <a class="ncf__link ncf__link--external"
614
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
570
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
615
571
  target="_top"
616
572
  rel="noopener"
617
573
  >
@@ -644,10 +600,9 @@ exports[`Confirmation renders with default props 1`] = `
644
600
  <h3 class="ncf__header">
645
601
  Something not right?
646
602
  </h3>
647
- <p class="ncf__paragraph">
603
+ <p class="ncf__paragraph o3-type-body-base">
648
604
  Go to your
649
- <a class="ncf__link ncf__link--external"
650
- href="https://www.ft.com/myaccount/personal-details"
605
+ <a href="https://www.ft.com/myaccount/personal-details"
651
606
  target="_blank"
652
607
  rel="noopener noreferrer"
653
608
  data-trackable="yourAccount"
@@ -655,18 +610,15 @@ exports[`Confirmation renders with default props 1`] = `
655
610
  account settings
656
611
  </a>
657
612
  to view or edit your account. If you need to get in touch call us on
658
- <a href="tel:+442077556248"
659
- class="ncf__link ncf__link--external"
660
- >
613
+ <a href="tel:+442077556248">
661
614
  +44 (0) 207 755 6248
662
615
  </a>
663
616
  . Or contact us for additional support.
664
617
  </p>
665
618
  </div>
666
- <p class="ncf__paragraph">
619
+ <p class="ncf__paragraph o3-type-body-base">
667
620
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
668
- <a class="ncf__link ncf__link--external"
669
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
621
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
670
622
  target="_top"
671
623
  rel="noopener"
672
624
  >
@@ -710,10 +662,9 @@ exports[`Confirmation renders with details missing a description 1`] = `
710
662
  <h3 class="ncf__header">
711
663
  Something not right?
712
664
  </h3>
713
- <p class="ncf__paragraph">
665
+ <p class="ncf__paragraph o3-type-body-base">
714
666
  Go to your
715
- <a class="ncf__link ncf__link--external"
716
- href="https://www.ft.com/myaccount/personal-details"
667
+ <a href="https://www.ft.com/myaccount/personal-details"
717
668
  target="_blank"
718
669
  rel="noopener noreferrer"
719
670
  data-trackable="yourAccount"
@@ -721,18 +672,15 @@ exports[`Confirmation renders with details missing a description 1`] = `
721
672
  account settings
722
673
  </a>
723
674
  to view or edit your account. If you need to get in touch call us on
724
- <a href="tel:+442077556248"
725
- class="ncf__link ncf__link--external"
726
- >
675
+ <a href="tel:+442077556248">
727
676
  +44 (0) 207 755 6248
728
677
  </a>
729
678
  . Or contact us for additional support.
730
679
  </p>
731
680
  </div>
732
- <p class="ncf__paragraph">
681
+ <p class="ncf__paragraph o3-type-body-base">
733
682
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
734
- <a class="ncf__link ncf__link--external"
735
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
683
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
736
684
  target="_top"
737
685
  rel="noopener"
738
686
  >
@@ -770,7 +718,7 @@ exports[`Confirmation renders with direct debit mandate URL 1`] = `
770
718
  >
771
719
  direct debit mandate
772
720
  </a>
773
- <i class="ncf__icon-download">
721
+ <i class="ncf__icon--download">
774
722
  </i>
775
723
  </p>
776
724
  </div>
@@ -778,10 +726,9 @@ exports[`Confirmation renders with direct debit mandate URL 1`] = `
778
726
  <h3 class="ncf__header">
779
727
  Something not right?
780
728
  </h3>
781
- <p class="ncf__paragraph">
729
+ <p class="ncf__paragraph o3-type-body-base">
782
730
  Go to your
783
- <a class="ncf__link ncf__link--external"
784
- href="https://www.ft.com/myaccount/personal-details"
731
+ <a href="https://www.ft.com/myaccount/personal-details"
785
732
  target="_blank"
786
733
  rel="noopener noreferrer"
787
734
  data-trackable="yourAccount"
@@ -789,18 +736,15 @@ exports[`Confirmation renders with direct debit mandate URL 1`] = `
789
736
  account settings
790
737
  </a>
791
738
  to view or edit your account. If you need to get in touch call us on
792
- <a href="tel:+442077556248"
793
- class="ncf__link ncf__link--external"
794
- >
739
+ <a href="tel:+442077556248">
795
740
  +44 (0) 207 755 6248
796
741
  </a>
797
742
  . Or contact us for additional support.
798
743
  </p>
799
744
  </div>
800
- <p class="ncf__paragraph">
745
+ <p class="ncf__paragraph o3-type-body-base">
801
746
  We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our
802
- <a class="ncf__link ncf__link--external"
803
- href="http://help.ft.com/help/legal-privacy/terms-conditions/"
747
+ <a href="http://help.ft.com/help/legal-privacy/terms-conditions/"
804
748
  target="_top"
805
749
  rel="noopener"
806
750
  >
package/components/__snapshots__/continue-reading.spec.js.snap CHANGED
@@ -20,7 +20,7 @@ exports[`ContinueReading renders with a link 1`] = `
20
20
  </blockquote>
21
21
  <p class="ncf__center">
22
22
  <a href="https://foo.com"
23
- class="ncf__button ncf__button--secondary"
23
+ class="ncf__button o3-button o3-button--secondary"
24
24
  >
25
25
  Continue reading
26
26
  </a>
@@ -38,7 +38,7 @@ exports[`ContinueReading renders with a link and is embedded 1`] = `
38
38
  <p class="ncf__center">
39
39
  <a href="https://foo.com"
40
40
  target="_top"
41
- class="ncf__button ncf__button--secondary"
41
+ class="ncf__button o3-button o3-button--secondary"
42
42
  >
43
43
  Continue reading
44
44
  </a>
@@ -55,7 +55,7 @@ exports[`ContinueReading renders with a link and is not embedded 1`] = `
55
55
  </blockquote>
56
56
  <p class="ncf__center">
57
57
  <a href="https://foo.com"
58
- class="ncf__button ncf__button--secondary"
58
+ class="ncf__button o3-button o3-button--secondary"
59
59
  >
60
60
  Continue reading
61
61
  </a>
package/components/__snapshots__/customer-care.spec.js.snap CHANGED
@@ -16,19 +16,17 @@ exports[`CustomerCare renders in compact mode 1`] = `
16
16
  <p>
17
17
  International Toll Free Number
18
18
  </p>
19
- <p class="ncf__customer-care__phone">
19
+ <p class="ncf__customer-care__phone o3-type-body-base">
20
20
  <a id="customer-care-international-number"
21
- class="ncf__header ncf__link"
21
+ class="ncf__header"
22
22
  href="tel:+80007056477"
23
23
  >
24
24
  + 800 0705 6477
25
25
  </a>
26
26
  </p>
27
27
  </div>
28
- <div class="ncf__paragraph">
29
- <a class="ncf__link"
30
- href="https://help.ft.com/help/contact-us/"
31
- >
28
+ <div class="ncf__paragraph o3-type-body-base">
29
+ <a href="https://help.ft.com/help/contact-us/">
32
30
  Find a local phone number
33
31
  </a>
34
32
  </div>
@@ -51,19 +49,17 @@ exports[`CustomerCare renders with custom header text 1`] = `
51
49
  <p>
52
50
  International Toll Free Number
53
51
  </p>
54
- <p class="ncf__customer-care__phone">
52
+ <p class="ncf__customer-care__phone o3-type-body-base">
55
53
  <a id="customer-care-international-number"
56
- class="ncf__header ncf__link"
54
+ class="ncf__header"
57
55
  href="tel:+80007056477"
58
56
  >
59
57
  + 800 0705 6477
60
58
  </a>
61
59
  </p>
62
60
  </div>
63
- <div class="ncf__paragraph">
64
- <a class="ncf__link"
65
- href="https://help.ft.com/help/contact-us/"
66
- >
61
+ <div class="ncf__paragraph o3-type-body-base">
62
+ <a href="https://help.ft.com/help/contact-us/">
67
63
  Find a local phone number
68
64
  </a>
69
65
  </div>
@@ -86,19 +82,17 @@ exports[`CustomerCare renders with custom message text 1`] = `
86
82
  <p>
87
83
  International Toll Free Number
88
84
  </p>
89
- <p class="ncf__customer-care__phone">
85
+ <p class="ncf__customer-care__phone o3-type-body-base">
90
86
  <a id="customer-care-international-number"
91
- class="ncf__header ncf__link"
87
+ class="ncf__header"
92
88
  href="tel:+80007056477"
93
89
  >
94
90
  + 800 0705 6477
95
91
  </a>
96
92
  </p>
97
93
  </div>
98
- <div class="ncf__paragraph">
99
- <a class="ncf__link"
100
- href="https://help.ft.com/help/contact-us/"
101
- >
94
+ <div class="ncf__paragraph o3-type-body-base">
95
+ <a href="https://help.ft.com/help/contact-us/">
102
96
  Find a local phone number
103
97
  </a>
104
98
  </div>
@@ -121,19 +115,17 @@ exports[`CustomerCare renders with default props 1`] = `
121
115
  <p>
122
116
  International Toll Free Number
123
117
  </p>
124
- <p class="ncf__customer-care__phone">
118
+ <p class="ncf__customer-care__phone o3-type-body-base">
125
119
  <a id="customer-care-international-number"
126
- class="ncf__header ncf__link"
120
+ class="ncf__header"
127
121
  href="tel:+80007056477"
128
122
  >
129
123
  + 800 0705 6477
130
124
  </a>
131
125
  </p>
132
126
  </div>
133
- <div class="ncf__paragraph">
134
- <a class="ncf__link"
135
- href="https://help.ft.com/help/contact-us/"
136
- >
127
+ <div class="ncf__paragraph o3-type-body-base">
128
+ <a href="https://help.ft.com/help/contact-us/">
137
129
  Find a local phone number
138
130
  </a>
139
131
  </div>