@comicrelief/component-library 8.33.2 → 8.34.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 (23) hide show
  1. package/dist/components/Atoms/Link/Link.style.js +3 -4
  2. package/dist/components/Atoms/Link/Link.test.js +12 -15
  3. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +8 -6
  4. package/dist/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +4 -5
  5. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +4 -5
  6. package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +16 -20
  7. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +4 -5
  8. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +4 -5
  9. package/dist/components/Organisms/WYMDCarousel/WYMDCarousel.test.js +1 -1
  10. package/dist/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap +683 -0
  11. package/dist/theme/crTheme/linkStyles.js +5 -9
  12. package/package.json +1 -1
  13. package/src/components/Atoms/Link/Link.style.js +3 -4
  14. package/src/components/Atoms/Link/Link.test.js +12 -15
  15. package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +8 -6
  16. package/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +4 -5
  17. package/src/components/Molecules/PartnerLink/PartnerLink.test.js +4 -5
  18. package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +16 -20
  19. package/src/components/Organisms/CookieBanner/CookieBanner.test.js +4 -5
  20. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +4 -5
  21. package/src/components/Organisms/WYMDCarousel/WYMDCarousel.test.js +1 -1
  22. package/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap +683 -0
  23. package/src/theme/crTheme/linkStyles.js +6 -12
package/src/components/Atoms/Link/Link.style.js CHANGED
@@ -33,12 +33,11 @@ const buttonStyle = () => css`
33
33
 
34
34
  const linkStyle = () => css`
35
35
  position: relative;
36
- text-decoration: none;
37
36
  display: inline;
38
37
  line-height: ${({ theme }) => theme.fontSize('l')};
39
- ${({ type, theme, underline }) => (type
40
- ? theme.linkStyles(type, underline)
41
- : theme.linkStyles('standard', underline))};
38
+ ${({ type, theme }) => (type
39
+ ? theme.linkStyles(type)
40
+ : theme.linkStyles('standard'))};
42
41
  `;
43
42
 
44
43
  export const IconWrapper = styled.span`
package/src/components/Atoms/Link/Link.test.js CHANGED
@@ -14,18 +14,17 @@ it('renders a standard styled link correctly', () => {
14
14
  expect(tree).toMatchInlineSnapshot(`
15
15
  .c0 {
16
16
  position: relative;
17
- -webkit-text-decoration: none;
18
- text-decoration: none;
19
17
  display: inline;
20
18
  line-height: 1.5rem;
21
19
  color: #000000;
22
- border-bottom: 2px solid #000000;
23
20
  font-weight: normal;
24
21
  }
25
22
 
26
- .c0:hover {
23
+ .c0:hover,
24
+ .c0:focus {
27
25
  color: #000000;
28
- border-bottom: 2px solid #000000;
26
+ -webkit-text-decoration: none;
27
+ text-decoration: none;
29
28
  }
30
29
 
31
30
  <a
@@ -71,18 +70,17 @@ it('renders a button with an icon', () => {
71
70
 
72
71
  .c0 {
73
72
  position: relative;
74
- -webkit-text-decoration: none;
75
- text-decoration: none;
76
73
  display: inline;
77
74
  line-height: 1.5rem;
78
75
  color: #000000;
79
- border-bottom: 2px solid #000000;
80
76
  font-weight: normal;
81
77
  }
82
78
 
83
- .c0:hover {
79
+ .c0:hover,
80
+ .c0:focus {
84
81
  color: #000000;
85
- border-bottom: 2px solid #000000;
82
+ -webkit-text-decoration: none;
83
+ text-decoration: none;
86
84
  }
87
85
 
88
86
  .c2 {
@@ -146,18 +144,17 @@ it('renders a standard styled link correctly with target blank and assistive tex
146
144
  expect(tree).toMatchInlineSnapshot(`
147
145
  .c0 {
148
146
  position: relative;
149
- -webkit-text-decoration: none;
150
- text-decoration: none;
151
147
  display: inline;
152
148
  line-height: 1.5rem;
153
149
  color: #000000;
154
- border-bottom: 2px solid #000000;
155
150
  font-weight: normal;
156
151
  }
157
152
 
158
- .c0:hover {
153
+ .c0:hover,
154
+ .c0:focus {
159
155
  color: #000000;
160
- border-bottom: 2px solid #000000;
156
+ -webkit-text-decoration: none;
157
+ text-decoration: none;
161
158
  }
162
159
 
163
160
  .c1 {
package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js CHANGED
@@ -57,16 +57,17 @@ it('renders article teaser correctly', () => {
57
57
 
58
58
  .c1 {
59
59
  position: relative;
60
- -webkit-text-decoration: none;
61
- text-decoration: none;
62
60
  display: inline;
63
61
  line-height: 1.5rem;
64
62
  color: #000000;
65
63
  font-weight: normal;
66
64
  }
67
65
 
68
- .c1:hover {
66
+ .c1:hover,
67
+ .c1:focus {
69
68
  color: #000000;
69
+ -webkit-text-decoration: none;
70
+ text-decoration: none;
70
71
  }
71
72
 
72
73
  .c0 {
@@ -309,16 +310,17 @@ it('renders press realese correctly', () => {
309
310
 
310
311
  .c1 {
311
312
  position: relative;
312
- -webkit-text-decoration: none;
313
- text-decoration: none;
314
313
  display: inline;
315
314
  line-height: 1.5rem;
316
315
  color: #000000;
317
316
  font-weight: normal;
318
317
  }
319
318
 
320
- .c1:hover {
319
+ .c1:hover,
320
+ .c1:focus {
321
321
  color: #000000;
322
+ -webkit-text-decoration: none;
323
+ text-decoration: none;
322
324
  }
323
325
 
324
326
  .c0 {
package/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap CHANGED
@@ -16,18 +16,17 @@ exports[`renders correctly 1`] = `
16
16
 
17
17
  .c4 {
18
18
  position: relative;
19
- -webkit-text-decoration: none;
20
- text-decoration: none;
21
19
  display: inline;
22
20
  line-height: 1.5rem;
23
21
  color: #000000;
24
- border-bottom: 2px solid #000000;
25
22
  font-weight: normal;
26
23
  }
27
24
 
28
- .c4:hover {
25
+ .c4:hover,
26
+ .c4:focus {
29
27
  color: #000000;
30
- border-bottom: 2px solid #000000;
28
+ -webkit-text-decoration: none;
29
+ text-decoration: none;
31
30
  }
32
31
 
33
32
  .c0 {
package/src/components/Molecules/PartnerLink/PartnerLink.test.js CHANGED
@@ -42,18 +42,17 @@ it('renders correctly', () => {
42
42
 
43
43
  .c0 {
44
44
  position: relative;
45
- -webkit-text-decoration: none;
46
- text-decoration: none;
47
45
  display: inline;
48
46
  line-height: 1.5rem;
49
47
  color: #000000;
50
- border-bottom: 2px solid #000000;
51
48
  font-weight: normal;
52
49
  }
53
50
 
54
- .c0:hover {
51
+ .c0:hover,
52
+ .c0:focus {
55
53
  color: #000000;
56
- border-bottom: 2px solid #000000;
54
+ -webkit-text-decoration: none;
55
+ text-decoration: none;
57
56
  }
58
57
 
59
58
  .c6 {
package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap CHANGED
@@ -32,18 +32,17 @@ exports[`renders correctly in minimalist form 1`] = `
32
32
 
33
33
  .c1 {
34
34
  position: relative;
35
- -webkit-text-decoration: none;
36
- text-decoration: none;
37
35
  display: inline;
38
36
  line-height: 1.5rem;
39
37
  color: #000000;
40
- border-bottom: 2px solid #000000;
41
38
  font-weight: normal;
42
39
  }
43
40
 
44
- .c1:hover {
41
+ .c1:hover,
42
+ .c1:focus {
45
43
  color: #000000;
46
- border-bottom: 2px solid #000000;
44
+ -webkit-text-decoration: none;
45
+ text-decoration: none;
47
46
  }
48
47
 
49
48
  .c0 {
@@ -208,18 +207,17 @@ exports[`renders correctly with copy 1`] = `
208
207
 
209
208
  .c1 {
210
209
  position: relative;
211
- -webkit-text-decoration: none;
212
- text-decoration: none;
213
210
  display: inline;
214
211
  line-height: 1.5rem;
215
212
  color: #000000;
216
- border-bottom: 2px solid #000000;
217
213
  font-weight: normal;
218
214
  }
219
215
 
220
- .c1:hover {
216
+ .c1:hover,
217
+ .c1:focus {
221
218
  color: #000000;
222
- border-bottom: 2px solid #000000;
219
+ -webkit-text-decoration: none;
220
+ text-decoration: none;
223
221
  }
224
222
 
225
223
  .c0 {
@@ -387,18 +385,17 @@ exports[`renders correctly with date 1`] = `
387
385
 
388
386
  .c1 {
389
387
  position: relative;
390
- -webkit-text-decoration: none;
391
- text-decoration: none;
392
388
  display: inline;
393
389
  line-height: 1.5rem;
394
390
  color: #000000;
395
- border-bottom: 2px solid #000000;
396
391
  font-weight: normal;
397
392
  }
398
393
 
399
- .c1:hover {
394
+ .c1:hover,
395
+ .c1:focus {
400
396
  color: #000000;
401
- border-bottom: 2px solid #000000;
397
+ -webkit-text-decoration: none;
398
+ text-decoration: none;
402
399
  }
403
400
 
404
401
  .c0 {
@@ -554,18 +551,17 @@ exports[`renders correctly with date and type 1`] = `
554
551
 
555
552
  .c1 {
556
553
  position: relative;
557
- -webkit-text-decoration: none;
558
- text-decoration: none;
559
554
  display: inline;
560
555
  line-height: 1.5rem;
561
556
  color: #000000;
562
- border-bottom: 2px solid #000000;
563
557
  font-weight: normal;
564
558
  }
565
559
 
566
- .c1:hover {
560
+ .c1:hover,
561
+ .c1:focus {
567
562
  color: #000000;
568
- border-bottom: 2px solid #000000;
563
+ -webkit-text-decoration: none;
564
+ text-decoration: none;
569
565
  }
570
566
 
571
567
  .c0 {
package/src/components/Organisms/CookieBanner/CookieBanner.test.js CHANGED
@@ -30,18 +30,17 @@ it('renders correctly', () => {
30
30
 
31
31
  .c3 {
32
32
  position: relative;
33
- -webkit-text-decoration: none;
34
- text-decoration: none;
35
33
  display: inline;
36
34
  line-height: 1.5rem;
37
35
  color: #FFFFFF;
38
- border-bottom: 2px solid #FFFFFF;
39
36
  font-weight: normal;
40
37
  }
41
38
 
42
- .c3:hover {
39
+ .c3:hover,
40
+ .c3:focus {
43
41
  color: #FFFFFF;
44
- border-bottom: 2px solid #FFFFFF;
42
+ -webkit-text-decoration: none;
43
+ text-decoration: none;
45
44
  }
46
45
 
47
46
  .c5 {
package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap CHANGED
@@ -56,18 +56,17 @@ exports[`renders correctly 1`] = `
56
56
 
57
57
  .c7 {
58
58
  position: relative;
59
- -webkit-text-decoration: none;
60
- text-decoration: none;
61
59
  display: inline;
62
60
  line-height: 1.5rem;
63
61
  color: #000000;
64
- border-bottom: 2px solid #000000;
65
62
  font-weight: normal;
66
63
  }
67
64
 
68
- .c7:hover {
65
+ .c7:hover,
66
+ .c7:focus {
69
67
  color: #000000;
70
- border-bottom: 2px solid #000000;
68
+ -webkit-text-decoration: none;
69
+ text-decoration: none;
71
70
  }
72
71
 
73
72
  .c23 {
package/src/components/Organisms/WYMDCarousel/WYMDCarousel.test.js CHANGED
@@ -10,7 +10,7 @@ it("renders correctly", () => {
10
10
  <WYMDCarousel data={carouselItemsComplete} />
11
11
  ).toJSON();
12
12
 
13
- expect(tree).toMatchInlineSnapshot(`
13
+ expect(tree).toMatchSnapshot(`
14
14
  .c1 {
15
15
  font-size: 1rem;
16
16
  line-height: 1rem;