@comicrelief/component-library 7.18.2 → 7.18.4

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.
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- Comic Relief React Component Library
1
+ Comic Relief React Component Library
2
2
  --------------
3
3
 
4
4
  [![GitHub Actions](https://github.com/comicrelief/component-library/actions/workflows/main.yml/badge.svg)](https://github.com/comicrelief/component-library/actions)
@@ -17,12 +17,12 @@ $ yarn add @comicrelief/component-library
17
17
 
18
18
  #### Wrap your app with the ThemeProvider and crTheme
19
19
  ```
20
- import { ThemeProvider, crTheme } from '@comic-relief/component-library';
20
+ import { ThemeProvider, crTheme } from '@comicrelief/component-library';
21
21
  ```
22
22
 
23
23
  #### Import components
24
24
  ```
25
- import { HeroBanner } from '@comic-relief/component-library';
25
+ import { HeroBanner } from '@comicrelief/component-library';
26
26
  ```
27
27
 
28
28
  ### Develop
@@ -127,7 +127,7 @@ var CardDs = function CardDs(_ref14) {
127
127
  tabIndex: "-1",
128
128
  href: link,
129
129
  target: target,
130
- "data-cta-copy": linkLabel
130
+ "data-image-cta-copy": linkLabel
131
131
  }, rest), Media);
132
132
  }
133
133
 
@@ -151,7 +151,8 @@ var CardDs = function CardDs(_ref14) {
151
151
  href: link,
152
152
  target: target,
153
153
  type: "button",
154
- icon: icon
154
+ icon: icon,
155
+ "data-button-cta-copy": linkLabel
155
156
  }, linkLabel)));
156
157
  };
157
158
 
@@ -189,7 +189,7 @@ exports[`renders correctly 1`] = `
189
189
  <a
190
190
  aria-hidden="true"
191
191
  className="c1"
192
- data-cta-copy="Find out more"
192
+ data-image-cta-copy="Find out more"
193
193
  href="/home"
194
194
  tabIndex="-1"
195
195
  target="_blank"
@@ -228,6 +228,7 @@ exports[`renders correctly 1`] = `
228
228
  <a
229
229
  className="c7"
230
230
  color="red"
231
+ data-button-cta-copy="Find out more"
231
232
  href="/home"
232
233
  rel={null}
233
234
  target="_self"
@@ -77,7 +77,7 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
77
77
  tabIndex: "-1",
78
78
  href: link,
79
79
  target: target,
80
- "data-cta-copy": linkLabel
80
+ "data-image-cta-copy": linkLabel
81
81
  }, rest), Media);
82
82
  }
83
83
 
@@ -88,7 +88,7 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
88
88
  tabIndex: "-1",
89
89
  href: youTubeId,
90
90
  target: target,
91
- "data-cta-copy": linkLabel
91
+ "data-image-cta-copy": linkLabel
92
92
  }, rest, {
93
93
  onClick: function onClick(e) {
94
94
  setIsOpen(true);
@@ -159,7 +159,8 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
159
159
  href: link,
160
160
  target: target,
161
161
  type: "button",
162
- icon: icon
162
+ icon: icon,
163
+ "data-button-cta-copy": linkLabel
163
164
  }, linkLabel))), /*#__PURE__*/_react.default.createElement(_reactModal.default, {
164
165
  isOpen: isOpen,
165
166
  onRequestClose: closeModal,
@@ -234,7 +234,7 @@ exports[`renders correctly 1`] = `
234
234
  <a
235
235
  aria-hidden="true"
236
236
  className="c1"
237
- data-cta-copy="Check out the shop"
237
+ data-image-cta-copy="Check out the shop"
238
238
  href="/home"
239
239
  tabIndex="-1"
240
240
  target="_blank"
@@ -286,6 +286,7 @@ exports[`renders correctly 1`] = `
286
286
  <a
287
287
  className="c11"
288
288
  color="blue_dark"
289
+ data-button-cta-copy="Check out the shop"
289
290
  href="/home"
290
291
  rel={null}
291
292
  target="_self"
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": "7.18.2",
4
+ "version": "7.18.4",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
@@ -119,7 +119,7 @@ const CardDs = ({
119
119
  tabIndex="-1"
120
120
  href={link}
121
121
  target={target}
122
- data-cta-copy={linkLabel}
122
+ data-image-cta-copy={linkLabel}
123
123
  {...rest}
124
124
  >
125
125
  {Media}
@@ -153,6 +153,7 @@ const CardDs = ({
153
153
  target={target}
154
154
  type="button"
155
155
  icon={icon}
156
+ data-button-cta-copy={linkLabel}
156
157
  >
157
158
  {linkLabel}
158
159
  </Link>
@@ -189,7 +189,7 @@ exports[`renders correctly 1`] = `
189
189
  <a
190
190
  aria-hidden="true"
191
191
  className="c1"
192
- data-cta-copy="Find out more"
192
+ data-image-cta-copy="Find out more"
193
193
  href="/home"
194
194
  tabIndex="-1"
195
195
  target="_blank"
@@ -228,6 +228,7 @@ exports[`renders correctly 1`] = `
228
228
  <a
229
229
  className="c7"
230
230
  color="red"
231
+ data-button-cta-copy="Find out more"
231
232
  href="/home"
232
233
  rel={null}
233
234
  target="_self"
@@ -56,7 +56,7 @@ const SingleMessageDs = ({
56
56
  tabIndex="-1"
57
57
  href={link}
58
58
  target={target}
59
- data-cta-copy={linkLabel}
59
+ data-image-cta-copy={linkLabel}
60
60
  {...rest}
61
61
  >
62
62
  {Media}
@@ -71,7 +71,7 @@ const SingleMessageDs = ({
71
71
  tabIndex="-1"
72
72
  href={youTubeId}
73
73
  target={target}
74
- data-cta-copy={linkLabel}
74
+ data-image-cta-copy={linkLabel}
75
75
  {...rest}
76
76
  onClick={e => { setIsOpen(true); e.preventDefault(); }}
77
77
  >
@@ -144,6 +144,7 @@ const SingleMessageDs = ({
144
144
  target={target}
145
145
  type="button"
146
146
  icon={icon}
147
+ data-button-cta-copy={linkLabel}
147
148
  >
148
149
  {linkLabel}
149
150
  </Link>
@@ -234,7 +234,7 @@ exports[`renders correctly 1`] = `
234
234
  <a
235
235
  aria-hidden="true"
236
236
  className="c1"
237
- data-cta-copy="Check out the shop"
237
+ data-image-cta-copy="Check out the shop"
238
238
  href="/home"
239
239
  tabIndex="-1"
240
240
  target="_blank"
@@ -286,6 +286,7 @@ exports[`renders correctly 1`] = `
286
286
  <a
287
287
  className="c11"
288
288
  color="blue_dark"
289
+ data-button-cta-copy="Check out the shop"
289
290
  href="/home"
290
291
  rel={null}
291
292
  target="_self"