@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.
- package/dist/index.cjs.js +1237 -868
- package/dist/index.es.js +10978 -10219
- package/package.json +1 -1
- package/src/App.styles.js +2 -2
- package/src/components/Atoms/Button/Button.js +13 -3
- package/src/components/Atoms/Button/Button.style.js +19 -1
- package/src/components/Atoms/Button/Button.test.js +1 -1
- package/src/components/Atoms/Button/ButtonExample.jsx +24 -0
- package/src/components/Atoms/ButtonWithStates/ButtonWithStates.js +1 -1
- package/src/components/Atoms/Icons/Cross.js +0 -1
- package/src/components/Atoms/Icons/Download.js +4 -4
- package/src/components/Atoms/Icons/External.js +4 -4
- package/src/components/Atoms/Icons/Filter.js +50 -0
- package/src/components/Atoms/Icons/IconsExample.jsx +9 -5
- package/src/components/Atoms/Icons/Undo.js +44 -0
- package/src/components/Atoms/Icons/index.js +2 -0
- package/src/components/Atoms/Link/Link.test.js +1 -1
- package/src/components/Atoms/Link/LinkExample.jsx +4 -2
- package/src/components/Atoms/Text/TextExample.jsx +338 -130
- package/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap +2 -2
- package/src/components/Molecules/ExpandedButton/ExpandedButton.style.js +1 -0
- package/src/components/Molecules/ExpandedButton/__snapshots__/ExpandedButton.test.js.snap +1 -0
- package/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +2 -2
- package/src/components/Molecules/QuoteSlice/__snapshots__/QuoteSlice.test.js.snap +1 -1
- package/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap +2 -2
- package/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap +1 -3
- package/src/components/Organisms/CookieBanner/CookieBanner.test.js +1 -1
- package/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap +12 -12
- package/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +3 -3
- package/src/components/Organisms/FilterCard/FilterCard.js +286 -0
- package/src/components/Organisms/FilterCard/FilterCard.style.js +425 -0
- package/src/components/Organisms/FilterCard/FilterCard.test.js +60 -0
- package/src/components/Organisms/FilterCard/FilterCardExample.jsx +48 -0
- package/src/components/Organisms/FilterCard/FilterCardNodes.js +155 -0
- package/src/components/Organisms/FilterCard/__snapshots__/FilterCard.test.js.snap +1006 -0
- package/src/components/Organisms/FilterCard/_utils/_utils.js +57 -0
- package/src/components/Organisms/FilterCard/assets/Rectangle.svg +3 -0
- package/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +4 -4
- package/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +1 -1
- package/src/data/TestFilterCardNodeData.js +930 -0
- package/src/data/data.js +64 -1
- package/src/data/test-icons/Children--black.svg +5 -0
- package/src/data/test-icons/Children--white.svg +5 -0
- package/src/demos/index.jsx +31 -9
- package/src/index.js +1 -0
- package/src/theme/crTheme/buttonColors.js +3 -4
|
@@ -10,7 +10,7 @@ const Wrapper = styled.div`
|
|
|
10
10
|
border-radius: 5px;
|
|
11
11
|
`;
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
const Section = styled.div`
|
|
14
14
|
margin-bottom: 50px;
|
|
15
15
|
`;
|
|
16
16
|
|
|
@@ -18,143 +18,351 @@ export default function TextExample() {
|
|
|
18
18
|
return (
|
|
19
19
|
<>
|
|
20
20
|
<Section>
|
|
21
|
-
|
|
21
|
+
<h2>Basic Text Elements:</h2>
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
<Wrapper>
|
|
24
|
+
<Text
|
|
25
|
+
tag="h1"
|
|
26
|
+
mobileColor="blue"
|
|
27
27
|
// To be phased out: tags to use the prescribed family always
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
28
|
+
family="Anton"
|
|
29
|
+
>
|
|
30
|
+
<span style={{ width: '55px' }}>H1</span>
|
|
31
|
+
</Text>
|
|
32
|
+
|
|
33
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
34
|
+
<p>
|
|
35
|
+
<b>family:</b>
|
|
36
|
+
{' '}
|
|
37
|
+
{fontConfig.h1.family}
|
|
38
|
+
</p>
|
|
39
|
+
<p>
|
|
40
|
+
<b>mobileColor:</b>
|
|
41
|
+
{' '}
|
|
42
|
+
blue
|
|
43
|
+
</p>
|
|
44
|
+
<p>
|
|
45
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
46
|
+
{' '}
|
|
47
|
+
{fontConfig.h1.small.fontSize}
|
|
48
|
+
{' '}
|
|
49
|
+
/
|
|
50
|
+
{' '}
|
|
51
|
+
{fontConfig.h1.medium.fontSize}
|
|
52
|
+
{' '}
|
|
53
|
+
/
|
|
54
|
+
{' '}
|
|
55
|
+
{fontConfig.h1.large.fontSize}
|
|
56
|
+
</p>
|
|
57
|
+
<p>
|
|
58
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
59
|
+
{' '}
|
|
60
|
+
{fontConfig.h1.small.lineHeight}
|
|
61
|
+
{' '}
|
|
62
|
+
/
|
|
63
|
+
{' '}
|
|
64
|
+
{fontConfig.h1.medium.lineHeight}
|
|
65
|
+
{' '}
|
|
66
|
+
/
|
|
67
|
+
{' '}
|
|
68
|
+
{fontConfig.h1.large.lineHeight}
|
|
69
|
+
</p>
|
|
70
|
+
</Text>
|
|
71
|
+
</Wrapper>
|
|
72
|
+
|
|
73
|
+
<Wrapper>
|
|
74
|
+
<Text tag="h2" mobileColor="green" family="Anton">
|
|
75
|
+
<span style={{ width: '55px' }}>H2</span>
|
|
76
|
+
</Text>
|
|
77
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
78
|
+
<p>
|
|
79
|
+
<b>family:</b>
|
|
80
|
+
{' '}
|
|
81
|
+
{fontConfig.h2.family}
|
|
82
|
+
</p>
|
|
83
|
+
<p>
|
|
84
|
+
<b>mobileColor:</b>
|
|
85
|
+
{' '}
|
|
86
|
+
green
|
|
87
|
+
</p>
|
|
88
|
+
<p>
|
|
89
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
90
|
+
{' '}
|
|
91
|
+
{fontConfig.h2.small.fontSize}
|
|
92
|
+
{' '}
|
|
93
|
+
/
|
|
94
|
+
{' '}
|
|
95
|
+
{fontConfig.h2.medium.fontSize}
|
|
96
|
+
{' '}
|
|
97
|
+
/
|
|
98
|
+
{' '}
|
|
99
|
+
{fontConfig.h2.large.fontSize}
|
|
100
|
+
</p>
|
|
101
|
+
<p>
|
|
102
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
103
|
+
{' '}
|
|
104
|
+
{fontConfig.h2.small.lineHeight}
|
|
105
|
+
{' '}
|
|
106
|
+
/
|
|
107
|
+
{' '}
|
|
108
|
+
{fontConfig.h2.medium.lineHeight}
|
|
109
|
+
{' '}
|
|
110
|
+
/
|
|
111
|
+
{' '}
|
|
112
|
+
{fontConfig.h2.large.lineHeight}
|
|
113
|
+
</p>
|
|
114
|
+
</Text>
|
|
115
|
+
</Wrapper>
|
|
116
|
+
|
|
117
|
+
<Wrapper>
|
|
118
|
+
<Text tag="h3" mobileColor="red" family="Montserrat">
|
|
119
|
+
<span style={{ width: '55px' }}>H3</span>
|
|
120
|
+
</Text>
|
|
121
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
122
|
+
<p>
|
|
123
|
+
<b>family:</b>
|
|
124
|
+
{' '}
|
|
125
|
+
{fontConfig.h3.family}
|
|
126
|
+
</p>
|
|
127
|
+
<p>
|
|
128
|
+
<b>mobileColor:</b>
|
|
129
|
+
{' '}
|
|
130
|
+
red
|
|
131
|
+
</p>
|
|
132
|
+
<p>
|
|
133
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
134
|
+
{' '}
|
|
135
|
+
{fontConfig.h3.small.fontSize}
|
|
136
|
+
{' '}
|
|
137
|
+
/
|
|
138
|
+
{' '}
|
|
139
|
+
{fontConfig.h3.medium.fontSize}
|
|
140
|
+
{' '}
|
|
141
|
+
/
|
|
142
|
+
{' '}
|
|
143
|
+
{fontConfig.h3.large.fontSize}
|
|
144
|
+
</p>
|
|
145
|
+
<p>
|
|
146
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
147
|
+
{' '}
|
|
148
|
+
{fontConfig.h3.small.lineHeight}
|
|
149
|
+
{' '}
|
|
150
|
+
/
|
|
151
|
+
{' '}
|
|
152
|
+
{fontConfig.h3.medium.lineHeight}
|
|
153
|
+
{' '}
|
|
154
|
+
/
|
|
155
|
+
{' '}
|
|
156
|
+
{fontConfig.h3.large.lineHeight}
|
|
157
|
+
</p>
|
|
158
|
+
</Text>
|
|
159
|
+
</Wrapper>
|
|
160
|
+
|
|
161
|
+
<Wrapper>
|
|
162
|
+
<Text tag="h4" family="Montserrat" weight="normal" uppercase>
|
|
163
|
+
<span style={{ width: '55px' }}>H4</span>
|
|
164
|
+
</Text>
|
|
165
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
166
|
+
<p>
|
|
167
|
+
<b>family:</b>
|
|
168
|
+
{' '}
|
|
169
|
+
{fontConfig.span.family}
|
|
170
|
+
</p>
|
|
171
|
+
<p>
|
|
172
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
173
|
+
{' '}
|
|
174
|
+
{fontConfig.h4.small.fontSize}
|
|
175
|
+
{' '}
|
|
176
|
+
/
|
|
177
|
+
{' '}
|
|
178
|
+
{fontConfig.h4.medium.fontSize}
|
|
179
|
+
{' '}
|
|
180
|
+
/
|
|
181
|
+
{' '}
|
|
182
|
+
{fontConfig.h4.large.fontSize}
|
|
183
|
+
</p>
|
|
184
|
+
<p>
|
|
185
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
186
|
+
{' '}
|
|
187
|
+
{fontConfig.h4.small.lineHeight}
|
|
188
|
+
{' '}
|
|
189
|
+
/
|
|
190
|
+
{' '}
|
|
191
|
+
{fontConfig.h4.medium.lineHeight}
|
|
192
|
+
{' '}
|
|
193
|
+
/
|
|
194
|
+
{' '}
|
|
195
|
+
{fontConfig.h4.large.lineHeight}
|
|
196
|
+
</p>
|
|
197
|
+
</Text>
|
|
198
|
+
</Wrapper>
|
|
199
|
+
|
|
200
|
+
<Wrapper>
|
|
201
|
+
<Text tag="p" size="m" weight="500">
|
|
202
|
+
<span style={{ width: '55px' }}>P (body)</span>
|
|
203
|
+
</Text>
|
|
204
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
205
|
+
<p>
|
|
206
|
+
<b>family:</b>
|
|
207
|
+
{' '}
|
|
208
|
+
{fontConfig.p.family}
|
|
209
|
+
</p>
|
|
210
|
+
<p>
|
|
211
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
212
|
+
{' '}
|
|
213
|
+
{fontConfig.p.small.fontSize}
|
|
214
|
+
{' '}
|
|
215
|
+
/
|
|
216
|
+
{' '}
|
|
217
|
+
{fontConfig.p.medium.fontSize}
|
|
218
|
+
{' '}
|
|
219
|
+
/
|
|
220
|
+
{' '}
|
|
221
|
+
{fontConfig.p.large.fontSize}
|
|
222
|
+
</p>
|
|
223
|
+
<p>
|
|
224
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
225
|
+
{' '}
|
|
226
|
+
{fontConfig.p.small.lineHeight}
|
|
227
|
+
{' '}
|
|
228
|
+
/
|
|
229
|
+
{' '}
|
|
230
|
+
{fontConfig.p.medium.lineHeight}
|
|
231
|
+
{' '}
|
|
232
|
+
/
|
|
233
|
+
{' '}
|
|
234
|
+
{fontConfig.p.large.lineHeight}
|
|
235
|
+
</p>
|
|
236
|
+
</Text>
|
|
237
|
+
</Wrapper>
|
|
86
238
|
</Section>
|
|
87
239
|
|
|
88
240
|
<Section>
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
241
|
+
<h2>Text Elements to be phased out:</h2>
|
|
242
|
+
|
|
243
|
+
<Wrapper>
|
|
244
|
+
<Text tag="h5" family="Anton" uppercase weight="normal">
|
|
245
|
+
<span style={{ width: '55px' }}>H5</span>
|
|
246
|
+
</Text>
|
|
247
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
248
|
+
<p>
|
|
249
|
+
<b>family:</b>
|
|
250
|
+
{' '}
|
|
251
|
+
{fontConfig.h5.family}
|
|
252
|
+
</p>
|
|
253
|
+
<p>
|
|
254
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
255
|
+
{' '}
|
|
256
|
+
{fontConfig.h5.small.fontSize}
|
|
257
|
+
{' '}
|
|
258
|
+
/
|
|
259
|
+
{' '}
|
|
260
|
+
{fontConfig.h5.medium.fontSize}
|
|
261
|
+
{' '}
|
|
262
|
+
/
|
|
263
|
+
{' '}
|
|
264
|
+
{fontConfig.h5.large.fontSize}
|
|
265
|
+
</p>
|
|
266
|
+
<p>
|
|
267
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
268
|
+
{' '}
|
|
269
|
+
{fontConfig.h5.small.lineHeight}
|
|
270
|
+
{' '}
|
|
271
|
+
/
|
|
272
|
+
{' '}
|
|
273
|
+
{fontConfig.h5.medium.lineHeight}
|
|
274
|
+
{' '}
|
|
275
|
+
/
|
|
276
|
+
{' '}
|
|
277
|
+
{fontConfig.h5.large.lineHeight}
|
|
278
|
+
</p>
|
|
279
|
+
</Text>
|
|
280
|
+
</Wrapper>
|
|
281
|
+
|
|
282
|
+
<Wrapper>
|
|
283
|
+
<Text tag="h6" family="Anton" uppercase weight="normal">
|
|
284
|
+
<span style={{ width: '55px' }}>H6</span>
|
|
285
|
+
</Text>
|
|
286
|
+
<Text style={{ textTransform: 'none' }} tag="span" size="s">
|
|
287
|
+
<p>
|
|
288
|
+
<b>family:</b>
|
|
289
|
+
{' '}
|
|
290
|
+
{fontConfig.h6.family}
|
|
291
|
+
</p>
|
|
292
|
+
<p>
|
|
293
|
+
<b>font size (S / M / L breakpoints):</b>
|
|
294
|
+
{' '}
|
|
295
|
+
{fontConfig.h6.small.fontSize}
|
|
296
|
+
{' '}
|
|
297
|
+
/
|
|
298
|
+
{' '}
|
|
299
|
+
{fontConfig.h6.medium.fontSize}
|
|
300
|
+
{' '}
|
|
301
|
+
/
|
|
302
|
+
{' '}
|
|
303
|
+
{fontConfig.h6.large.fontSize}
|
|
304
|
+
</p>
|
|
305
|
+
<p>
|
|
306
|
+
<b>line height (S / M / L breakpoints):</b>
|
|
307
|
+
{' '}
|
|
308
|
+
{fontConfig.h6.small.lineHeight}
|
|
309
|
+
{' '}
|
|
310
|
+
/
|
|
311
|
+
{' '}
|
|
312
|
+
{fontConfig.h6.medium.lineHeight}
|
|
313
|
+
{' '}
|
|
314
|
+
/
|
|
315
|
+
{' '}
|
|
316
|
+
{fontConfig.h6.large.lineHeight}
|
|
317
|
+
</p>
|
|
318
|
+
</Text>
|
|
319
|
+
</Wrapper>
|
|
112
320
|
</Section>
|
|
113
321
|
|
|
114
322
|
<Section>
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
323
|
+
<h2>Text Elements in situ / context.</h2>
|
|
324
|
+
|
|
325
|
+
<Wrapper>
|
|
326
|
+
<p>First paragraph</p>
|
|
327
|
+
<p>Second paragraph</p>
|
|
328
|
+
<p>Third and final paragraph</p>
|
|
329
|
+
</Wrapper>
|
|
330
|
+
|
|
331
|
+
<Wrapper>
|
|
332
|
+
<p>Only child paragraph</p>
|
|
333
|
+
</Wrapper>
|
|
334
|
+
|
|
335
|
+
<Wrapper>
|
|
336
|
+
<h1>h1 Only child</h1>
|
|
337
|
+
</Wrapper>
|
|
338
|
+
|
|
339
|
+
<Wrapper>
|
|
340
|
+
<h1>h1 First child</h1>
|
|
341
|
+
<h1>h1 Second child</h1>
|
|
342
|
+
</Wrapper>
|
|
343
|
+
|
|
344
|
+
<Wrapper>
|
|
345
|
+
<h1>h1</h1>
|
|
346
|
+
<p>Paragraph</p>
|
|
347
|
+
<p>Paragraph</p>
|
|
348
|
+
<p>Paragraph, last child</p>
|
|
349
|
+
</Wrapper>
|
|
350
|
+
|
|
351
|
+
<Wrapper>
|
|
352
|
+
<p>A preceding paragraph</p>
|
|
353
|
+
<p>A preceding paragraph</p>
|
|
354
|
+
<h1>H1 with an added margin-top as it follows a p tag</h1>
|
|
355
|
+
<p>Proceeding paragraph</p>
|
|
356
|
+
<p>Paragraph, last child</p>
|
|
357
|
+
</Wrapper>
|
|
358
|
+
|
|
359
|
+
<Wrapper>
|
|
360
|
+
<p>A preceding paragraph</p>
|
|
361
|
+
<p>A preceding paragraph</p>
|
|
362
|
+
<h1>H2 with an added margin-top as it follows a p tag</h1>
|
|
363
|
+
<p>Proceeding paragraph</p>
|
|
364
|
+
<p>Paragraph, last child</p>
|
|
365
|
+
</Wrapper>
|
|
158
366
|
</Section>
|
|
159
367
|
</>
|
|
160
368
|
);
|
|
@@ -61,7 +61,7 @@ exports[`renders Column view correctly 1`] = `
|
|
|
61
61
|
|
|
62
62
|
.c7:disabled {
|
|
63
63
|
cursor: not-allowed;
|
|
64
|
-
opacity: 0.
|
|
64
|
+
opacity: 0.35;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.c0 {
|
|
@@ -313,7 +313,7 @@ exports[`renders correctly 1`] = `
|
|
|
313
313
|
|
|
314
314
|
.c7:disabled {
|
|
315
315
|
cursor: not-allowed;
|
|
316
|
-
opacity: 0.
|
|
316
|
+
opacity: 0.35;
|
|
317
317
|
}
|
|
318
318
|
|
|
319
319
|
.c0 {
|
|
@@ -95,7 +95,7 @@ exports[`renders Promo correctly 1`] = `
|
|
|
95
95
|
|
|
96
96
|
.c9:disabled {
|
|
97
97
|
cursor: not-allowed;
|
|
98
|
-
opacity: 0.
|
|
98
|
+
opacity: 0.35;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.c0 {
|
|
@@ -402,7 +402,7 @@ exports[`renders Promo correctly end position 1`] = `
|
|
|
402
402
|
|
|
403
403
|
.c9:disabled {
|
|
404
404
|
cursor: not-allowed;
|
|
405
|
-
opacity: 0.
|
|
405
|
+
opacity: 0.35;
|
|
406
406
|
}
|
|
407
407
|
|
|
408
408
|
.c0 {
|
|
@@ -262,7 +262,7 @@ exports[`renders Single Message with Image correctly 1`] = `
|
|
|
262
262
|
|
|
263
263
|
.c8:disabled {
|
|
264
264
|
cursor: not-allowed;
|
|
265
|
-
opacity: 0.
|
|
265
|
+
opacity: 0.35;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
.c0 {
|
|
@@ -724,7 +724,7 @@ exports[`renders Single Message with full width correctly 1`] = `
|
|
|
724
724
|
|
|
725
725
|
.c8:disabled {
|
|
726
726
|
cursor: not-allowed;
|
|
727
|
-
opacity: 0.
|
|
727
|
+
opacity: 0.35;
|
|
728
728
|
}
|
|
729
729
|
|
|
730
730
|
.c0 {
|
|
@@ -98,7 +98,7 @@ exports[`renders correctly 1`] = `
|
|
|
98
98
|
|
|
99
99
|
.c11:disabled {
|
|
100
100
|
cursor: not-allowed;
|
|
101
|
-
opacity: 0.
|
|
101
|
+
opacity: 0.35;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.c13 {
|
|
@@ -337,10 +337,8 @@ exports[`renders correctly 1`] = `
|
|
|
337
337
|
>
|
|
338
338
|
<svg
|
|
339
339
|
className="c13"
|
|
340
|
-
colour="white"
|
|
341
340
|
fill="#FFFFFF"
|
|
342
341
|
height={24}
|
|
343
|
-
mobileColour={null}
|
|
344
342
|
viewBox="0 0 96 96"
|
|
345
343
|
width={24}
|
|
346
344
|
xmlns="http://www.w3.org/2000/svg"
|