@comicrelief/component-library 7.28.0 → 7.29.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 (5) hide show
  1. package/dist/components/Organisms/Header/Header.md +13 -0
  2. package/dist/components/Organisms/Header/assets/PayIn.svg +3 -0
  3. package/package.json +1 -1
  4. package/src/components/Organisms/Header/Header.md +13 -0
  5. package/src/components/Organisms/Header/assets/PayIn.svg +3 -0
package/dist/components/Organisms/Header/Header.md CHANGED
@@ -116,6 +116,8 @@ import data from './data/data';
116
116
  import Link from '../../Atoms/Link/Link';
117
117
  import searchIcon from './assets/icon--search--2023.svg';
118
118
  import shopIcon from './assets/icon--shop--2023.svg';
119
+ import payinIcon from './assets/PayIn.svg';
120
+
119
121
  import Icon from '../../Atoms/SocialIcons/Icon/Icon';
120
122
  import RichText from '../../Atoms/RichText/RichText';
121
123
 
@@ -170,6 +172,17 @@ const [success, setSuccess] = React.useState(false);
170
172
  tabIndex="0"
171
173
  />
172
174
  </div>
175
+ <div>
176
+ <Icon
177
+ icon={payinIcon}
178
+ title="Payin"
179
+ target="_blank"
180
+ role="button"
181
+ href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
182
+ brand="comicrelief"
183
+ tabIndex="0"
184
+ />
185
+ </div>
173
186
  </>
174
187
  }
175
188
  />;
package/dist/components/Organisms/Header/assets/PayIn.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M22 1H2C1.448 1 1 1.448 1 2V7C1 7.552 1.448 8 2 8H4V19V19.5V22C4 22.552 4.448 23 5 23H19C19.552 23 20 22.552 20 22V19.5V19V8H22C22.552 8 23 7.552 23 7V2C23 1.448 22.552 1 22 1ZM6 21V20.5H18V21H6ZM18 18.5H6V6.0625H18V18.5ZM21 6H20V5.0625C20 4.5105 19.552 4.0625 19 4.0625H5C4.448 4.0625 4 4.5105 4 5.0625V6H3V3H21V6ZM8.293 12.2695C7.9025 11.879 7.9025 11.246 8.293 10.8555L11.2925 7.856C11.339 7.809 11.3905 7.7675 11.446 7.7305C11.4695 7.7145 11.4955 7.704 11.52 7.69C11.5525 7.672 11.5835 7.6525 11.618 7.6385C11.6505 7.625 11.6845 7.6175 11.718 7.6075C11.747 7.599 11.7745 7.588 11.8045 7.582C11.934 7.556 12.067 7.556 12.196 7.582C12.226 7.588 12.2535 7.599 12.2825 7.6075C12.316 7.6175 12.35 7.625 12.3825 7.6385C12.417 7.6525 12.448 7.672 12.4805 7.69C12.5055 7.7035 12.531 7.7145 12.5545 7.7305C12.6095 7.7675 12.661 7.809 12.708 7.856L15.7075 10.8555C16.098 11.246 16.098 11.879 15.7075 12.2695C15.512 12.465 15.2565 12.5625 15.0005 12.5625C14.7445 12.5625 14.489 12.465 14.2935 12.2695L13 10.9765V15.5C13 16.052 12.552 16.5 12 16.5C11.448 16.5 11 16.052 11 15.5V10.9765L9.707 12.2695C9.3165 12.66 8.6835 12.66 8.293 12.2695Z" fill="#222222"/>
3
+ </svg>
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.28.0",
4
+ "version": "7.29.0",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
package/src/components/Organisms/Header/Header.md CHANGED
@@ -116,6 +116,8 @@ import data from './data/data';
116
116
  import Link from '../../Atoms/Link/Link';
117
117
  import searchIcon from './assets/icon--search--2023.svg';
118
118
  import shopIcon from './assets/icon--shop--2023.svg';
119
+ import payinIcon from './assets/PayIn.svg';
120
+
119
121
  import Icon from '../../Atoms/SocialIcons/Icon/Icon';
120
122
  import RichText from '../../Atoms/RichText/RichText';
121
123
 
@@ -170,6 +172,17 @@ const [success, setSuccess] = React.useState(false);
170
172
  tabIndex="0"
171
173
  />
172
174
  </div>
175
+ <div>
176
+ <Icon
177
+ icon={payinIcon}
178
+ title="Payin"
179
+ target="_blank"
180
+ role="button"
181
+ href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
182
+ brand="comicrelief"
183
+ tabIndex="0"
184
+ />
185
+ </div>
173
186
  </>
174
187
  }
175
188
  />;
package/src/components/Organisms/Header/assets/PayIn.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M22 1H2C1.448 1 1 1.448 1 2V7C1 7.552 1.448 8 2 8H4V19V19.5V22C4 22.552 4.448 23 5 23H19C19.552 23 20 22.552 20 22V19.5V19V8H22C22.552 8 23 7.552 23 7V2C23 1.448 22.552 1 22 1ZM6 21V20.5H18V21H6ZM18 18.5H6V6.0625H18V18.5ZM21 6H20V5.0625C20 4.5105 19.552 4.0625 19 4.0625H5C4.448 4.0625 4 4.5105 4 5.0625V6H3V3H21V6ZM8.293 12.2695C7.9025 11.879 7.9025 11.246 8.293 10.8555L11.2925 7.856C11.339 7.809 11.3905 7.7675 11.446 7.7305C11.4695 7.7145 11.4955 7.704 11.52 7.69C11.5525 7.672 11.5835 7.6525 11.618 7.6385C11.6505 7.625 11.6845 7.6175 11.718 7.6075C11.747 7.599 11.7745 7.588 11.8045 7.582C11.934 7.556 12.067 7.556 12.196 7.582C12.226 7.588 12.2535 7.599 12.2825 7.6075C12.316 7.6175 12.35 7.625 12.3825 7.6385C12.417 7.6525 12.448 7.672 12.4805 7.69C12.5055 7.7035 12.531 7.7145 12.5545 7.7305C12.6095 7.7675 12.661 7.809 12.708 7.856L15.7075 10.8555C16.098 11.246 16.098 11.879 15.7075 12.2695C15.512 12.465 15.2565 12.5625 15.0005 12.5625C14.7445 12.5625 14.489 12.465 14.2935 12.2695L13 10.9765V15.5C13 16.052 12.552 16.5 12 16.5C11.448 16.5 11 16.052 11 15.5V10.9765L9.707 12.2695C9.3165 12.66 8.6835 12.66 8.293 12.2695Z" fill="#222222"/>
3
+ </svg>