@comicrelief/component-library 8.34.0 → 8.34.2

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 (21) 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/Nav/Nav.style.js +2 -2
  9. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +2 -1
  10. package/dist/components/Organisms/Header/Nav/Nav.style.js +1 -1
  11. package/package.json +1 -1
  12. package/src/components/Atoms/Link/Link.style.js +0 -1
  13. package/src/components/Atoms/Link/Link.test.js +0 -3
  14. package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -2
  15. package/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap +0 -1
  16. package/src/components/Molecules/PartnerLink/PartnerLink.test.js +0 -1
  17. package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +0 -4
  18. package/src/components/Organisms/CookieBanner/CookieBanner.test.js +0 -1
  19. package/src/components/Organisms/Footer/Nav/Nav.style.js +4 -2
  20. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +2 -1
  21. package/src/components/Organisms/Header/Nav/Nav.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/Nav/Nav.style.js CHANGED
@@ -12,7 +12,7 @@ var _spacing = _interopRequireDefault(require("../../../../theme/shared/spacing"
12
12
  const NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
13
13
  displayName: "Navstyle__NavLinkClass",
14
14
  componentId: "sc-uzf5hs-0"
15
- })(["border:0;height:46px;width:100%;background-color:", ";&:hover,&:focus{border-bottom:none;}"], _ref => {
15
+ })(["border:0;height:46px;width:100%;background-color:", ";text-decoration:none;&:hover,&:focus{border-bottom:none;}"], _ref => {
16
16
  let {
17
17
  theme
18
18
  } = _ref;
@@ -115,7 +115,7 @@ const NavMenu = exports.NavMenu = _styledComponents.default.ul.withConfig({
115
115
  const NavLink = exports.NavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
116
116
  displayName: "Navstyle__NavLink",
117
117
  componentId: "sc-uzf5hs-6"
118
- })([""]);
118
+ })(["text-decoration:none;"]);
119
119
 
120
120
  /**
121
121
  * Menu list items
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
  }
@@ -131,6 +130,8 @@ exports[`renders correctly 1`] = `
131
130
  height: 46px;
132
131
  width: 100%;
133
132
  background-color: #2C0230;
133
+ -webkit-text-decoration: none;
134
+ text-decoration: none;
134
135
  }
135
136
 
136
137
  .c18:hover,
package/dist/components/Organisms/Header/Nav/Nav.style.js CHANGED
@@ -12,7 +12,7 @@ var _zIndex = _interopRequireDefault(require("../../../../theme/shared/zIndex"))
12
12
  const NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
13
13
  displayName: "Navstyle__NavLinkClass",
14
14
  componentId: "sc-1ss3uk2-0"
15
- })(["display:inline-block;border:0;padding:17px 20px;line-height:1.3rem;height:46px;font-weight:700;width:100%;color:", ";:hover{border:0;color:", ";font-weight:inherit;}"], _ref => {
15
+ })(["display:inline-block;border:0;padding:17px 20px;line-height:1.3rem;height:46px;font-weight:700;width:100%;color:", ";text-decoration:none;:hover{border:0;color:", ";font-weight:inherit;}"], _ref => {
16
16
  let {
17
17
  theme
18
18
  } = _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.0",
4
+ "version": "8.34.2",
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/Nav/Nav.style.js CHANGED
@@ -8,7 +8,7 @@ const NavLinkClass = styled(Link)`
8
8
  height: 46px;
9
9
  width: 100%;
10
10
  background-color: ${({ theme }) => theme.color('deep_violet_dark')};
11
-
11
+ text-decoration: none;
12
12
  &:hover,
13
13
  &:focus {
14
14
  border-bottom: none;
@@ -133,7 +133,9 @@ const NavMenu = styled.ul`
133
133
  /**
134
134
  * Menu item link
135
135
  */
136
- const NavLink = styled(NavLinkClass)``;
136
+ const NavLink = styled(NavLinkClass)`
137
+ text-decoration: none;
138
+ `;
137
139
 
138
140
  /**
139
141
  * Menu list items
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
  }
@@ -131,6 +130,8 @@ exports[`renders correctly 1`] = `
131
130
  height: 46px;
132
131
  width: 100%;
133
132
  background-color: #2C0230;
133
+ -webkit-text-decoration: none;
134
+ text-decoration: none;
134
135
  }
135
136
 
136
137
  .c18:hover,
package/src/components/Organisms/Header/Nav/Nav.style.js CHANGED
@@ -13,6 +13,7 @@ const NavLinkClass = styled(Link)`
13
13
  font-weight: 700;
14
14
  width: 100%;
15
15
  color: ${({ theme }) => theme.color('deep_violet_dark')};
16
+ text-decoration: none;
16
17
  :hover {
17
18
  border: 0;
18
19
  color: ${({ theme }) => theme.color('deep_violet_dark')};