@comicrelief/component-library 8.43.0 → 8.44.1

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 (73) hide show
  1. package/dist/components/Atoms/Checkbox/Checkbox.test.js +50 -10
  2. package/dist/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap +27 -4
  3. package/dist/components/Atoms/Input/Input.js +4 -9
  4. package/dist/components/Atoms/Input/input.test.js +92 -14
  5. package/dist/components/Atoms/Label/Label.js +14 -7
  6. package/dist/components/Atoms/RadioButton/RadioButton.test.js +50 -10
  7. package/dist/components/Atoms/Select/__snapshots__/Select.test.js.snap +45 -6
  8. package/dist/components/Atoms/Text/Text.js +60 -75
  9. package/dist/components/Atoms/Text/Text.md +84 -87
  10. package/dist/components/Atoms/Text/__snapshots__/Text.test.js.snap +130 -21
  11. package/dist/components/Atoms/TextArea/TextArea.test.js +45 -6
  12. package/dist/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap +138 -25
  13. package/dist/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap +48 -7
  14. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +110 -20
  15. package/dist/components/Molecules/Banner/__snapshots__/Banner.test.js.snap +26 -6
  16. package/dist/components/Molecules/Descriptor/Descriptor.test.js +85 -15
  17. package/dist/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +53 -3
  18. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +27 -4
  19. package/dist/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +112 -28
  20. package/dist/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap +46 -7
  21. package/dist/components/Molecules/SearchInput/SearchInput.test.js +23 -6
  22. package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +232 -20
  23. package/dist/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap +187 -30
  24. package/dist/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap +50 -9
  25. package/dist/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap +46 -7
  26. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +26 -7
  27. package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap +544 -101
  28. package/dist/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +75 -19
  29. package/dist/components/Organisms/Footer/Nav/Nav.style.js +1 -1
  30. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +100 -47
  31. package/dist/components/Organisms/Membership/Membership.test.js +122 -22
  32. package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +1 -1
  33. package/dist/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap +75 -19
  34. package/dist/theme/crTheme/fontConfig.js +217 -0
  35. package/dist/theme/crTheme/fontHelper.js +38 -0
  36. package/dist/theme/shared/global.css +3 -1
  37. package/package.json +11 -3
  38. package/src/components/Atoms/Checkbox/Checkbox.test.js +50 -10
  39. package/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap +27 -4
  40. package/src/components/Atoms/Input/Input.js +2 -2
  41. package/src/components/Atoms/Input/input.test.js +92 -14
  42. package/src/components/Atoms/Label/Label.js +7 -3
  43. package/src/components/Atoms/RadioButton/RadioButton.test.js +50 -10
  44. package/src/components/Atoms/Select/__snapshots__/Select.test.js.snap +45 -6
  45. package/src/components/Atoms/Text/Text.js +55 -54
  46. package/src/components/Atoms/Text/Text.md +84 -87
  47. package/src/components/Atoms/Text/__snapshots__/Text.test.js.snap +130 -21
  48. package/src/components/Atoms/TextArea/TextArea.test.js +45 -6
  49. package/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap +138 -25
  50. package/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap +48 -7
  51. package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +110 -20
  52. package/src/components/Molecules/Banner/__snapshots__/Banner.test.js.snap +26 -6
  53. package/src/components/Molecules/Descriptor/Descriptor.test.js +85 -15
  54. package/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +53 -3
  55. package/src/components/Molecules/PartnerLink/PartnerLink.test.js +27 -4
  56. package/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +112 -28
  57. package/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap +46 -7
  58. package/src/components/Molecules/SearchInput/SearchInput.test.js +23 -6
  59. package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +232 -20
  60. package/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap +187 -30
  61. package/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap +50 -9
  62. package/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap +46 -7
  63. package/src/components/Organisms/CookieBanner/CookieBanner.test.js +26 -7
  64. package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap +544 -101
  65. package/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +75 -19
  66. package/src/components/Organisms/Footer/Nav/Nav.style.js +1 -1
  67. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +100 -47
  68. package/src/components/Organisms/Membership/Membership.test.js +122 -22
  69. package/src/components/Organisms/Membership/MoneyBox/MoneyBox.js +1 -1
  70. package/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap +75 -19
  71. package/src/theme/crTheme/fontConfig.js +211 -0
  72. package/src/theme/crTheme/fontHelper.js +31 -0
  73. package/src/theme/shared/global.css +3 -1
package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap CHANGED
@@ -1,19 +1,40 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders correctly in minimalist form 1`] = `
4
+ .c7 {
5
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
6
+ font-weight: 400;
7
+ text-transform: inherit;
8
+ -webkit-letter-spacing: 0;
9
+ -moz-letter-spacing: 0;
10
+ -ms-letter-spacing: 0;
11
+ letter-spacing: 0;
12
+ font-size: 1rem;
13
+ line-height: 1.25rem;
14
+ }
15
+
4
16
  .c7 {
5
17
  font-size: 0.75rem;
6
- line-height: 0.75rem;
7
- text-transform: uppercase;
8
18
  line-height: normal;
19
+ text-transform: uppercase;
20
+ }
21
+
22
+ .c8 {
9
23
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
24
+ font-weight: 700;
25
+ text-transform: inherit;
26
+ -webkit-letter-spacing: 0;
27
+ -moz-letter-spacing: 0;
28
+ -ms-letter-spacing: 0;
29
+ letter-spacing: 0;
30
+ font-size: 1.25rem;
31
+ line-height: 1.5rem;
10
32
  }
11
33
 
12
34
  .c8 {
13
35
  font-size: 2rem;
14
- line-height: 2rem;
36
+ line-height: normal;
15
37
  text-transform: uppercase;
16
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
17
38
  }
18
39
 
19
40
  .c4 {
@@ -95,6 +116,34 @@ exports[`renders correctly in minimalist form 1`] = `
95
116
  margin: 0;
96
117
  }
97
118
 
119
+ @media (min-width:740px) {
120
+ .c7 {
121
+ font-size: 1rem;
122
+ line-height: 1.25rem;
123
+ }
124
+ }
125
+
126
+ @media (min-width:1024px) {
127
+ .c7 {
128
+ font-size: 1.125rem;
129
+ line-height: 1.375rem;
130
+ }
131
+ }
132
+
133
+ @media (min-width:740px) {
134
+ .c8 {
135
+ font-size: 1.25rem;
136
+ line-height: 1.5rem;
137
+ }
138
+ }
139
+
140
+ @media (min-width:1024px) {
141
+ .c8 {
142
+ font-size: 1.375rem;
143
+ line-height: 1.625rem;
144
+ }
145
+ }
146
+
98
147
  @media (min-width:740px) {
99
148
  .c2 {
100
149
  -webkit-flex-direction: row;
@@ -166,28 +215,57 @@ exports[`renders correctly in minimalist form 1`] = `
166
215
  `;
167
216
 
168
217
  exports[`renders correctly with copy 1`] = `
218
+ .c7 {
219
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
220
+ font-weight: 400;
221
+ text-transform: inherit;
222
+ -webkit-letter-spacing: 0;
223
+ -moz-letter-spacing: 0;
224
+ -ms-letter-spacing: 0;
225
+ letter-spacing: 0;
226
+ font-size: 1rem;
227
+ line-height: 1.25rem;
228
+ }
229
+
169
230
  .c7 {
170
231
  font-size: 0.75rem;
171
- line-height: 0.75rem;
172
- text-transform: uppercase;
173
232
  line-height: normal;
233
+ text-transform: uppercase;
234
+ }
235
+
236
+ .c8 {
174
237
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
238
+ font-weight: 700;
239
+ text-transform: inherit;
240
+ -webkit-letter-spacing: 0;
241
+ -moz-letter-spacing: 0;
242
+ -ms-letter-spacing: 0;
243
+ letter-spacing: 0;
244
+ font-size: 1.25rem;
245
+ line-height: 1.5rem;
175
246
  }
176
247
 
177
248
  .c8 {
178
249
  font-size: 2rem;
179
- line-height: 2rem;
250
+ line-height: normal;
180
251
  text-transform: uppercase;
252
+ }
253
+
254
+ .c10 {
181
255
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
256
+ font-weight: 400;
257
+ text-transform: inherit;
258
+ -webkit-letter-spacing: 0;
259
+ -moz-letter-spacing: 0;
260
+ -ms-letter-spacing: 0;
261
+ letter-spacing: 0;
262
+ font-size: 1rem;
263
+ line-height: 1.25rem;
182
264
  }
183
265
 
184
266
  .c10 {
185
267
  font-size: 1.25rem;
186
- line-height: 1.25rem;
187
- text-transform: inherit;
188
268
  line-height: normal;
189
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
190
- font-size: 1rem;
191
269
  }
192
270
 
193
271
  .c4 {
@@ -270,8 +348,44 @@ exports[`renders correctly with copy 1`] = `
270
348
  }
271
349
 
272
350
  @media (min-width:740px) {
273
- .c10 {
351
+ .c7 {
352
+ font-size: 1rem;
353
+ line-height: 1.25rem;
354
+ }
355
+ }
356
+
357
+ @media (min-width:1024px) {
358
+ .c7 {
359
+ font-size: 1.125rem;
360
+ line-height: 1.375rem;
361
+ }
362
+ }
363
+
364
+ @media (min-width:740px) {
365
+ .c8 {
274
366
  font-size: 1.25rem;
367
+ line-height: 1.5rem;
368
+ }
369
+ }
370
+
371
+ @media (min-width:1024px) {
372
+ .c8 {
373
+ font-size: 1.375rem;
374
+ line-height: 1.625rem;
375
+ }
376
+ }
377
+
378
+ @media (min-width:740px) {
379
+ .c10 {
380
+ font-size: 1rem;
381
+ line-height: 1.25rem;
382
+ }
383
+ }
384
+
385
+ @media (min-width:1024px) {
386
+ .c10 {
387
+ font-size: 1.125rem;
388
+ line-height: 1.375rem;
275
389
  }
276
390
  }
277
391
 
@@ -352,19 +466,40 @@ exports[`renders correctly with copy 1`] = `
352
466
  `;
353
467
 
354
468
  exports[`renders correctly with date 1`] = `
469
+ .c7 {
470
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
471
+ font-weight: 400;
472
+ text-transform: inherit;
473
+ -webkit-letter-spacing: 0;
474
+ -moz-letter-spacing: 0;
475
+ -ms-letter-spacing: 0;
476
+ letter-spacing: 0;
477
+ font-size: 1rem;
478
+ line-height: 1.25rem;
479
+ }
480
+
355
481
  .c7 {
356
482
  font-size: 0.75rem;
357
- line-height: 0.75rem;
358
- text-transform: uppercase;
359
483
  line-height: normal;
484
+ text-transform: uppercase;
485
+ }
486
+
487
+ .c8 {
360
488
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
489
+ font-weight: 700;
490
+ text-transform: inherit;
491
+ -webkit-letter-spacing: 0;
492
+ -moz-letter-spacing: 0;
493
+ -ms-letter-spacing: 0;
494
+ letter-spacing: 0;
495
+ font-size: 1.25rem;
496
+ line-height: 1.5rem;
361
497
  }
362
498
 
363
499
  .c8 {
364
500
  font-size: 2rem;
365
- line-height: 2rem;
501
+ line-height: normal;
366
502
  text-transform: uppercase;
367
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
368
503
  }
369
504
 
370
505
  .c4 {
@@ -446,6 +581,34 @@ exports[`renders correctly with date 1`] = `
446
581
  margin: 0;
447
582
  }
448
583
 
584
+ @media (min-width:740px) {
585
+ .c7 {
586
+ font-size: 1rem;
587
+ line-height: 1.25rem;
588
+ }
589
+ }
590
+
591
+ @media (min-width:1024px) {
592
+ .c7 {
593
+ font-size: 1.125rem;
594
+ line-height: 1.375rem;
595
+ }
596
+ }
597
+
598
+ @media (min-width:740px) {
599
+ .c8 {
600
+ font-size: 1.25rem;
601
+ line-height: 1.5rem;
602
+ }
603
+ }
604
+
605
+ @media (min-width:1024px) {
606
+ .c8 {
607
+ font-size: 1.375rem;
608
+ line-height: 1.625rem;
609
+ }
610
+ }
611
+
449
612
  @media (min-width:740px) {
450
613
  .c2 {
451
614
  -webkit-flex-direction: row;
@@ -517,19 +680,40 @@ exports[`renders correctly with date 1`] = `
517
680
  `;
518
681
 
519
682
  exports[`renders correctly with date and type 1`] = `
683
+ .c7 {
684
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
685
+ font-weight: 400;
686
+ text-transform: inherit;
687
+ -webkit-letter-spacing: 0;
688
+ -moz-letter-spacing: 0;
689
+ -ms-letter-spacing: 0;
690
+ letter-spacing: 0;
691
+ font-size: 1rem;
692
+ line-height: 1.25rem;
693
+ }
694
+
520
695
  .c7 {
521
696
  font-size: 0.75rem;
522
- line-height: 0.75rem;
523
- text-transform: uppercase;
524
697
  line-height: normal;
698
+ text-transform: uppercase;
699
+ }
700
+
701
+ .c8 {
525
702
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
703
+ font-weight: 700;
704
+ text-transform: inherit;
705
+ -webkit-letter-spacing: 0;
706
+ -moz-letter-spacing: 0;
707
+ -ms-letter-spacing: 0;
708
+ letter-spacing: 0;
709
+ font-size: 1.25rem;
710
+ line-height: 1.5rem;
526
711
  }
527
712
 
528
713
  .c8 {
529
714
  font-size: 2rem;
530
- line-height: 2rem;
715
+ line-height: normal;
531
716
  text-transform: uppercase;
532
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
533
717
  }
534
718
 
535
719
  .c4 {
@@ -611,6 +795,34 @@ exports[`renders correctly with date and type 1`] = `
611
795
  margin: 0;
612
796
  }
613
797
 
798
+ @media (min-width:740px) {
799
+ .c7 {
800
+ font-size: 1rem;
801
+ line-height: 1.25rem;
802
+ }
803
+ }
804
+
805
+ @media (min-width:1024px) {
806
+ .c7 {
807
+ font-size: 1.125rem;
808
+ line-height: 1.375rem;
809
+ }
810
+ }
811
+
812
+ @media (min-width:740px) {
813
+ .c8 {
814
+ font-size: 1.25rem;
815
+ line-height: 1.5rem;
816
+ }
817
+ }
818
+
819
+ @media (min-width:1024px) {
820
+ .c8 {
821
+ font-size: 1.375rem;
822
+ line-height: 1.625rem;
823
+ }
824
+ }
825
+
614
826
  @media (min-width:740px) {
615
827
  .c2 {
616
828
  -webkit-flex-direction: row;
package/dist/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap CHANGED
@@ -2,12 +2,21 @@
2
2
 
3
3
  exports[`renders Single Message with 100% vertical height image correctly 1`] = `
4
4
  .c6 {
5
- color: #FFFFFF;
6
- font-size: 3rem;
7
- line-height: 3rem;
5
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
6
+ font-weight: 400;
8
7
  text-transform: inherit;
8
+ -webkit-letter-spacing: 0;
9
+ -moz-letter-spacing: 0;
10
+ -ms-letter-spacing: 0;
11
+ letter-spacing: 0;
12
+ font-size: 1rem;
13
+ line-height: 1.25rem;
14
+ }
15
+
16
+ .c6 {
17
+ font-size: 3rem;
9
18
  line-height: normal;
10
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
19
+ color: #FFFFFF;
11
20
  }
12
21
 
13
22
  .c3 {
@@ -65,6 +74,20 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
65
74
  z-index: 1;
66
75
  }
67
76
 
77
+ @media (min-width:740px) {
78
+ .c6 {
79
+ font-size: 1rem;
80
+ line-height: 1.25rem;
81
+ }
82
+ }
83
+
84
+ @media (min-width:1024px) {
85
+ .c6 {
86
+ font-size: 1.125rem;
87
+ line-height: 1.375rem;
88
+ }
89
+ }
90
+
68
91
  @media (min-width:740px) {
69
92
  .c0 {
70
93
  -webkit-flex-direction: row;
@@ -173,20 +196,37 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
173
196
 
174
197
  exports[`renders Single Message with Image correctly 1`] = `
175
198
  .c6 {
176
- color: #FFFFFF;
199
+ font-family: 'Anton',Impact,sans-serif;
200
+ font-weight: 400;
201
+ text-transform: uppercase;
202
+ -webkit-letter-spacing: 0;
203
+ -moz-letter-spacing: 0;
204
+ -ms-letter-spacing: 0;
205
+ letter-spacing: 0;
206
+ font-size: 2rem;
207
+ line-height: 2rem;
208
+ }
209
+
210
+ .c6 {
177
211
  font-size: 3rem;
178
- line-height: 3rem;
179
- text-transform: inherit;
212
+ line-height: normal;
213
+ color: #FFFFFF;
214
+ }
215
+
216
+ .c7 {
180
217
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
218
+ font-weight: 400;
219
+ text-transform: inherit;
220
+ -webkit-letter-spacing: 0;
221
+ -moz-letter-spacing: 0;
222
+ -ms-letter-spacing: 0;
223
+ letter-spacing: 0;
224
+ font-size: 1rem;
225
+ line-height: 1.25rem;
181
226
  }
182
227
 
183
228
  .c7 {
184
229
  color: #FFFFFF;
185
- font-size: 1rem;
186
- line-height: 1rem;
187
- text-transform: inherit;
188
- line-height: normal;
189
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
190
230
  }
191
231
 
192
232
  .c3 {
@@ -278,6 +318,34 @@ exports[`renders Single Message with Image correctly 1`] = `
278
318
  z-index: 1;
279
319
  }
280
320
 
321
+ @media (min-width:740px) {
322
+ .c6 {
323
+ font-size: 2.5rem;
324
+ line-height: 2.5rem;
325
+ }
326
+ }
327
+
328
+ @media (min-width:1024px) {
329
+ .c6 {
330
+ font-size: 3rem;
331
+ line-height: 3rem;
332
+ }
333
+ }
334
+
335
+ @media (min-width:740px) {
336
+ .c7 {
337
+ font-size: 1rem;
338
+ line-height: 1.25rem;
339
+ }
340
+ }
341
+
342
+ @media (min-width:1024px) {
343
+ .c7 {
344
+ font-size: 1.125rem;
345
+ line-height: 1.375rem;
346
+ }
347
+ }
348
+
281
349
  @media (min-width:740px) {
282
350
  .c8 {
283
351
  width: auto;
@@ -392,7 +460,6 @@ exports[`renders Single Message with Image correctly 1`] = `
392
460
  <p
393
461
  className="c7"
394
462
  color="white"
395
- size="s"
396
463
  >
397
464
  description
398
465
  </p>
@@ -411,12 +478,21 @@ exports[`renders Single Message with Image correctly 1`] = `
411
478
 
412
479
  exports[`renders Single Message with double image correctly 1`] = `
413
480
  .c6 {
414
- color: #000000;
415
- font-size: 3rem;
416
- line-height: 3rem;
481
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
482
+ font-weight: 400;
417
483
  text-transform: inherit;
484
+ -webkit-letter-spacing: 0;
485
+ -moz-letter-spacing: 0;
486
+ -ms-letter-spacing: 0;
487
+ letter-spacing: 0;
488
+ font-size: 1rem;
489
+ line-height: 1.25rem;
490
+ }
491
+
492
+ .c6 {
493
+ font-size: 3rem;
418
494
  line-height: normal;
419
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
495
+ color: #000000;
420
496
  }
421
497
 
422
498
  .c3 {
@@ -482,6 +558,20 @@ exports[`renders Single Message with double image correctly 1`] = `
482
558
  z-index: 1;
483
559
  }
484
560
 
561
+ @media (min-width:740px) {
562
+ .c6 {
563
+ font-size: 1rem;
564
+ line-height: 1.25rem;
565
+ }
566
+ }
567
+
568
+ @media (min-width:1024px) {
569
+ .c6 {
570
+ font-size: 1.125rem;
571
+ line-height: 1.375rem;
572
+ }
573
+ }
574
+
485
575
  @media (min-width:740px) {
486
576
  .c0 {
487
577
  -webkit-flex-direction: row;
@@ -631,20 +721,37 @@ exports[`renders Single Message with double image correctly 1`] = `
631
721
 
632
722
  exports[`renders Single Message with full width correctly 1`] = `
633
723
  .c6 {
634
- color: #FFFFFF;
724
+ font-family: 'Anton',Impact,sans-serif;
725
+ font-weight: 400;
726
+ text-transform: uppercase;
727
+ -webkit-letter-spacing: 0;
728
+ -moz-letter-spacing: 0;
729
+ -ms-letter-spacing: 0;
730
+ letter-spacing: 0;
731
+ font-size: 2rem;
732
+ line-height: 2rem;
733
+ }
734
+
735
+ .c6 {
635
736
  font-size: 3rem;
636
- line-height: 3rem;
637
- text-transform: inherit;
737
+ line-height: normal;
738
+ color: #FFFFFF;
739
+ }
740
+
741
+ .c7 {
638
742
  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
743
+ font-weight: 400;
744
+ text-transform: inherit;
745
+ -webkit-letter-spacing: 0;
746
+ -moz-letter-spacing: 0;
747
+ -ms-letter-spacing: 0;
748
+ letter-spacing: 0;
749
+ font-size: 1rem;
750
+ line-height: 1.25rem;
639
751
  }
640
752
 
641
753
  .c7 {
642
754
  color: #FFFFFF;
643
- font-size: 1rem;
644
- line-height: 1rem;
645
- text-transform: inherit;
646
- line-height: normal;
647
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
648
755
  }
649
756
 
650
757
  .c3 {
@@ -736,6 +843,34 @@ exports[`renders Single Message with full width correctly 1`] = `
736
843
  z-index: 1;
737
844
  }
738
845
 
846
+ @media (min-width:740px) {
847
+ .c6 {
848
+ font-size: 2.5rem;
849
+ line-height: 2.5rem;
850
+ }
851
+ }
852
+
853
+ @media (min-width:1024px) {
854
+ .c6 {
855
+ font-size: 3rem;
856
+ line-height: 3rem;
857
+ }
858
+ }
859
+
860
+ @media (min-width:740px) {
861
+ .c7 {
862
+ font-size: 1rem;
863
+ line-height: 1.25rem;
864
+ }
865
+ }
866
+
867
+ @media (min-width:1024px) {
868
+ .c7 {
869
+ font-size: 1.125rem;
870
+ line-height: 1.375rem;
871
+ }
872
+ }
873
+
739
874
  @media (min-width:740px) {
740
875
  .c8 {
741
876
  width: auto;
@@ -873,7 +1008,6 @@ exports[`renders Single Message with full width correctly 1`] = `
873
1008
  <p
874
1009
  className="c7"
875
1010
  color="white"
876
- size="s"
877
1011
  >
878
1012
  description
879
1013
  </p>
@@ -1027,12 +1161,21 @@ exports[`renders Single Message with full width image and no text correctly 1`]
1027
1161
 
1028
1162
  exports[`renders Single Message with no Image correctly 1`] = `
1029
1163
  .c2 {
1030
- color: #FFFFFF;
1031
- font-size: 3rem;
1032
- line-height: 3rem;
1164
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
1165
+ font-weight: 400;
1033
1166
  text-transform: inherit;
1167
+ -webkit-letter-spacing: 0;
1168
+ -moz-letter-spacing: 0;
1169
+ -ms-letter-spacing: 0;
1170
+ letter-spacing: 0;
1171
+ font-size: 1rem;
1172
+ line-height: 1.25rem;
1173
+ }
1174
+
1175
+ .c2 {
1176
+ font-size: 3rem;
1034
1177
  line-height: normal;
1035
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
1178
+ color: #FFFFFF;
1036
1179
  }
1037
1180
 
1038
1181
  .c0 {
@@ -1066,6 +1209,20 @@ exports[`renders Single Message with no Image correctly 1`] = `
1066
1209
  padding: 1rem;
1067
1210
  }
1068
1211
 
1212
+ @media (min-width:740px) {
1213
+ .c2 {
1214
+ font-size: 1rem;
1215
+ line-height: 1.25rem;
1216
+ }
1217
+ }
1218
+
1219
+ @media (min-width:1024px) {
1220
+ .c2 {
1221
+ font-size: 1.125rem;
1222
+ line-height: 1.375rem;
1223
+ }
1224
+ }
1225
+
1069
1226
  @media (min-width:740px) {
1070
1227
 
1071
1228
  }