@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.
Files changed (76) hide show
  1. package/dist/components/Atoms/Logo/Logo.js +0 -5
  2. package/dist/components/Atoms/Logo/Logo.test.js +1 -1
  3. package/dist/components/Atoms/LogoNav2026/LogoNav2026.test.js +94 -0
  4. package/dist/components/Atoms/LogoNav2026/_LogoNav2026.js +63 -0
  5. package/dist/components/Atoms/LogoNav2026/assets/cr-logo-mob.svg +14 -0
  6. package/dist/components/Atoms/LogoNav2026/assets/cr-logo.svg +14 -0
  7. package/dist/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +12 -12
  8. package/dist/components/Molecules/CTA/CTASingleCard/CTASingleCard.md +2 -2
  9. package/dist/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +2 -2
  10. package/dist/components/Molecules/CTA/shared/CTACard.style.js +1 -1
  11. package/dist/components/Molecules/LogoLinked/LogoLinked.md +6 -1
  12. package/dist/components/Organisms/Header/HeaderNav/HeaderNav.style.js +3 -3
  13. package/dist/components/Organisms/Header2025/Header2025.md +1 -1
  14. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +1 -1
  15. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +3 -3
  16. package/dist/components/Organisms/Header2026/Burger/BurgerMenu.js +25 -0
  17. package/dist/components/Organisms/Header2026/Burger/BurgerMenu.style.js +58 -0
  18. package/dist/components/Organisms/Header2026/Header2026.js +148 -0
  19. package/dist/components/Organisms/Header2026/Header2026.md +14 -0
  20. package/dist/components/Organisms/Header2026/Header2026.style.js +129 -0
  21. package/dist/components/Organisms/Header2026/Navs/Navs.js +209 -0
  22. package/dist/components/Organisms/Header2026/Navs/Navs.style.js +104 -0
  23. package/dist/components/Organisms/Header2026/Navs/PrimaryNavItem.js +227 -0
  24. package/dist/components/Organisms/Header2026/Navs/PrimaryNavItem.style.js +401 -0
  25. package/dist/components/Organisms/Header2026/Navs/arrow-right.png +0 -0
  26. package/dist/components/Organisms/Header2026/Navs/arrow.svg +6 -0
  27. package/dist/components/Organisms/Header2026/Navs/chevron-down.svg +3 -0
  28. package/dist/components/Organisms/Header2026/assets/arrow-icon.svg +3 -0
  29. package/dist/components/Organisms/Header2026/assets/chevron-icon.svg +3 -0
  30. package/dist/components/Organisms/Header2026/assets/search-icon.svg +10 -0
  31. package/dist/components/Organisms/Header2026/header2026.test.js +24 -0
  32. package/dist/components/Organisms/Header2026/mockData/mockData.json +569 -0
  33. package/dist/components/Organisms/Header2026/mockData/query.graphql +64 -0
  34. package/dist/theme/shared/animations.js +6 -1
  35. package/dist/utils/navHelper.js +75 -3
  36. package/dist/utils/remove-extra-styles-in-preview.css +14 -0
  37. package/dist/utils/urlHelper.js +30 -0
  38. package/package.json +1 -1
  39. package/src/components/Atoms/Logo/Logo.js +0 -4
  40. package/src/components/Atoms/Logo/Logo.test.js +5 -5
  41. package/src/components/Atoms/LogoNav2026/LogoNav2026.test.js +91 -0
  42. package/src/components/Atoms/LogoNav2026/_LogoNav2026.js +75 -0
  43. package/src/components/Atoms/LogoNav2026/assets/cr-logo-mob.svg +14 -0
  44. package/src/components/Atoms/LogoNav2026/assets/cr-logo.svg +14 -0
  45. package/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +12 -12
  46. package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.md +2 -2
  47. package/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +2 -2
  48. package/src/components/Molecules/CTA/shared/CTACard.style.js +1 -1
  49. package/src/components/Molecules/LogoLinked/LogoLinked.md +6 -1
  50. package/src/components/Organisms/Header/HeaderNav/HeaderNav.style.js +2 -2
  51. package/src/components/Organisms/Header2025/Header2025.md +1 -1
  52. package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +1 -1
  53. package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js +2 -2
  54. package/src/components/Organisms/Header2026/Burger/BurgerMenu.js +26 -0
  55. package/src/components/Organisms/Header2026/Burger/BurgerMenu.style.js +104 -0
  56. package/src/components/Organisms/Header2026/Header2026.js +215 -0
  57. package/src/components/Organisms/Header2026/Header2026.md +14 -0
  58. package/src/components/Organisms/Header2026/Header2026.style.js +195 -0
  59. package/src/components/Organisms/Header2026/Navs/Navs.js +251 -0
  60. package/src/components/Organisms/Header2026/Navs/Navs.style.js +168 -0
  61. package/src/components/Organisms/Header2026/Navs/PrimaryNavItem.js +354 -0
  62. package/src/components/Organisms/Header2026/Navs/PrimaryNavItem.style.js +658 -0
  63. package/src/components/Organisms/Header2026/Navs/arrow-right.png +0 -0
  64. package/src/components/Organisms/Header2026/Navs/arrow.svg +6 -0
  65. package/src/components/Organisms/Header2026/Navs/chevron-down.svg +3 -0
  66. package/src/components/Organisms/Header2026/assets/arrow-icon.svg +3 -0
  67. package/src/components/Organisms/Header2026/assets/chevron-icon.svg +3 -0
  68. package/src/components/Organisms/Header2026/assets/search-icon.svg +10 -0
  69. package/src/components/Organisms/Header2026/header2026.test.js +22 -0
  70. package/src/components/Organisms/Header2026/mockData/mockData.json +569 -0
  71. package/src/components/Organisms/Header2026/mockData/query.graphql +64 -0
  72. package/src/theme/crTheme/theme.js +0 -1
  73. package/src/theme/shared/animations.js +43 -2
  74. package/src/utils/navHelper.js +82 -2
  75. package/src/utils/remove-extra-styles-in-preview.css +14 -0
  76. 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)