@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/dist/components/Atoms/Link/Link.style.js CHANGED
@@ -48,7 +48,7 @@ const buttonStyle = () => (0, _styledComponents.css)(["display:inline-flex;posit
48
48
  } = _ref7;
49
49
  return color ? theme.buttonColors(color) : theme.buttonColors('red');
50
50
  });
51
- const linkStyle = () => (0, _styledComponents.css)(["position:relative;text-decoration:none;display:inline;line-height:", ";", ";"], _ref8 => {
51
+ const linkStyle = () => (0, _styledComponents.css)(["position:relative;display:inline;line-height:", ";", ";"], _ref8 => {
52
52
  let {
53
53
  theme
54
54
  } = _ref8;
@@ -56,10 +56,9 @@ const linkStyle = () => (0, _styledComponents.css)(["position:relative;text-deco
56
56
  }, _ref9 => {
57
57
  let {
58
58
  type,
59
- theme,
60
- underline
59
+ theme
61
60
  } = _ref9;
62
- return type ? theme.linkStyles(type, underline) : theme.linkStyles('standard', underline);
61
+ return type ? theme.linkStyles(type) : theme.linkStyles('standard');
63
62
  });
64
63
  const IconWrapper = exports.IconWrapper = _styledComponents.default.span.withConfig({
65
64
  displayName: "Linkstyle__IconWrapper",
package/dist/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
@@ -67,18 +66,17 @@ it('renders a button with an icon', () => {
67
66
 
68
67
  .c0 {
69
68
  position: relative;
70
- -webkit-text-decoration: none;
71
- text-decoration: none;
72
69
  display: inline;
73
70
  line-height: 1.5rem;
74
71
  color: #000000;
75
- border-bottom: 2px solid #000000;
76
72
  font-weight: normal;
77
73
  }
78
74
 
79
- .c0:hover {
75
+ .c0:hover,
76
+ .c0:focus {
80
77
  color: #000000;
81
- border-bottom: 2px solid #000000;
78
+ -webkit-text-decoration: none;
79
+ text-decoration: none;
82
80
  }
83
81
 
84
82
  .c2 {
@@ -140,18 +138,17 @@ it('renders a standard styled link correctly with target blank and assistive tex
140
138
  expect(tree).toMatchInlineSnapshot(`
141
139
  .c0 {
142
140
  position: relative;
143
- -webkit-text-decoration: none;
144
- text-decoration: none;
145
141
  display: inline;
146
142
  line-height: 1.5rem;
147
143
  color: #000000;
148
- border-bottom: 2px solid #000000;
149
144
  font-weight: normal;
150
145
  }
151
146
 
152
- .c0:hover {
147
+ .c0:hover,
148
+ .c0:focus {
153
149
  color: #000000;
154
- border-bottom: 2px solid #000000;
150
+ -webkit-text-decoration: none;
151
+ text-decoration: none;
155
152
  }
156
153
 
157
154
  .c1 {
package/dist/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 {
@@ -305,16 +306,17 @@ it('renders press realese correctly', () => {
305
306
 
306
307
  .c1 {
307
308
  position: relative;
308
- -webkit-text-decoration: none;
309
- text-decoration: none;
310
309
  display: inline;
311
310
  line-height: 1.5rem;
312
311
  color: #000000;
313
312
  font-weight: normal;
314
313
  }
315
314
 
316
- .c1:hover {
315
+ .c1:hover,
316
+ .c1:focus {
317
317
  color: #000000;
318
+ -webkit-text-decoration: none;
319
+ text-decoration: none;
318
320
  }
319
321
 
320
322
  .c0 {
package/dist/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/dist/components/Molecules/PartnerLink/PartnerLink.test.js CHANGED
@@ -41,18 +41,17 @@ it('renders correctly', () => {
41
41
 
42
42
  .c0 {
43
43
  position: relative;
44
- -webkit-text-decoration: none;
45
- text-decoration: none;
46
44
  display: inline;
47
45
  line-height: 1.5rem;
48
46
  color: #000000;
49
- border-bottom: 2px solid #000000;
50
47
  font-weight: normal;
51
48
  }
52
49
 
53
- .c0:hover {
50
+ .c0:hover,
51
+ .c0:focus {
54
52
  color: #000000;
55
- border-bottom: 2px solid #000000;
53
+ -webkit-text-decoration: none;
54
+ text-decoration: none;
56
55
  }
57
56
 
58
57
  .c6 {
package/dist/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/dist/components/Organisms/CookieBanner/CookieBanner.test.js CHANGED
@@ -29,18 +29,17 @@ it('renders correctly', () => {
29
29
 
30
30
  .c3 {
31
31
  position: relative;
32
- -webkit-text-decoration: none;
33
- text-decoration: none;
34
32
  display: inline;
35
33
  line-height: 1.5rem;
36
34
  color: #FFFFFF;
37
- border-bottom: 2px solid #FFFFFF;
38
35
  font-weight: normal;
39
36
  }
40
37
 
41
- .c3:hover {
38
+ .c3:hover,
39
+ .c3:focus {
42
40
  color: #FFFFFF;
43
- border-bottom: 2px solid #FFFFFF;
41
+ -webkit-text-decoration: none;
42
+ text-decoration: none;
44
43
  }
45
44
 
46
45
  .c5 {
package/dist/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/dist/components/Organisms/WYMDCarousel/WYMDCarousel.test.js CHANGED
@@ -12,7 +12,7 @@ it("renders correctly", () => {
12
12
  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_WYMDCarousel.default, {
13
13
  data: carouselItemsComplete
14
14
  })).toJSON();
15
- expect(tree).toMatchInlineSnapshot(`
15
+ expect(tree).toMatchSnapshot(`
16
16
  .c1 {
17
17
  font-size: 1rem;
18
18
  line-height: 1rem;