@comicrelief/component-library 8.83.0 → 8.84.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 (46) hide show
  1. package/dist/index.cjs.js +1237 -868
  2. package/dist/index.es.js +10978 -10219
  3. package/package.json +1 -1
  4. package/src/App.styles.js +2 -2
  5. package/src/components/Atoms/Button/Button.js +13 -3
  6. package/src/components/Atoms/Button/Button.style.js +19 -1
  7. package/src/components/Atoms/Button/Button.test.js +1 -1
  8. package/src/components/Atoms/Button/ButtonExample.jsx +24 -0
  9. package/src/components/Atoms/ButtonWithStates/ButtonWithStates.js +1 -1
  10. package/src/components/Atoms/Icons/Cross.js +0 -1
  11. package/src/components/Atoms/Icons/Download.js +4 -4
  12. package/src/components/Atoms/Icons/External.js +4 -4
  13. package/src/components/Atoms/Icons/Filter.js +50 -0
  14. package/src/components/Atoms/Icons/IconsExample.jsx +9 -5
  15. package/src/components/Atoms/Icons/Undo.js +44 -0
  16. package/src/components/Atoms/Icons/index.js +2 -0
  17. package/src/components/Atoms/Link/Link.test.js +1 -1
  18. package/src/components/Atoms/Link/LinkExample.jsx +4 -2
  19. package/src/components/Atoms/Text/TextExample.jsx +338 -130
  20. package/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap +2 -2
  21. package/src/components/Molecules/ExpandedButton/ExpandedButton.style.js +1 -0
  22. package/src/components/Molecules/ExpandedButton/__snapshots__/ExpandedButton.test.js.snap +1 -0
  23. package/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +2 -2
  24. package/src/components/Molecules/QuoteSlice/__snapshots__/QuoteSlice.test.js.snap +1 -1
  25. package/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap +2 -2
  26. package/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap +1 -3
  27. package/src/components/Organisms/CookieBanner/CookieBanner.test.js +1 -1
  28. package/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap +12 -12
  29. package/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +3 -3
  30. package/src/components/Organisms/FilterCard/FilterCard.js +286 -0
  31. package/src/components/Organisms/FilterCard/FilterCard.style.js +425 -0
  32. package/src/components/Organisms/FilterCard/FilterCard.test.js +60 -0
  33. package/src/components/Organisms/FilterCard/FilterCardExample.jsx +48 -0
  34. package/src/components/Organisms/FilterCard/FilterCardNodes.js +155 -0
  35. package/src/components/Organisms/FilterCard/__snapshots__/FilterCard.test.js.snap +1006 -0
  36. package/src/components/Organisms/FilterCard/_utils/_utils.js +57 -0
  37. package/src/components/Organisms/FilterCard/assets/Rectangle.svg +3 -0
  38. package/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +4 -4
  39. package/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +1 -1
  40. package/src/data/TestFilterCardNodeData.js +930 -0
  41. package/src/data/data.js +64 -1
  42. package/src/data/test-icons/Children--black.svg +5 -0
  43. package/src/data/test-icons/Children--white.svg +5 -0
  44. package/src/demos/index.jsx +31 -9
  45. package/src/index.js +1 -0
  46. package/src/theme/crTheme/buttonColors.js +3 -4
package/src/data/TestFilterCardNodeData.js ADDED
@@ -0,0 +1,930 @@
1
+ // Minimal content
2
+ const FilterCardNodes4 = [
3
+ {
4
+ id: '09da5344-0104-5b36-833f-83e042cb4068',
5
+ title: 'Filter card 1 (Tag A)',
6
+ label: 'Filter Card label',
7
+ heading: 'Filter Card heading (tag A)',
8
+ ctaText: 'CTA Text: Download',
9
+ url: 'https://www.google.com',
10
+ ctaIcon: 'Download',
11
+ description: 'Filter Card description',
12
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
13
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
14
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
15
+ imageAltText: 'Test 1-to-1 image description',
16
+ filterTags: [
17
+ {
18
+ tag: 'Tag A',
19
+ title: 'Tag A',
20
+ filterIconSelected: {
21
+ file: {
22
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
23
+ }
24
+ },
25
+ filterIconUnselected: {
26
+ file: {
27
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
28
+ }
29
+ }
30
+ }
31
+ ]
32
+ },
33
+ {
34
+ id: 'e80379c0-a0ea-565c-b91a-65d874554d84',
35
+ title: 'Filter card 2 (Tag B, no description, External link)',
36
+ label: 'Filter Card label',
37
+ heading: 'Filter Card heading (tag B, no description)',
38
+ ctaText: 'CTA Text: External URL',
39
+ url: 'https://www.google.com',
40
+ ctaIcon: 'External URL',
41
+ description: null,
42
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
43
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
44
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
45
+ imageAltText: 'Test 1-to-1 image description',
46
+ filterTags: [
47
+ {
48
+ tag: 'Tag B',
49
+ title: 'Tag B',
50
+ filterIconSelected: {
51
+ file: {
52
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
53
+ }
54
+ },
55
+ filterIconUnselected: {
56
+ file: {
57
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
58
+ }
59
+ }
60
+ }
61
+ ]
62
+ },
63
+ {
64
+ id: 'e7c5c130-ae26-5ead-abef-c908bba5bd18',
65
+ title: 'Filter card 3 (tags A, B, C & D)',
66
+ label: 'Filter Card label',
67
+ heading: 'Filter Card heading (tags A, B, C & D)',
68
+ ctaText: 'CTA Text: Download',
69
+ url: 'https://www.google.com',
70
+ ctaIcon: 'Download',
71
+ description: 'Filter Card description, but longer & more latin: Lorem ipsum dolor sit amet.',
72
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
73
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
74
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
75
+ imageAltText: 'Test 1-to-1 image description',
76
+ filterTags: [
77
+ {
78
+ tag: 'Tag A',
79
+ title: 'Tag A',
80
+ filterIconSelected: {
81
+ file: {
82
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
83
+ }
84
+ },
85
+ filterIconUnselected: {
86
+ file: {
87
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
88
+ }
89
+ }
90
+ },
91
+ {
92
+ tag: 'Tag B',
93
+ title: 'Tag B',
94
+ filterIconSelected: {
95
+ file: {
96
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
97
+ }
98
+ },
99
+ filterIconUnselected: {
100
+ file: {
101
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
102
+ }
103
+ }
104
+ },
105
+ {
106
+ tag: 'Tag C',
107
+ title: 'Tag C',
108
+ filterIconSelected: {
109
+ file: {
110
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
111
+ }
112
+ },
113
+ filterIconUnselected: {
114
+ file: {
115
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
116
+ }
117
+ }
118
+ },
119
+ {
120
+ tag: 'Tag D',
121
+ title: 'Tag D',
122
+ filterIconSelected: {
123
+ file: {
124
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
125
+ }
126
+ },
127
+ filterIconUnselected: {
128
+ file: {
129
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
130
+ }
131
+ }
132
+ }
133
+ ]
134
+ },
135
+ {
136
+ id: '469fa12c-e425-5372-9899-ba69924d5603',
137
+ title: 'Filter card 4 (tags A & D)',
138
+ label: 'Filter Card label',
139
+ heading: 'Filter Card heading (tags A & D, no description)',
140
+ ctaText: 'CTA Text: no icon',
141
+ url: 'https://www.google.com',
142
+ ctaIcon: null,
143
+ description: null,
144
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
145
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
146
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
147
+ imageAltText: 'Test 1-to-1 image description',
148
+ filterTags: [
149
+ {
150
+ tag: 'Tag A',
151
+ title: 'Tag A',
152
+ filterIconSelected: {
153
+ file: {
154
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
155
+ }
156
+ },
157
+ filterIconUnselected: {
158
+ file: {
159
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
160
+ }
161
+ }
162
+ },
163
+ {
164
+ tag: 'Tag D',
165
+ title: 'Tag D',
166
+ filterIconSelected: {
167
+ file: {
168
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
169
+ }
170
+ },
171
+ filterIconUnselected: {
172
+ file: {
173
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
174
+ }
175
+ }
176
+ }
177
+ ]
178
+ }
179
+ ];
180
+
181
+ // Add another example to balance out the grid when Hero-ing the first,
182
+ // as per the eventual usage; mainly here to keep Curtis happy
183
+ const FilterCardNodes5 = FilterCardNodes4.concat(
184
+ [
185
+ {
186
+ id: '09da5344-0104-5b36-833f-83e042cb4068-2',
187
+ title: 'Filter card 1 (Tag A)',
188
+ label: 'Filter Card label',
189
+ heading: 'Filter Card heading (tag A) TWO',
190
+ ctaText: 'CTA Text: Download',
191
+ url: 'https://www.google.com',
192
+ ctaIcon: 'Download',
193
+ description: 'Filter Card description',
194
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
195
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
196
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
197
+ imageAltText: 'Test 1-to-1 image description',
198
+ filterTags: [
199
+ {
200
+ tag: 'Tag A',
201
+ title: 'Tag A',
202
+ filterIconSelected: {
203
+ file: {
204
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
205
+ }
206
+ },
207
+ filterIconUnselected: {
208
+ file: {
209
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
210
+ }
211
+ }
212
+ }
213
+ ]
214
+ }
215
+ ]
216
+ );
217
+
218
+ // Loads and loads of content to test the Show More functionality
219
+ const FilterCardNodes20 = FilterCardNodes4.concat([
220
+ {
221
+ id: '09da5344-0104-5b36-833f-83e042cb4068-2',
222
+ title: 'Filter card 1 (Tag A)',
223
+ label: 'Filter Card label',
224
+ heading: 'Filter Card heading (tag A) TWO',
225
+ ctaText: 'CTA Text: Download',
226
+ url: 'https://www.google.com',
227
+ ctaIcon: 'Download',
228
+ description: 'Filter Card description',
229
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
230
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
231
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
232
+ imageAltText: 'Test 1-to-1 image description',
233
+ filterTags: [
234
+ {
235
+ tag: 'Tag A',
236
+ title: 'Tag A',
237
+ filterIconSelected: {
238
+ file: {
239
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
240
+ }
241
+ },
242
+ filterIconUnselected: {
243
+ file: {
244
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
245
+ }
246
+ }
247
+ }
248
+ ]
249
+ },
250
+ {
251
+ id: 'e80379c0-a0ea-565c-b91a-65d874554d84-2',
252
+ title: 'Filter card 2 (Tag B, no description, External link)',
253
+ label: 'Filter Card label',
254
+ heading: 'Filter Card heading (tag B) TWO',
255
+ ctaText: 'CTA Text: External URL',
256
+ url: 'https://www.google.com',
257
+ ctaIcon: 'External URL',
258
+ description: null,
259
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
260
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
261
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
262
+ imageAltText: 'Test 1-to-1 image description',
263
+ filterTags: [
264
+ {
265
+ tag: 'Tag B',
266
+ title: 'Tag B',
267
+ filterIconSelected: {
268
+ file: {
269
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
270
+ }
271
+ },
272
+ filterIconUnselected: {
273
+ file: {
274
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
275
+ }
276
+ }
277
+ }
278
+ ]
279
+ },
280
+ {
281
+ id: 'e7c5c130-ae26-5ead-abef-c908bba5bd18-2',
282
+ title: 'Filter card 3 (tags A, B, C & D)',
283
+ label: 'Filter Card label',
284
+ heading: 'Filter Card heading (tags A, B, C & D) TWO',
285
+ ctaText: 'CTA Text: Download',
286
+ url: 'https://www.google.com',
287
+ ctaIcon: 'Download',
288
+ description: 'Filter Card description, but longer and more latin: Lorem ipsum dolor sit amet.',
289
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
290
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
291
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
292
+ imageAltText: 'Test 1-to-1 image description',
293
+ filterTags: [
294
+ {
295
+ tag: 'Tag A',
296
+ title: 'Tag A',
297
+ filterIconSelected: {
298
+ file: {
299
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
300
+ }
301
+ },
302
+ filterIconUnselected: {
303
+ file: {
304
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
305
+ }
306
+ }
307
+ },
308
+ {
309
+ tag: 'Tag B',
310
+ title: 'Tag B',
311
+ filterIconSelected: {
312
+ file: {
313
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
314
+ }
315
+ },
316
+ filterIconUnselected: {
317
+ file: {
318
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
319
+ }
320
+ }
321
+ },
322
+ {
323
+ tag: 'Tag C',
324
+ title: 'Tag C',
325
+ filterIconSelected: {
326
+ file: {
327
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
328
+ }
329
+ },
330
+ filterIconUnselected: {
331
+ file: {
332
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
333
+ }
334
+ }
335
+ },
336
+ {
337
+ tag: 'Tag D',
338
+ title: 'Tag D',
339
+ filterIconSelected: {
340
+ file: {
341
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
342
+ }
343
+ },
344
+ filterIconUnselected: {
345
+ file: {
346
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
347
+ }
348
+ }
349
+ }
350
+ ]
351
+ },
352
+ {
353
+ id: '469fa12c-e425-5372-9899-ba69924d5603-2',
354
+ title: 'Filter card 4 (tags A & D)',
355
+ label: 'Filter Card label',
356
+ heading: 'Filter Card heading (tags A & D, no description) TWO',
357
+ ctaText: 'CTA Text: no icon',
358
+ url: 'https://www.google.com',
359
+ ctaIcon: null,
360
+ description: null,
361
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
362
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
363
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
364
+ imageAltText: 'Test 1-to-1 image description',
365
+ filterTags: [
366
+ {
367
+ tag: 'Tag A',
368
+ title: 'Tag A',
369
+ filterIconSelected: {
370
+ file: {
371
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
372
+ }
373
+ },
374
+ filterIconUnselected: {
375
+ file: {
376
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
377
+ }
378
+ }
379
+ },
380
+ {
381
+ tag: 'Tag D',
382
+ title: 'Tag D',
383
+ filterIconSelected: {
384
+ file: {
385
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
386
+ }
387
+ },
388
+ filterIconUnselected: {
389
+ file: {
390
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
391
+ }
392
+ }
393
+ }
394
+ ]
395
+ },
396
+ {
397
+ id: '09da5344-0104-5b36-833f-83e042cb4068-3',
398
+ title: 'Filter card 1 (Tag A)',
399
+ label: 'Filter Card label',
400
+ heading: 'Filter Card heading (tag A) THREE',
401
+ ctaText: 'CTA Text: Download',
402
+ url: 'https://www.google.com',
403
+ ctaIcon: 'Download',
404
+ description: 'Filter Card description',
405
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
406
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
407
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
408
+ imageAltText: 'Test 1-to-1 image description',
409
+ filterTags: [
410
+ {
411
+ tag: 'Tag A',
412
+ title: 'Tag A',
413
+ filterIconSelected: {
414
+ file: {
415
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
416
+ }
417
+ },
418
+ filterIconUnselected: {
419
+ file: {
420
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
421
+ }
422
+ }
423
+ }
424
+ ]
425
+ },
426
+ {
427
+ id: 'e80379c0-a0ea-565c-b91a-65d874554d84-3',
428
+ title: 'Filter card 2 (Tag B, no description, External link)',
429
+ label: 'Filter Card label',
430
+ heading: 'Filter Card heading (tag B) THREE',
431
+ ctaText: 'CTA Text: External URL',
432
+ url: 'https://www.google.com',
433
+ ctaIcon: 'External URL',
434
+ description: null,
435
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
436
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
437
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
438
+ imageAltText: 'Test 1-to-1 image description',
439
+ filterTags: [
440
+ {
441
+ tag: 'Tag B',
442
+ title: 'Tag B',
443
+ filterIconSelected: {
444
+ file: {
445
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
446
+ }
447
+ },
448
+ filterIconUnselected: {
449
+ file: {
450
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
451
+ }
452
+ }
453
+ }
454
+ ]
455
+ },
456
+ {
457
+ id: 'e7c5c130-ae26-5ead-abef-c908bba5bd18-3',
458
+ title: 'Filter card 3 (tags A, B, C & D)',
459
+ label: 'Filter Card label (tags A, B, C & D)',
460
+ heading: 'Filter Card heading (tags A, B, C & D) THREE',
461
+ ctaText: 'CTA Text: Download',
462
+ url: 'https://www.google.com',
463
+ ctaIcon: 'Download',
464
+ description: 'Filter Card description, but longer and more latin: Lorem ipsum dolor sit amet.',
465
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
466
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
467
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
468
+ imageAltText: 'Test 1-to-1 image description',
469
+ filterTags: [
470
+ {
471
+ tag: 'Tag A',
472
+ title: 'Tag A',
473
+ filterIconSelected: {
474
+ file: {
475
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
476
+ }
477
+ },
478
+ filterIconUnselected: {
479
+ file: {
480
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
481
+ }
482
+ }
483
+ },
484
+ {
485
+ tag: 'Tag B',
486
+ title: 'Tag B',
487
+ filterIconSelected: {
488
+ file: {
489
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
490
+ }
491
+ },
492
+ filterIconUnselected: {
493
+ file: {
494
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
495
+ }
496
+ }
497
+ },
498
+ {
499
+ tag: 'Tag C',
500
+ title: 'Tag C',
501
+ filterIconSelected: {
502
+ file: {
503
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
504
+ }
505
+ },
506
+ filterIconUnselected: {
507
+ file: {
508
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
509
+ }
510
+ }
511
+ },
512
+ {
513
+ tag: 'Tag D',
514
+ title: 'Tag D',
515
+ filterIconSelected: {
516
+ file: {
517
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
518
+ }
519
+ },
520
+ filterIconUnselected: {
521
+ file: {
522
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
523
+ }
524
+ }
525
+ }
526
+ ]
527
+ },
528
+ {
529
+ id: '469fa12c-e425-5372-9899-ba69924d5603-3',
530
+ title: 'Filter card 4 (tags A & D)',
531
+ label: 'Filter Card label',
532
+ heading: 'Filter Card heading (tags A & D, no description) THREE',
533
+ ctaText: 'CTA Text: no icon',
534
+ url: 'https://www.google.com',
535
+ ctaIcon: null,
536
+ description: null,
537
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
538
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
539
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
540
+ imageAltText: 'Test 1-to-1 image description',
541
+ filterTags: [
542
+ {
543
+ tag: 'Tag A',
544
+ title: 'Tag A',
545
+ filterIconSelected: {
546
+ file: {
547
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
548
+ }
549
+ },
550
+ filterIconUnselected: {
551
+ file: {
552
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
553
+ }
554
+ }
555
+ },
556
+ {
557
+ tag: 'Tag D',
558
+ title: 'Tag D',
559
+ filterIconSelected: {
560
+ file: {
561
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
562
+ }
563
+ },
564
+ filterIconUnselected: {
565
+ file: {
566
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
567
+ }
568
+ }
569
+ }
570
+ ]
571
+ },
572
+ {
573
+ id: '09da5344-0104-5b36-833f-83e042cb4068-4',
574
+ title: 'Filter card 1 (Tag A)',
575
+ label: 'Filter Card label',
576
+ heading: 'Filter Card heading (tag A) FOUR',
577
+ ctaText: 'CTA Text: Download',
578
+ url: 'https://www.google.com',
579
+ ctaIcon: 'Download',
580
+ description: 'Filter Card description',
581
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
582
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
583
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
584
+ imageAltText: 'Test 1-to-1 image description',
585
+ filterTags: [
586
+ {
587
+ tag: 'Tag A',
588
+ title: 'Tag A',
589
+ filterIconSelected: {
590
+ file: {
591
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
592
+ }
593
+ },
594
+ filterIconUnselected: {
595
+ file: {
596
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
597
+ }
598
+ }
599
+ }
600
+ ]
601
+ },
602
+ {
603
+ id: 'e80379c0-a0ea-565c-b91a-65d874554d84-4',
604
+ title: 'Filter card 2 (Tag B, no description, External link)',
605
+ label: 'Filter Card label',
606
+ heading: 'Filter Card heading (tag B) FOUR',
607
+ ctaText: 'CTA Text: External URL',
608
+ url: 'https://www.google.com',
609
+ ctaIcon: 'External URL',
610
+ description: null,
611
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
612
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
613
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
614
+ imageAltText: 'Test 1-to-1 image description',
615
+ filterTags: [
616
+ {
617
+ tag: 'Tag B',
618
+ title: 'Tag B',
619
+ filterIconSelected: {
620
+ file: {
621
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
622
+ }
623
+ },
624
+ filterIconUnselected: {
625
+ file: {
626
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
627
+ }
628
+ }
629
+ }
630
+ ]
631
+ },
632
+ {
633
+ id: 'e7c5c130-ae26-5ead-abef-c908bba5bd18-4',
634
+ title: 'Filter card 3 (tags A, B, C & D)',
635
+ label: 'Filter Card label (tags A, B, C & D)',
636
+ heading: 'Filter Card heading (tags A, B, C & D) FOUR',
637
+ ctaText: 'CTA Text: Download',
638
+ url: 'https://www.google.com',
639
+ ctaIcon: 'Download',
640
+ description: 'Filter Card description, but longer and more latin: Lorem ipsum dolor sit amet.',
641
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
642
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
643
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
644
+ imageAltText: 'Test 1-to-1 image description',
645
+ filterTags: [
646
+ {
647
+ tag: 'Tag A',
648
+ title: 'Tag A',
649
+ filterIconSelected: {
650
+ file: {
651
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
652
+ }
653
+ },
654
+ filterIconUnselected: {
655
+ file: {
656
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
657
+ }
658
+ }
659
+ },
660
+ {
661
+ tag: 'Tag B',
662
+ title: 'Tag B',
663
+ filterIconSelected: {
664
+ file: {
665
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
666
+ }
667
+ },
668
+ filterIconUnselected: {
669
+ file: {
670
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
671
+ }
672
+ }
673
+ },
674
+ {
675
+ tag: 'Tag C',
676
+ title: 'Tag C',
677
+ filterIconSelected: {
678
+ file: {
679
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
680
+ }
681
+ },
682
+ filterIconUnselected: {
683
+ file: {
684
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
685
+ }
686
+ }
687
+ },
688
+ {
689
+ tag: 'Tag D',
690
+ title: 'Tag D',
691
+ filterIconSelected: {
692
+ file: {
693
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
694
+ }
695
+ },
696
+ filterIconUnselected: {
697
+ file: {
698
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
699
+ }
700
+ }
701
+ }
702
+ ]
703
+ },
704
+ {
705
+ id: '469fa12c-e425-5372-9899-ba69924d5603-4',
706
+ title: 'Filter card 4 (tags A & D)',
707
+ label: 'Filter Card label',
708
+ heading: 'Filter Card heading (tags A & D, no description) FOUR',
709
+ ctaText: 'CTA Text: no icon',
710
+ url: 'https://www.google.com',
711
+ ctaIcon: null,
712
+ description: null,
713
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
714
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
715
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
716
+ imageAltText: 'Test 1-to-1 image description',
717
+ filterTags: [
718
+ {
719
+ tag: 'Tag A',
720
+ title: 'Tag A',
721
+ filterIconSelected: {
722
+ file: {
723
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
724
+ }
725
+ },
726
+ filterIconUnselected: {
727
+ file: {
728
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
729
+ }
730
+ }
731
+ },
732
+ {
733
+ tag: 'Tag D',
734
+ title: 'Tag D',
735
+ filterIconSelected: {
736
+ file: {
737
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
738
+ }
739
+ },
740
+ filterIconUnselected: {
741
+ file: {
742
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
743
+ }
744
+ }
745
+ }
746
+ ]
747
+ },
748
+ {
749
+ id: '09da5344-0104-5b36-833f-83e042cb4068-5',
750
+ title: 'Filter card 1 (Tag A)',
751
+ label: 'Filter Card label',
752
+ heading: 'Filter Card heading (tag A) FIVE',
753
+ ctaText: 'CTA Text: Download',
754
+ url: 'https://www.google.com',
755
+ ctaIcon: 'Download',
756
+ description: 'Filter Card description',
757
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
758
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
759
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
760
+ imageAltText: 'Test 1-to-1 image description',
761
+ filterTags: [
762
+ {
763
+ tag: 'Tag A',
764
+ title: 'Tag A',
765
+ filterIconSelected: {
766
+ file: {
767
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
768
+ }
769
+ },
770
+ filterIconUnselected: {
771
+ file: {
772
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
773
+ }
774
+ }
775
+ }
776
+ ]
777
+ },
778
+ {
779
+ id: 'e80379c0-a0ea-565c-b91a-65d874554d84-5',
780
+ title: 'Filter card 2 (Tag B, no description, External link)',
781
+ label: 'Filter Card label',
782
+ heading: 'Filter Card heading (tag B) FIVE',
783
+ ctaText: 'CTA Text: External URL',
784
+ url: 'https://www.google.com',
785
+ ctaIcon: 'External URL',
786
+ description: null,
787
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
788
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
789
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
790
+ imageAltText: 'Test 1-to-1 image description',
791
+ filterTags: [
792
+ {
793
+ tag: 'Tag B',
794
+ title: 'Tag B',
795
+ filterIconSelected: {
796
+ file: {
797
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
798
+ }
799
+ },
800
+ filterIconUnselected: {
801
+ file: {
802
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
803
+ }
804
+ }
805
+ }
806
+ ]
807
+ },
808
+ {
809
+ id: 'e7c5c130-ae26-5ead-abef-c908bba5bd18-5',
810
+ title: 'Filter card 3 (tags A, B, C & D)',
811
+ label: 'Filter Card label (tags A, B, C & D)',
812
+ heading: 'Filter Card heading (tags A, B, C & D) FIVE',
813
+ ctaText: 'CTA Text: Download',
814
+ url: 'https://www.google.com',
815
+ ctaIcon: 'Download',
816
+ description: 'Filter Card description, but longer and more latin: Lorem ipsum dolor sit amet.',
817
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
818
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
819
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
820
+ imageAltText: 'Test 1-to-1 image description',
821
+ filterTags: [
822
+ {
823
+ tag: 'Tag A',
824
+ title: 'Tag A',
825
+ filterIconSelected: {
826
+ file: {
827
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
828
+ }
829
+ },
830
+ filterIconUnselected: {
831
+ file: {
832
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
833
+ }
834
+ }
835
+ },
836
+ {
837
+ tag: 'Tag B',
838
+ title: 'Tag B',
839
+ filterIconSelected: {
840
+ file: {
841
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
842
+ }
843
+ },
844
+ filterIconUnselected: {
845
+ file: {
846
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
847
+ }
848
+ }
849
+ },
850
+ {
851
+ tag: 'Tag C',
852
+ title: 'Tag C',
853
+ filterIconSelected: {
854
+ file: {
855
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
856
+ }
857
+ },
858
+ filterIconUnselected: {
859
+ file: {
860
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
861
+ }
862
+ }
863
+ },
864
+ {
865
+ tag: 'Tag D',
866
+ title: 'Tag D',
867
+ filterIconSelected: {
868
+ file: {
869
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
870
+ }
871
+ },
872
+ filterIconUnselected: {
873
+ file: {
874
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
875
+ }
876
+ }
877
+ }
878
+ ]
879
+ },
880
+ {
881
+ id: '469fa12c-e425-5372-9899-ba69924d5603-5',
882
+ title: 'Filter card 4 (tags A & D)',
883
+ label: 'Filter Card label',
884
+ heading: 'Filter Card heading (tags A & D, no description) FIVE',
885
+ ctaText: 'CTA Text: no icon',
886
+ url: 'https://www.google.com',
887
+ ctaIcon: null,
888
+ description: null,
889
+ image: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg',
890
+ imageLow: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=10&h=10&fl=progressive&q=80&fm=jpg',
891
+ imageSet: 'https://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=750&h=750&fl=progressive&q=80&fm=jpg 750w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1080&h=1080&fl=progressive&q=80&fm=jpg 1080w,\nhttps://images.ctfassets.net/zsfivwzfgl3t/19gVltIYtQiacZFN2kUbsz/94e90bf01e30dc576d60adc2cc0ed40f/FilterCardImgLarge.png?w=1200&h=1200&fl=progressive&q=80&fm=jpg 1200w',
892
+ imageAltText: 'Test 1-to-1 image description',
893
+ filterTags: [
894
+ {
895
+ tag: 'Tag A',
896
+ title: 'Tag A',
897
+ filterIconSelected: {
898
+ file: {
899
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
900
+ }
901
+ },
902
+ filterIconUnselected: {
903
+ file: {
904
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
905
+ }
906
+ }
907
+ },
908
+ {
909
+ tag: 'Tag D',
910
+ title: 'Tag D',
911
+ filterIconSelected: {
912
+ file: {
913
+ url: '//images.ctfassets.net/zsfivwzfgl3t/37zrdIgtbb244ji5hsERZ2/638ab38dd2f25c2958abb4f09165ebfc/Children--white.svg'
914
+ }
915
+ },
916
+ filterIconUnselected: {
917
+ file: {
918
+ url: '//images.ctfassets.net/zsfivwzfgl3t/ZK8zc9MK3KyawoCRy86fl/cdea45ddfcabb6660acaab214e558e48/Children--black.svg'
919
+ }
920
+ }
921
+ }
922
+ ]
923
+ }
924
+ ]);
925
+
926
+ export {
927
+ FilterCardNodes4,
928
+ FilterCardNodes5,
929
+ FilterCardNodes20
930
+ };