@comicrelief/component-library 8.54.0 → 8.55.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.
- package/dist/components/Atoms/Logo/Logo.js +0 -5
- package/dist/components/Atoms/Logo/Logo.test.js +1 -1
- package/dist/components/Atoms/LogoNav2026/LogoNav2026.test.js +94 -0
- package/dist/components/Atoms/LogoNav2026/_LogoNav2026.js +63 -0
- package/dist/components/Atoms/LogoNav2026/assets/cr-logo-mob.svg +14 -0
- package/dist/components/Atoms/LogoNav2026/assets/cr-logo.svg +14 -0
- package/dist/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +12 -12
- package/dist/components/Molecules/CTA/CTASingleCard/CTASingleCard.md +2 -2
- package/dist/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +2 -2
- package/dist/components/Molecules/CTA/shared/CTACard.style.js +1 -1
- package/dist/components/Molecules/LogoLinked/LogoLinked.md +6 -1
- package/dist/components/Organisms/Header/HeaderNav/HeaderNav.style.js +3 -3
- package/dist/components/Organisms/Header2025/Header2025.md +1 -1
- package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +1 -1
- package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +3 -3
- package/dist/components/Organisms/Header2026/Burger/BurgerMenu.js +25 -0
- package/dist/components/Organisms/Header2026/Burger/BurgerMenu.style.js +58 -0
- package/dist/components/Organisms/Header2026/Header2026.js +148 -0
- package/dist/components/Organisms/Header2026/Header2026.md +14 -0
- package/dist/components/Organisms/Header2026/Header2026.style.js +129 -0
- package/dist/components/Organisms/Header2026/Navs/Navs.js +209 -0
- package/dist/components/Organisms/Header2026/Navs/Navs.style.js +104 -0
- package/dist/components/Organisms/Header2026/Navs/PrimaryNavItem.js +227 -0
- package/dist/components/Organisms/Header2026/Navs/PrimaryNavItem.style.js +401 -0
- package/dist/components/Organisms/Header2026/Navs/arrow-right.png +0 -0
- package/dist/components/Organisms/Header2026/Navs/arrow.svg +6 -0
- package/dist/components/Organisms/Header2026/Navs/chevron-down.svg +3 -0
- package/dist/components/Organisms/Header2026/assets/arrow-icon.svg +3 -0
- package/dist/components/Organisms/Header2026/assets/chevron-icon.svg +3 -0
- package/dist/components/Organisms/Header2026/assets/search-icon.svg +10 -0
- package/dist/components/Organisms/Header2026/header2026.test.js +24 -0
- package/dist/components/Organisms/Header2026/mockData/mockData.json +569 -0
- package/dist/components/Organisms/Header2026/mockData/query.graphql +64 -0
- package/dist/theme/shared/animations.js +6 -1
- package/dist/utils/navHelper.js +75 -3
- package/dist/utils/remove-extra-styles-in-preview.css +14 -0
- package/dist/utils/urlHelper.js +30 -0
- package/package.json +1 -1
- package/src/components/Atoms/Logo/Logo.js +0 -4
- package/src/components/Atoms/Logo/Logo.test.js +5 -5
- package/src/components/Atoms/LogoNav2026/LogoNav2026.test.js +91 -0
- package/src/components/Atoms/LogoNav2026/_LogoNav2026.js +75 -0
- package/src/components/Atoms/LogoNav2026/assets/cr-logo-mob.svg +14 -0
- package/src/components/Atoms/LogoNav2026/assets/cr-logo.svg +14 -0
- package/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +12 -12
- package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.md +2 -2
- package/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +2 -2
- package/src/components/Molecules/CTA/shared/CTACard.style.js +1 -1
- package/src/components/Molecules/LogoLinked/LogoLinked.md +6 -1
- package/src/components/Organisms/Header/HeaderNav/HeaderNav.style.js +2 -2
- package/src/components/Organisms/Header2025/Header2025.md +1 -1
- package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +1 -1
- package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +2 -2
- package/src/components/Organisms/Header2026/Burger/BurgerMenu.js +26 -0
- package/src/components/Organisms/Header2026/Burger/BurgerMenu.style.js +104 -0
- package/src/components/Organisms/Header2026/Header2026.js +215 -0
- package/src/components/Organisms/Header2026/Header2026.md +14 -0
- package/src/components/Organisms/Header2026/Header2026.style.js +195 -0
- package/src/components/Organisms/Header2026/Navs/Navs.js +251 -0
- package/src/components/Organisms/Header2026/Navs/Navs.style.js +168 -0
- package/src/components/Organisms/Header2026/Navs/PrimaryNavItem.js +354 -0
- package/src/components/Organisms/Header2026/Navs/PrimaryNavItem.style.js +658 -0
- package/src/components/Organisms/Header2026/Navs/arrow-right.png +0 -0
- package/src/components/Organisms/Header2026/Navs/arrow.svg +6 -0
- package/src/components/Organisms/Header2026/Navs/chevron-down.svg +3 -0
- package/src/components/Organisms/Header2026/assets/arrow-icon.svg +3 -0
- package/src/components/Organisms/Header2026/assets/chevron-icon.svg +3 -0
- package/src/components/Organisms/Header2026/assets/search-icon.svg +10 -0
- package/src/components/Organisms/Header2026/header2026.test.js +22 -0
- package/src/components/Organisms/Header2026/mockData/mockData.json +569 -0
- package/src/components/Organisms/Header2026/mockData/query.graphql +64 -0
- package/src/theme/crTheme/theme.js +0 -1
- package/src/theme/shared/animations.js +43 -2
- package/src/utils/navHelper.js +82 -2
- package/src/utils/remove-extra-styles-in-preview.css +14 -0
- package/src/utils/urlHelper.js +27 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("jest-styled-components");
|
|
4
|
+
// import React from 'react';
|
|
5
|
+
|
|
6
|
+
// import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
|
|
7
|
+
// import Header from './Header';
|
|
8
|
+
|
|
9
|
+
// import data from './data/data';
|
|
10
|
+
// import Link from '../../Atoms/Link/Link';
|
|
11
|
+
it('renders correctly', () => {
|
|
12
|
+
// const tree = renderWithTheme(
|
|
13
|
+
// <Header
|
|
14
|
+
// navItems={data}
|
|
15
|
+
// metaIcons={
|
|
16
|
+
// <Link color="green" type="button" href="/donation">
|
|
17
|
+
// Donate
|
|
18
|
+
// </Link>
|
|
19
|
+
// }
|
|
20
|
+
// />
|
|
21
|
+
// ).toJSON();
|
|
22
|
+
|
|
23
|
+
// expect(tree).toMatchSnapshot();
|
|
24
|
+
});
|
|
@@ -0,0 +1,569 @@
|
|
|
1
|
+
{
|
|
2
|
+
"data": {
|
|
3
|
+
"allContentfulHeaderMenu": {
|
|
4
|
+
"edges": [
|
|
5
|
+
{
|
|
6
|
+
"node": {
|
|
7
|
+
"menuName": "Comic Relief - Header Menu",
|
|
8
|
+
"showSearch": true,
|
|
9
|
+
"headerPageGroups": [
|
|
10
|
+
{
|
|
11
|
+
"id": "ef2c7650-2802-5266-9027-dff66222a159",
|
|
12
|
+
"primaryPageName": "Get Involved",
|
|
13
|
+
"primaryPageUrlIfExternal": null,
|
|
14
|
+
"column1PageLinks": [
|
|
15
|
+
{
|
|
16
|
+
"id": "bc3d7525-1b7b-58d4-a1f9-1b44e7e58fad",
|
|
17
|
+
"pageLevel": true,
|
|
18
|
+
"pageName": "Red Nose Day",
|
|
19
|
+
"pageUrlIfExternal": "placeholder",
|
|
20
|
+
"pageSelector": {
|
|
21
|
+
"id": "9dbb2dbd-22d3-5719-bc9d-53319db9eaa3",
|
|
22
|
+
"path": "rednoseday",
|
|
23
|
+
"title": "Red Nose Day"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"id": "6977b07e-b46c-5734-9de4-5446e85df22d",
|
|
28
|
+
"pageLevel": false,
|
|
29
|
+
"pageName": "The Red Noses",
|
|
30
|
+
"pageUrlIfExternal": null,
|
|
31
|
+
"pageSelector": {
|
|
32
|
+
"id": "9dba46a7-d1e9-544b-ae04-6bb3ef995448",
|
|
33
|
+
"path": "rednoseday/noses",
|
|
34
|
+
"title": "The Red Noses"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"id": "0b3c5811-95ab-5121-b28a-fda0828a961f",
|
|
39
|
+
"pageLevel": true,
|
|
40
|
+
"pageName": "Sport Relief",
|
|
41
|
+
"pageUrlIfExternal": null,
|
|
42
|
+
"pageSelector": {
|
|
43
|
+
"id": "6244b603-c9ba-5acc-9d79-353234b1fe14",
|
|
44
|
+
"path": "sportrelief",
|
|
45
|
+
"title": "Sport Relief"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"id": "53748359-cff9-5c56-b93d-111bac0d906e",
|
|
50
|
+
"pageLevel": true,
|
|
51
|
+
"pageName": "Winter Appeal",
|
|
52
|
+
"pageUrlIfExternal": null,
|
|
53
|
+
"pageSelector": {
|
|
54
|
+
"id": "14ffecb6-aeed-5b7e-8268-c06b2c04aea1",
|
|
55
|
+
"path": "winterappeal",
|
|
56
|
+
"title": "Winter Appeal"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
],
|
|
60
|
+
"column2PageLinks": [
|
|
61
|
+
{
|
|
62
|
+
"id": "e464497d-3c95-5323-9395-e129372f0a0e",
|
|
63
|
+
"pageLevel": true,
|
|
64
|
+
"pageName": "Fundraise for us",
|
|
65
|
+
"pageUrlIfExternal": null,
|
|
66
|
+
"pageSelector": {
|
|
67
|
+
"title": "Fundraising Ideas",
|
|
68
|
+
"path": "rednoseday/fundraise",
|
|
69
|
+
"id": "35d9588f-9079-58ba-80aa-4d8193b80a7c"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"id": "431ab7c9-6ad6-58c9-b801-ed59ada32c0d",
|
|
74
|
+
"pageLevel": false,
|
|
75
|
+
"pageName": "Register to Fundraise",
|
|
76
|
+
"pageUrlIfExternal": null,
|
|
77
|
+
"pageSelector": null
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"id": "d4ce7a6b-e502-50ce-a8d1-b32eb0343ac0",
|
|
81
|
+
"pageLevel": false,
|
|
82
|
+
"pageName": "Ideas & Resources",
|
|
83
|
+
"pageUrlIfExternal": null,
|
|
84
|
+
"pageSelector": {
|
|
85
|
+
"title": "Fundraising Resources",
|
|
86
|
+
"path": "rednoseday/fundraise/resources",
|
|
87
|
+
"id": "fa78cc64-f70c-5b36-a7b8-e283754d55de"
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"id": "38e53010-8a99-577b-a7ab-e3157293bf50",
|
|
92
|
+
"pageLevel": false,
|
|
93
|
+
"pageName": "Running Events",
|
|
94
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/404/",
|
|
95
|
+
"pageSelector": null
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"id": "5bf77c5f-a39c-5c3e-a461-ef4606b2357d",
|
|
99
|
+
"pageLevel": false,
|
|
100
|
+
"pageName": "Schools",
|
|
101
|
+
"pageUrlIfExternal": null,
|
|
102
|
+
"pageSelector": {
|
|
103
|
+
"title": "Schools",
|
|
104
|
+
"path": "rednoseday/fundraise/schools",
|
|
105
|
+
"id": "da16a3c3-6d10-5a8d-b480-84dddae13953"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"id": "e650419d-af22-5cfc-b8a1-273d41f22c10",
|
|
110
|
+
"pageLevel": false,
|
|
111
|
+
"pageName": "Workplaces",
|
|
112
|
+
"pageUrlIfExternal": null,
|
|
113
|
+
"pageSelector": {
|
|
114
|
+
"title": "Fundraise at work",
|
|
115
|
+
"path": "rednoseday/fundraise/fundraise-at-work-old",
|
|
116
|
+
"id": "abc0b959-8067-5cd7-b929-94219db3e172"
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"id": "966ec56d-6e9c-513c-88df-2411e98607a6",
|
|
121
|
+
"pageLevel": false,
|
|
122
|
+
"pageName": "Share your fundraising story",
|
|
123
|
+
"pageUrlIfExternal": null,
|
|
124
|
+
"pageSelector": {
|
|
125
|
+
"title": "We want your Red Nose Day fundraising stories",
|
|
126
|
+
"path": "rednoseday/fundraise/stories",
|
|
127
|
+
"id": "ee31be93-a630-5130-a42a-ceae1cfc221b"
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"id": "75026502-87f3-59a7-b12b-cd378fcd377e",
|
|
132
|
+
"pageLevel": false,
|
|
133
|
+
"pageName": "Pay in Your Fundraising",
|
|
134
|
+
"pageUrlIfExternal": null,
|
|
135
|
+
"pageSelector": {
|
|
136
|
+
"title": "How to pay in your fundraising money ",
|
|
137
|
+
"path": "getinvolved/fundraise/pay-in-your-money",
|
|
138
|
+
"id": "72e07e7d-8090-5112-b123-8e87bc56f591"
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
],
|
|
142
|
+
"column3PageLinks": [
|
|
143
|
+
{
|
|
144
|
+
"id": "04359a7c-7737-558a-855c-3c229c4cd8b0",
|
|
145
|
+
"pageLevel": true,
|
|
146
|
+
"pageName": "Ways to Give",
|
|
147
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/404/",
|
|
148
|
+
"pageSelector": null
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"id": "5169af50-a2f4-5d0b-97ac-2ccc111a0752",
|
|
152
|
+
"pageLevel": false,
|
|
153
|
+
"pageName": "Make a donation",
|
|
154
|
+
"pageUrlIfExternal": "https://donation.comicrelief.com/",
|
|
155
|
+
"pageSelector": null
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"id": "89632fe0-a703-5370-8f34-4c700daff882",
|
|
159
|
+
"pageLevel": false,
|
|
160
|
+
"pageName": "Give Regularly",
|
|
161
|
+
"pageUrlIfExternal": null,
|
|
162
|
+
"pageSelector": {
|
|
163
|
+
"id": "d55f5579-4d6e-5d29-b6df-ed0b21ee608a",
|
|
164
|
+
"path": "regular-donation",
|
|
165
|
+
"title": "Regular Donations"
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"id": "a54ded73-df85-525e-a62e-974cfb25ee9f",
|
|
170
|
+
"pageLevel": false,
|
|
171
|
+
"pageName": "Adopt a Red Nose",
|
|
172
|
+
"pageUrlIfExternal": null,
|
|
173
|
+
"pageSelector": {
|
|
174
|
+
"id": "e0159e67-e62e-575a-967c-502c58660938",
|
|
175
|
+
"path": "getinvolved/adopt-a-red-nose",
|
|
176
|
+
"title": "Adopt A Red Nose"
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"id": "e5c547e9-15df-5c55-b995-784d08d89fa1",
|
|
181
|
+
"pageLevel": false,
|
|
182
|
+
"pageName": "Leave a gift in your will",
|
|
183
|
+
"pageUrlIfExternal": null,
|
|
184
|
+
"pageSelector": {
|
|
185
|
+
"id": "7fd28ba0-fffb-5fa1-b4cb-7ccfa026b519",
|
|
186
|
+
"path": "getinvolved/yourwill",
|
|
187
|
+
"title": "Your Will and Comic Relief"
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"id": "1188362d-56f5-59d5-9db9-b73c37126974",
|
|
192
|
+
"pageLevel": false,
|
|
193
|
+
"pageName": "Philanthropy",
|
|
194
|
+
"pageUrlIfExternal": null,
|
|
195
|
+
"pageSelector": {
|
|
196
|
+
"id": "12b1a3ef-11c2-5a0f-a13f-51a4b262c61b",
|
|
197
|
+
"path": "getinvolved/philanthropy",
|
|
198
|
+
"title": "Philanthropy"
|
|
199
|
+
}
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"id": "f1f737f6-86b3-51be-98f2-c2b9d8e56abe",
|
|
203
|
+
"pageLevel": true,
|
|
204
|
+
"pageName": "Prizes",
|
|
205
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/prizes/",
|
|
206
|
+
"pageSelector": null
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"id": "b47bbd0c-25e2-5d4a-b7cf-20ea846ba961",
|
|
210
|
+
"pageLevel": true,
|
|
211
|
+
"pageName": "Partner with us",
|
|
212
|
+
"pageUrlIfExternal": null,
|
|
213
|
+
"pageSelector": {
|
|
214
|
+
"id": "34ae1900-3d00-5ef4-9ebf-9ffd8e156f8c",
|
|
215
|
+
"path": "working-with-us/our-partners",
|
|
216
|
+
"title": "Our partners"
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
],
|
|
220
|
+
"column3PageCards": null
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"id": "01dc2863-1c8b-5207-abf0-7ea03897eb21",
|
|
224
|
+
"primaryPageName": "What your money does",
|
|
225
|
+
"primaryPageUrlIfExternal": null,
|
|
226
|
+
"column1PageLinks": [
|
|
227
|
+
{
|
|
228
|
+
"id": "65e1f1a6-405c-5751-a5ce-b3c142b2f2e7",
|
|
229
|
+
"pageLevel": true,
|
|
230
|
+
"pageName": "Impact Story: Dingley's Promise",
|
|
231
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/what-your-money-does/dingleys-promise/",
|
|
232
|
+
"pageSelector": null
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"id": "a0588e3c-ca26-58a9-a251-3524776e184d",
|
|
236
|
+
"pageLevel": true,
|
|
237
|
+
"pageName": "Impact Story: Keren's story",
|
|
238
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/what-your-money-does/keren/",
|
|
239
|
+
"pageSelector": null
|
|
240
|
+
}
|
|
241
|
+
],
|
|
242
|
+
"column2PageLinks": [
|
|
243
|
+
{
|
|
244
|
+
"id": "80b4dcc5-e11f-5aef-ae74-2240de9c4372",
|
|
245
|
+
"pageLevel": true,
|
|
246
|
+
"pageName": "Impact Story: Sarah's story",
|
|
247
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/what-your-money-does/sarah/",
|
|
248
|
+
"pageSelector": null
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
"id": "eb388f17-f317-5c79-8f46-d5a10ba42122",
|
|
252
|
+
"pageLevel": true,
|
|
253
|
+
"pageName": "Impact Story: The Lighthouse Project",
|
|
254
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/what-your-money-does/the-lighthouse-project/",
|
|
255
|
+
"pageSelector": null
|
|
256
|
+
}
|
|
257
|
+
],
|
|
258
|
+
"column3PageLinks": null,
|
|
259
|
+
"column3PageCards": [
|
|
260
|
+
{
|
|
261
|
+
"id": "9d038936-e041-5b97-9785-352d2c3a6def",
|
|
262
|
+
"pageName": "Sign up for more stories",
|
|
263
|
+
"pageDescription": "Sign up to recieve our stories and get brand new stories delivered to your inbox",
|
|
264
|
+
"primaryPageUrlIfExternal": "https://www.comicrelief.com/404/",
|
|
265
|
+
"image": {
|
|
266
|
+
"title": "grey small",
|
|
267
|
+
"url": "https://images.ctfassets.net/zsfivwzfgl3t/7jKN7DijPQ1uMqGZ8GgOTR/59ca9b3e9d576358041fbec956122337/Image_Placeholder.png",
|
|
268
|
+
"id": "9ce427e6-90d5-58b0-8cec-13ecaa8b1095"
|
|
269
|
+
},
|
|
270
|
+
"pageSelector": null
|
|
271
|
+
}
|
|
272
|
+
]
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"id": "27f84bde-e83c-5c15-b1f1-ac2b59fee85f",
|
|
276
|
+
"primaryPageName": "Shop",
|
|
277
|
+
"primaryPageUrlIfExternal": "https://shop.comicrelief.com/",
|
|
278
|
+
"column1PageLinks": [
|
|
279
|
+
{
|
|
280
|
+
"id": "309a7059-5e43-5c94-9aca-4bb4db3b47cd",
|
|
281
|
+
"pageLevel": true,
|
|
282
|
+
"pageName": "Red Nose Day Shop",
|
|
283
|
+
"pageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
284
|
+
"pageSelector": null
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"id": "3640a345-98d7-5138-95e8-62fbcc59078e",
|
|
288
|
+
"pageLevel": false,
|
|
289
|
+
"pageName": "The Red Nose",
|
|
290
|
+
"pageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
291
|
+
"pageSelector": null
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"id": "8e74649a-5c11-5d64-a637-405c5e264d84",
|
|
295
|
+
"pageLevel": false,
|
|
296
|
+
"pageName": "T-Shirts & Sweaters",
|
|
297
|
+
"pageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
298
|
+
"pageSelector": null
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"id": "0224bbfe-9fa9-5881-a8c7-f928d96dd532",
|
|
302
|
+
"pageLevel": false,
|
|
303
|
+
"pageName": "Fundraising Packs",
|
|
304
|
+
"pageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
305
|
+
"pageSelector": null
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"id": "b6861dc9-f6eb-5412-af9d-2d6a58fe72b3",
|
|
309
|
+
"pageLevel": false,
|
|
310
|
+
"pageName": "Accesories",
|
|
311
|
+
"pageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
312
|
+
"pageSelector": null
|
|
313
|
+
}
|
|
314
|
+
],
|
|
315
|
+
"column2PageLinks": [
|
|
316
|
+
{
|
|
317
|
+
"id": "88613809-646a-5f83-a860-191368f116f2",
|
|
318
|
+
"pageLevel": true,
|
|
319
|
+
"pageName": "Delivey and FAQs",
|
|
320
|
+
"pageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
321
|
+
"pageSelector": null
|
|
322
|
+
}
|
|
323
|
+
],
|
|
324
|
+
"column3PageLinks": null,
|
|
325
|
+
"column3PageCards": [
|
|
326
|
+
{
|
|
327
|
+
"id": "3ca3ebdc-9880-579f-9705-6e1b690dc751",
|
|
328
|
+
"pageName": "Buy a single Red Nose",
|
|
329
|
+
"pageDescription": "Get your Red Nose now, and help tackle poverty in the UK and internationally.",
|
|
330
|
+
"primaryPageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
331
|
+
"image": {
|
|
332
|
+
"title": "grey small",
|
|
333
|
+
"url": "https://images.ctfassets.net/zsfivwzfgl3t/7jKN7DijPQ1uMqGZ8GgOTR/59ca9b3e9d576358041fbec956122337/Image_Placeholder.png",
|
|
334
|
+
"id": "9ce427e6-90d5-58b0-8cec-13ecaa8b1095"
|
|
335
|
+
},
|
|
336
|
+
"pageSelector": null
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"id": "e13b108e-d637-5ed0-9484-6d462caa28cf",
|
|
340
|
+
"pageName": "Buy a Crazy Hair Plushie",
|
|
341
|
+
"pageDescription": "Celebrate Comic Relief's 40th birthday with this exclusive Red Nose Day plush. ",
|
|
342
|
+
"primaryPageUrlIfExternal": "http://shop.comicrelief.com/",
|
|
343
|
+
"image": {
|
|
344
|
+
"title": "grey small",
|
|
345
|
+
"url": "https://images.ctfassets.net/zsfivwzfgl3t/7jKN7DijPQ1uMqGZ8GgOTR/59ca9b3e9d576358041fbec956122337/Image_Placeholder.png",
|
|
346
|
+
"id": "9ce427e6-90d5-58b0-8cec-13ecaa8b1095"
|
|
347
|
+
},
|
|
348
|
+
"pageSelector": null
|
|
349
|
+
}
|
|
350
|
+
]
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"id": "32494c7a-00f0-5ae5-b4aa-77bd5c61166e",
|
|
354
|
+
"primaryPageName": "Funding",
|
|
355
|
+
"primaryPageUrlIfExternal": null,
|
|
356
|
+
"column1PageLinks": [
|
|
357
|
+
{
|
|
358
|
+
"id": "3c6031f6-04eb-56ec-aa89-0b71c530ba6d",
|
|
359
|
+
"pageLevel": true,
|
|
360
|
+
"pageName": "What we fund",
|
|
361
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/404/",
|
|
362
|
+
"pageSelector": null
|
|
363
|
+
},
|
|
364
|
+
{
|
|
365
|
+
"id": "6f6408ad-9bcd-5dfa-b743-37da61e5dccf",
|
|
366
|
+
"pageLevel": false,
|
|
367
|
+
"pageName": "Alleviating poverty’s consequences",
|
|
368
|
+
"pageUrlIfExternal": null,
|
|
369
|
+
"pageSelector": {
|
|
370
|
+
"id": "35feceb5-7eb5-5e20-994b-1e0c3fa24b7e",
|
|
371
|
+
"path": "funding/alleviating-the-consequences-of-poverty",
|
|
372
|
+
"title": "Strategic Programme | Alleviating the Consequences of Poverty"
|
|
373
|
+
}
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"id": "7dd26f92-3ea8-5e2c-90d0-0b97899adb10",
|
|
377
|
+
"pageLevel": false,
|
|
378
|
+
"pageName": "Tackling Injustices",
|
|
379
|
+
"pageUrlIfExternal": null,
|
|
380
|
+
"pageSelector": {
|
|
381
|
+
"id": "3e6ab1e3-bd83-5205-a984-283aebac3db0",
|
|
382
|
+
"path": "funding/tackling-injustices",
|
|
383
|
+
"title": "Strategic Programme | Tackling Injustices"
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"id": "24e3024a-a103-59f8-be8d-dee141a637de",
|
|
388
|
+
"pageLevel": false,
|
|
389
|
+
"pageName": "Climate Change",
|
|
390
|
+
"pageUrlIfExternal": null,
|
|
391
|
+
"pageSelector": {
|
|
392
|
+
"id": "bdd0a67c-752b-55eb-bed4-e95b1a483b86",
|
|
393
|
+
"path": "funding/climate-justice",
|
|
394
|
+
"title": "Strategic Programme | Climate Justice"
|
|
395
|
+
}
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"id": "5499117b-3272-5544-98f4-dffe71262f6f",
|
|
399
|
+
"pageLevel": false,
|
|
400
|
+
"pageName": "Pop Culture for Social Change",
|
|
401
|
+
"pageUrlIfExternal": null,
|
|
402
|
+
"pageSelector": {
|
|
403
|
+
"id": "9fadda2d-ea80-5186-90e4-20897c59b9df",
|
|
404
|
+
"path": "funding/pop-culture-for-social-change",
|
|
405
|
+
"title": "Approach | Pop Culture for Social Change"
|
|
406
|
+
}
|
|
407
|
+
},
|
|
408
|
+
{
|
|
409
|
+
"id": "cd9f9a05-241e-5bca-a6dc-51bde0a613f4",
|
|
410
|
+
"pageLevel": false,
|
|
411
|
+
"pageName": "Sport for Change",
|
|
412
|
+
"pageUrlIfExternal": null,
|
|
413
|
+
"pageSelector": {
|
|
414
|
+
"id": "72447296-971c-556e-9d41-4afb8ac687aa",
|
|
415
|
+
"path": "funding/sport-for-change",
|
|
416
|
+
"title": "Approach | Sport for change"
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
],
|
|
420
|
+
"column2PageLinks": [
|
|
421
|
+
{
|
|
422
|
+
"id": "234fdab6-056f-587d-ac66-c89f4354bacd",
|
|
423
|
+
"pageLevel": true,
|
|
424
|
+
"pageName": "Our Funding Practice",
|
|
425
|
+
"pageUrlIfExternal": null,
|
|
426
|
+
"pageSelector": {
|
|
427
|
+
"title": "Our Funding Practice",
|
|
428
|
+
"path": "funding/our-funding-practice",
|
|
429
|
+
"id": "7cdd22ab-3754-5c70-8f40-98e11263960d"
|
|
430
|
+
}
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"id": "bb63cc98-72dd-5fae-ba85-1ede556a1f8b",
|
|
434
|
+
"pageLevel": false,
|
|
435
|
+
"pageName": "Funding Opportunities",
|
|
436
|
+
"pageUrlIfExternal": null,
|
|
437
|
+
"pageSelector": {
|
|
438
|
+
"title": "Funding opportunities",
|
|
439
|
+
"path": "funding/funding-opportunities",
|
|
440
|
+
"id": "4dba06d9-192d-5e07-80d4-3e011ba4db7d"
|
|
441
|
+
}
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"id": "851694a3-3421-58a9-b6cf-f1b1c07bd2a7",
|
|
445
|
+
"pageLevel": false,
|
|
446
|
+
"pageName": "Managing Your Funding",
|
|
447
|
+
"pageUrlIfExternal": null,
|
|
448
|
+
"pageSelector": {
|
|
449
|
+
"title": "Managing your funding",
|
|
450
|
+
"path": "funding/managing-your-funding",
|
|
451
|
+
"id": "9e886283-fe43-574e-9e66-a9c5ab8866c7"
|
|
452
|
+
}
|
|
453
|
+
}
|
|
454
|
+
],
|
|
455
|
+
"column3PageLinks": null,
|
|
456
|
+
"column3PageCards": [
|
|
457
|
+
{
|
|
458
|
+
"id": "382be401-affc-5f94-93f5-fadbcb6b2016",
|
|
459
|
+
"pageName": "Funding Breakdown",
|
|
460
|
+
"pageDescription": "Read about the programmes we have funded under our Strategic Priorities.",
|
|
461
|
+
"primaryPageUrlIfExternal": "https://www.comicrelief.com/news/funding-breakdown-alleviating-povertys-consequences-and-grip-on-peoples/",
|
|
462
|
+
"image": {
|
|
463
|
+
"title": "grey small",
|
|
464
|
+
"url": "https://images.ctfassets.net/zsfivwzfgl3t/7jKN7DijPQ1uMqGZ8GgOTR/59ca9b3e9d576358041fbec956122337/Image_Placeholder.png",
|
|
465
|
+
"id": "9ce427e6-90d5-58b0-8cec-13ecaa8b1095"
|
|
466
|
+
},
|
|
467
|
+
"pageSelector": null
|
|
468
|
+
}
|
|
469
|
+
]
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"id": "69216910-5666-5c72-b972-06e40bc2579b",
|
|
473
|
+
"primaryPageName": "About",
|
|
474
|
+
"primaryPageUrlIfExternal": "placeholder",
|
|
475
|
+
"column1PageLinks": [
|
|
476
|
+
{
|
|
477
|
+
"id": "c6d82d97-6797-5777-b601-79091772c65a",
|
|
478
|
+
"pageLevel": true,
|
|
479
|
+
"pageName": "Careers",
|
|
480
|
+
"pageUrlIfExternal": "placeholder",
|
|
481
|
+
"pageSelector": {
|
|
482
|
+
"id": "1ede45a8-0d7e-5ca4-9448-fbbfa5ec7e86",
|
|
483
|
+
"path": "careers",
|
|
484
|
+
"title": "Work at Comic Relief"
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"id": "ff5449f1-92ba-5279-b549-7e85a85fab5d",
|
|
489
|
+
"pageLevel": false,
|
|
490
|
+
"pageName": "Meet The Team",
|
|
491
|
+
"pageUrlIfExternal": null,
|
|
492
|
+
"pageSelector": {
|
|
493
|
+
"id": "5d469570-2321-5204-b3f5-05d2e81daec5",
|
|
494
|
+
"path": "meet-the-team",
|
|
495
|
+
"title": "Meet the Team"
|
|
496
|
+
}
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"id": "f81586e0-08ff-577f-9870-92ed6789ddf1",
|
|
500
|
+
"pageLevel": false,
|
|
501
|
+
"pageName": "Open Roles",
|
|
502
|
+
"pageUrlIfExternal": "https://app.beapplied.com/org/comic-relief",
|
|
503
|
+
"pageSelector": null
|
|
504
|
+
}
|
|
505
|
+
],
|
|
506
|
+
"column2PageLinks": [
|
|
507
|
+
{
|
|
508
|
+
"id": "6d63f35f-2742-5836-b115-1f632a797acb",
|
|
509
|
+
"pageLevel": true,
|
|
510
|
+
"pageName": "News & Publications",
|
|
511
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/news/",
|
|
512
|
+
"pageSelector": null
|
|
513
|
+
},
|
|
514
|
+
{
|
|
515
|
+
"id": "e3e04212-1550-5c24-8f67-758b43600b05",
|
|
516
|
+
"pageLevel": false,
|
|
517
|
+
"pageName": "News",
|
|
518
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/news/",
|
|
519
|
+
"pageSelector": null
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"id": "e0cd3a76-9098-5a14-8a7b-ae671dff10cd",
|
|
523
|
+
"pageLevel": false,
|
|
524
|
+
"pageName": "Press releases",
|
|
525
|
+
"pageUrlIfExternal": "https://www.comicrelief.com/press-releases/",
|
|
526
|
+
"pageSelector": null
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"id": "a83269cd-8056-511d-9036-ace83570eb24",
|
|
530
|
+
"pageLevel": false,
|
|
531
|
+
"pageName": "Reports & Publications",
|
|
532
|
+
"pageUrlIfExternal": null,
|
|
533
|
+
"pageSelector": {
|
|
534
|
+
"title": "Reports & Publications",
|
|
535
|
+
"path": "funding/reports-and-publications",
|
|
536
|
+
"id": "fb21932f-649d-508d-9c11-5dde806e6707"
|
|
537
|
+
}
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"id": "45b27c0d-b3ad-5bc8-bcc3-652595b7d54d",
|
|
541
|
+
"pageLevel": false,
|
|
542
|
+
"pageName": "Finances",
|
|
543
|
+
"pageUrlIfExternal": null,
|
|
544
|
+
"pageSelector": null
|
|
545
|
+
}
|
|
546
|
+
],
|
|
547
|
+
"column3PageLinks": [
|
|
548
|
+
{
|
|
549
|
+
"id": "4c788a06-5be9-5181-8d9a-9b28a569e3eb",
|
|
550
|
+
"pageLevel": true,
|
|
551
|
+
"pageName": "Our Partners",
|
|
552
|
+
"pageUrlIfExternal": null,
|
|
553
|
+
"pageSelector": {
|
|
554
|
+
"id": "34ae1900-3d00-5ef4-9ebf-9ffd8e156f8c",
|
|
555
|
+
"path": "working-with-us/our-partners",
|
|
556
|
+
"title": "Our partners"
|
|
557
|
+
}
|
|
558
|
+
}
|
|
559
|
+
],
|
|
560
|
+
"column3PageCards": null
|
|
561
|
+
}
|
|
562
|
+
]
|
|
563
|
+
}
|
|
564
|
+
}
|
|
565
|
+
]
|
|
566
|
+
}
|
|
567
|
+
},
|
|
568
|
+
"extensions": {}
|
|
569
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
query MyQuery {
|
|
2
|
+
allContentfulHeaderMenu {
|
|
3
|
+
edges {
|
|
4
|
+
node {
|
|
5
|
+
menuName
|
|
6
|
+
showSearch
|
|
7
|
+
headerPageGroups {
|
|
8
|
+
id
|
|
9
|
+
primaryPageName
|
|
10
|
+
primaryPageUrlIfExternal
|
|
11
|
+
column1PageLinks {
|
|
12
|
+
id
|
|
13
|
+
pageLevel
|
|
14
|
+
pageName
|
|
15
|
+
pageUrlIfExternal
|
|
16
|
+
pageSelector {
|
|
17
|
+
id
|
|
18
|
+
path
|
|
19
|
+
title
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
column2PageLinks {
|
|
23
|
+
id
|
|
24
|
+
pageLevel
|
|
25
|
+
pageName
|
|
26
|
+
pageUrlIfExternal
|
|
27
|
+
pageSelector {
|
|
28
|
+
title
|
|
29
|
+
path
|
|
30
|
+
id
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
column3PageLinks {
|
|
34
|
+
id
|
|
35
|
+
pageLevel
|
|
36
|
+
pageName
|
|
37
|
+
pageUrlIfExternal
|
|
38
|
+
pageSelector {
|
|
39
|
+
id
|
|
40
|
+
path
|
|
41
|
+
title
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
column3PageCards {
|
|
45
|
+
id
|
|
46
|
+
pageName
|
|
47
|
+
pageDescription
|
|
48
|
+
primaryPageUrlIfExternal
|
|
49
|
+
image {
|
|
50
|
+
title
|
|
51
|
+
url
|
|
52
|
+
id
|
|
53
|
+
}
|
|
54
|
+
pageSelector {
|
|
55
|
+
id
|
|
56
|
+
path
|
|
57
|
+
title
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -3,8 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.springScaleAnimation = exports.logoRotateAnimation = exports.formFieldInputAnimation = exports.bounceUpAnimation = void 0;
|
|
6
|
+
exports.springScaleAnimation = exports.pulseOutAnimation = exports.pulseInAnimation = exports.logoRotateAnimation = exports.formFieldInputAnimation = exports.bounceUpAnimation = void 0;
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
|
+
const pulseIn = (0, _styledComponents.keyframes)(["from{transform:scale3d(1,1,1);}30%{transform:scale3d(1.04,1.04,1.04);}60%{transform:scale3d(1.03,1.03,1.03);}to{transform:scale3d(1.04,1.04,1.04);}"]);
|
|
9
|
+
const pulseOut = (0, _styledComponents.keyframes)(["from{transform:scale3d(1.03,1.03,1.03);}30%{transform:scale3d(0.99,0.99,0.99);}60%{transform:scale3d(1.01,1.01,1.01);}to{transform:scale3d(1,1,1);}"]);
|
|
10
|
+
const pulseInAnimation = exports.pulseInAnimation = (0, _styledComponents.css)(["animation:", " 0.4s ease-in-out forwards;"], pulseIn);
|
|
11
|
+
const pulseOutAnimation = exports.pulseOutAnimation = (0, _styledComponents.css)(["", " animation-name:", ";"], pulseInAnimation, pulseOut);
|
|
12
|
+
|
|
8
13
|
/**
|
|
9
14
|
* Logo rotation animation on hover
|
|
10
15
|
* Applies a rotation transition that rotates the logo (or whatever else)
|