@comicrelief/component-library 8.34.1 → 8.34.3

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 (19) hide show
  1. package/dist/components/Atoms/Link/Link.style.js +10 -15
  2. package/dist/components/Atoms/Link/Link.test.js +0 -3
  3. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -2
  4. package/dist/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +0 -1
  5. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -1
  6. package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +0 -4
  7. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -1
  8. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +0 -1
  9. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Atoms/Link/Link.style.js +0 -1
  12. package/src/components/Atoms/Link/Link.test.js +0 -3
  13. package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -2
  14. package/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +0 -1
  15. package/src/components/Molecules/PartnerLink/PartnerLink.test.js +0 -1
  16. package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +0 -4
  17. package/src/components/Organisms/CookieBanner/CookieBanner.test.js +0 -1
  18. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +0 -1
  19. package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +1 -0
package/dist/components/Atoms/Link/Link.style.js CHANGED
@@ -48,44 +48,39 @@ 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;display:inline;line-height:", ";", ";"], _ref8 => {
52
- let {
53
- theme
54
- } = _ref8;
55
- return theme.fontSize('l');
56
- }, _ref9 => {
51
+ const linkStyle = () => (0, _styledComponents.css)(["position:relative;display:inline;", ";"], _ref8 => {
57
52
  let {
58
53
  type,
59
54
  theme
60
- } = _ref9;
55
+ } = _ref8;
61
56
  return type ? theme.linkStyles(type) : theme.linkStyles('standard');
62
57
  });
63
58
  const IconWrapper = exports.IconWrapper = _styledComponents.default.span.withConfig({
64
59
  displayName: "Linkstyle__IconWrapper",
65
60
  componentId: "sc-t360tr-0"
66
- })(["display:inline-flex;margin-left:", ";align-self:center;right:", ";", ";@media ", "{width:auto;right:auto;position:relative;", ";}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), _ref10 => {
61
+ })(["display:inline-flex;margin-left:", ";align-self:center;right:", ";", ";@media ", "{width:auto;right:auto;position:relative;", ";}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), _ref9 => {
67
62
  let {
68
63
  type
69
- } = _ref10;
64
+ } = _ref9;
70
65
  return type === 'standard' && (0, _styledComponents.css)(["position:absolute;right:-2rem;top:0;bottom:0;"]);
71
- }, _ref11 => {
66
+ }, _ref10 => {
72
67
  let {
73
68
  theme
74
- } = _ref11;
69
+ } = _ref10;
75
70
  return theme.allBreakpoints('M');
76
- }, _ref12 => {
71
+ }, _ref11 => {
77
72
  let {
78
73
  type
79
- } = _ref12;
74
+ } = _ref11;
80
75
  return type === 'standard' && (0, _styledComponents.css)(["position:absolute;right:-2rem;top:0;bottom:0;"]);
81
76
  });
82
77
  const StyledLink = _styledComponents.default.a.withConfig({
83
78
  displayName: "Linkstyle__StyledLink",
84
79
  componentId: "sc-t360tr-1"
85
- })(["", " ", ";"], props => props.type === 'button' ? buttonStyle : linkStyle, _ref13 => {
80
+ })(["", " ", ";"], props => props.type === 'button' ? buttonStyle : linkStyle, _ref12 => {
86
81
  let {
87
82
  iconFirst
88
- } = _ref13;
83
+ } = _ref12;
89
84
  return iconFirst && (0, _styledComponents.css)(["flex-direction:row-reverse;span[type=\"button\"]{margin-left:0;margin-right:1rem;}"]);
90
85
  });
91
86
  const HelperText = exports.HelperText = _styledComponents.default.span.withConfig({
package/dist/components/Atoms/Link/Link.test.js CHANGED
@@ -15,7 +15,6 @@ it('renders a standard styled link correctly', () => {
15
15
  .c0 {
16
16
  position: relative;
17
17
  display: inline;
18
- line-height: 1.5rem;
19
18
  color: #000000;
20
19
  font-weight: normal;
21
20
  }
@@ -67,7 +66,6 @@ it('renders a button with an icon', () => {
67
66
  .c0 {
68
67
  position: relative;
69
68
  display: inline;
70
- line-height: 1.5rem;
71
69
  color: #000000;
72
70
  font-weight: normal;
73
71
  }
@@ -139,7 +137,6 @@ it('renders a standard styled link correctly with target blank and assistive tex
139
137
  .c0 {
140
138
  position: relative;
141
139
  display: inline;
142
- line-height: 1.5rem;
143
140
  color: #000000;
144
141
  font-weight: normal;
145
142
  }
package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js CHANGED
@@ -58,7 +58,6 @@ it('renders article teaser correctly', () => {
58
58
  .c1 {
59
59
  position: relative;
60
60
  display: inline;
61
- line-height: 1.5rem;
62
61
  color: #000000;
63
62
  font-weight: normal;
64
63
  }
@@ -307,7 +306,6 @@ it('renders press realese correctly', () => {
307
306
  .c1 {
308
307
  position: relative;
309
308
  display: inline;
310
- line-height: 1.5rem;
311
309
  color: #000000;
312
310
  font-weight: normal;
313
311
  }
package/dist/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap CHANGED
@@ -17,7 +17,6 @@ exports[`renders correctly 1`] = `
17
17
  .c4 {
18
18
  position: relative;
19
19
  display: inline;
20
- line-height: 1.5rem;
21
20
  color: #000000;
22
21
  font-weight: normal;
23
22
  }
package/dist/components/Molecules/PartnerLink/PartnerLink.test.js CHANGED
@@ -42,7 +42,6 @@ it('renders correctly', () => {
42
42
  .c0 {
43
43
  position: relative;
44
44
  display: inline;
45
- line-height: 1.5rem;
46
45
  color: #000000;
47
46
  font-weight: normal;
48
47
  }
package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap CHANGED
@@ -33,7 +33,6 @@ exports[`renders correctly in minimalist form 1`] = `
33
33
  .c1 {
34
34
  position: relative;
35
35
  display: inline;
36
- line-height: 1.5rem;
37
36
  color: #000000;
38
37
  font-weight: normal;
39
38
  }
@@ -208,7 +207,6 @@ exports[`renders correctly with copy 1`] = `
208
207
  .c1 {
209
208
  position: relative;
210
209
  display: inline;
211
- line-height: 1.5rem;
212
210
  color: #000000;
213
211
  font-weight: normal;
214
212
  }
@@ -386,7 +384,6 @@ exports[`renders correctly with date 1`] = `
386
384
  .c1 {
387
385
  position: relative;
388
386
  display: inline;
389
- line-height: 1.5rem;
390
387
  color: #000000;
391
388
  font-weight: normal;
392
389
  }
@@ -552,7 +549,6 @@ exports[`renders correctly with date and type 1`] = `
552
549
  .c1 {
553
550
  position: relative;
554
551
  display: inline;
555
- line-height: 1.5rem;
556
552
  color: #000000;
557
553
  font-weight: normal;
558
554
  }
package/dist/components/Organisms/CookieBanner/CookieBanner.test.js CHANGED
@@ -30,7 +30,6 @@ it('renders correctly', () => {
30
30
  .c3 {
31
31
  position: relative;
32
32
  display: inline;
33
- line-height: 1.5rem;
34
33
  color: #FFFFFF;
35
34
  font-weight: normal;
36
35
  }
package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap CHANGED
@@ -57,7 +57,6 @@ exports[`renders correctly 1`] = `
57
57
  .c7 {
58
58
  position: relative;
59
59
  display: inline;
60
- line-height: 1.5rem;
61
60
  color: #000000;
62
61
  font-weight: normal;
63
62
  }
package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js CHANGED
@@ -16,7 +16,7 @@ const transitionDuration = 0.2;
16
16
  const NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
17
17
  displayName: "HeaderNav2025style__NavLinkClass",
18
18
  componentId: "sc-xflhtq-0"
19
- })(["display:inline-block;border:0;padding:25px;line-height:1rem;height:auto;font-weight:700;width:100%;color:", ";transition:color ", "s ease;:hover,:focus,:focus-within{border:0;}@media ", "{:hover,:focus{color:", ";background-color:", ";font-weight:inherit;}:focus-within{background-color:", ";&:hover{background-color:", ";}}}> div{height:auto;transition:transform 0.35s cubic-bezier(0.41,1.64,0.41,0.8);", "}"], _ref => {
19
+ })(["display:inline-block;border:0;padding:25px;line-height:1rem;height:auto;font-weight:700;width:100%;color:", ";transition:color ", "s ease;text-decoration:none;:hover,:focus,:focus-within{border:0;}@media ", "{:hover,:focus{color:", ";background-color:", ";font-weight:inherit;}:focus-within{background-color:", ";&:hover{background-color:", ";}}}> div{height:auto;transition:transform 0.35s cubic-bezier(0.41,1.64,0.41,0.8);", "}"], _ref => {
20
20
  let {
21
21
  theme
22
22
  } = _ref;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@comicrelief/component-library",
3
3
  "author": "Comic Relief Engineering Team",
4
- "version": "8.34.1",
4
+ "version": "8.34.3",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
package/src/components/Atoms/Link/Link.style.js CHANGED
@@ -34,7 +34,6 @@ const buttonStyle = () => css`
34
34
  const linkStyle = () => css`
35
35
  position: relative;
36
36
  display: inline;
37
- line-height: ${({ theme }) => theme.fontSize('l')};
38
37
  ${({ type, theme }) => (type
39
38
  ? theme.linkStyles(type)
40
39
  : theme.linkStyles('standard'))};
package/src/components/Atoms/Link/Link.test.js CHANGED
@@ -15,7 +15,6 @@ it('renders a standard styled link correctly', () => {
15
15
  .c0 {
16
16
  position: relative;
17
17
  display: inline;
18
- line-height: 1.5rem;
19
18
  color: #000000;
20
19
  font-weight: normal;
21
20
  }
@@ -71,7 +70,6 @@ it('renders a button with an icon', () => {
71
70
  .c0 {
72
71
  position: relative;
73
72
  display: inline;
74
- line-height: 1.5rem;
75
73
  color: #000000;
76
74
  font-weight: normal;
77
75
  }
@@ -145,7 +143,6 @@ it('renders a standard styled link correctly with target blank and assistive tex
145
143
  .c0 {
146
144
  position: relative;
147
145
  display: inline;
148
- line-height: 1.5rem;
149
146
  color: #000000;
150
147
  font-weight: normal;
151
148
  }
package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js CHANGED
@@ -58,7 +58,6 @@ it('renders article teaser correctly', () => {
58
58
  .c1 {
59
59
  position: relative;
60
60
  display: inline;
61
- line-height: 1.5rem;
62
61
  color: #000000;
63
62
  font-weight: normal;
64
63
  }
@@ -311,7 +310,6 @@ it('renders press realese correctly', () => {
311
310
  .c1 {
312
311
  position: relative;
313
312
  display: inline;
314
- line-height: 1.5rem;
315
313
  color: #000000;
316
314
  font-weight: normal;
317
315
  }
package/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap CHANGED
@@ -17,7 +17,6 @@ exports[`renders correctly 1`] = `
17
17
  .c4 {
18
18
  position: relative;
19
19
  display: inline;
20
- line-height: 1.5rem;
21
20
  color: #000000;
22
21
  font-weight: normal;
23
22
  }
package/src/components/Molecules/PartnerLink/PartnerLink.test.js CHANGED
@@ -43,7 +43,6 @@ it('renders correctly', () => {
43
43
  .c0 {
44
44
  position: relative;
45
45
  display: inline;
46
- line-height: 1.5rem;
47
46
  color: #000000;
48
47
  font-weight: normal;
49
48
  }
package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap CHANGED
@@ -33,7 +33,6 @@ exports[`renders correctly in minimalist form 1`] = `
33
33
  .c1 {
34
34
  position: relative;
35
35
  display: inline;
36
- line-height: 1.5rem;
37
36
  color: #000000;
38
37
  font-weight: normal;
39
38
  }
@@ -208,7 +207,6 @@ exports[`renders correctly with copy 1`] = `
208
207
  .c1 {
209
208
  position: relative;
210
209
  display: inline;
211
- line-height: 1.5rem;
212
210
  color: #000000;
213
211
  font-weight: normal;
214
212
  }
@@ -386,7 +384,6 @@ exports[`renders correctly with date 1`] = `
386
384
  .c1 {
387
385
  position: relative;
388
386
  display: inline;
389
- line-height: 1.5rem;
390
387
  color: #000000;
391
388
  font-weight: normal;
392
389
  }
@@ -552,7 +549,6 @@ exports[`renders correctly with date and type 1`] = `
552
549
  .c1 {
553
550
  position: relative;
554
551
  display: inline;
555
- line-height: 1.5rem;
556
552
  color: #000000;
557
553
  font-weight: normal;
558
554
  }
package/src/components/Organisms/CookieBanner/CookieBanner.test.js CHANGED
@@ -31,7 +31,6 @@ it('renders correctly', () => {
31
31
  .c3 {
32
32
  position: relative;
33
33
  display: inline;
34
- line-height: 1.5rem;
35
34
  color: #FFFFFF;
36
35
  font-weight: normal;
37
36
  }
package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap CHANGED
@@ -57,7 +57,6 @@ exports[`renders correctly 1`] = `
57
57
  .c7 {
58
58
  position: relative;
59
59
  display: inline;
60
- line-height: 1.5rem;
61
60
  color: #000000;
62
61
  font-weight: normal;
63
62
  }
package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js CHANGED
@@ -18,6 +18,7 @@ const NavLinkClass = styled(Link)`
18
18
  width: 100%;
19
19
  color: ${({ theme }) => theme.color('black')};
20
20
  transition: color ${transitionDuration}s ease;
21
+ text-decoration: none;
21
22
 
22
23
  :hover,
23
24
  :focus,