@transferwise/components 0.0.0-experimental-8109a86 → 0.0.0-experimental-688d30c
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/build/avatarView/AvatarView.js +5 -5
- package/build/avatarView/AvatarView.js.map +1 -1
- package/build/avatarView/AvatarView.mjs +5 -5
- package/build/avatarView/AvatarView.mjs.map +1 -1
- package/build/common/circle/Circle.js +3 -1
- package/build/common/circle/Circle.js.map +1 -1
- package/build/common/circle/Circle.mjs +3 -1
- package/build/common/circle/Circle.mjs.map +1 -1
- package/build/i18n/zh-HK.json +5 -0
- package/build/i18n/zh-HK.json.js +5 -0
- package/build/i18n/zh-HK.json.js.map +1 -1
- package/build/i18n/zh-HK.json.mjs +5 -0
- package/build/i18n/zh-HK.json.mjs.map +1 -1
- package/build/main.css +0 -35
- package/build/styles/avatarView/AvatarView.css +0 -6
- package/build/styles/main.css +0 -35
- package/build/types/avatarView/AvatarView.d.ts +1 -1
- package/build/types/avatarView/AvatarView.d.ts.map +1 -1
- package/build/types/common/circle/Circle.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/avatarView/AvatarView.css +0 -6
- package/src/avatarView/AvatarView.less +1 -7
- package/src/avatarView/AvatarView.story.tsx +41 -54
- package/src/avatarView/AvatarView.tsx +4 -4
- package/src/avatarWrapper/AvatarWrapper.story.tsx +19 -0
- package/src/circularButton/CircularButton.spec.tsx +0 -36
- package/src/common/circle/Circle.less +2 -2
- package/src/common/circle/Circle.tsx +3 -1
- package/src/flowNavigation/FlowNavigation.story.tsx +16 -11
- package/src/i18n/zh-HK.json +5 -0
- package/src/main.css +0 -35
- package/src/main.less +0 -1
- package/src/overlayHeader/OverlayHeader.story.tsx +2 -5
- package/build/styles/avatarGroup/AvatarGroup.css +0 -29
- package/build/types/avatarGroup/AvatarGroup.d.ts +0 -18
- package/build/types/avatarGroup/AvatarGroup.d.ts.map +0 -1
- package/build/types/avatarGroup/index.d.ts +0 -3
- package/build/types/avatarGroup/index.d.ts.map +0 -1
- package/src/avatarGroup/AvatarGroup.css +0 -29
- package/src/avatarGroup/AvatarGroup.less +0 -42
- package/src/avatarGroup/AvatarGroup.story.tsx +0 -284
- package/src/avatarGroup/AvatarGroup.tsx +0 -117
- package/src/avatarGroup/index.ts +0 -2
- package/src/circularButton/__snapshots__/CircularButton.spec.tsx.snap +0 -381
|
@@ -1,381 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`CircularButton defaults renders a button of type accent and priority primary 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<label
|
|
6
|
-
class="np-circular-btn primary accent"
|
|
7
|
-
>
|
|
8
|
-
<input
|
|
9
|
-
aria-label="Add money"
|
|
10
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-accent btn-priority-1"
|
|
11
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
12
|
-
type="button"
|
|
13
|
-
/>
|
|
14
|
-
<span
|
|
15
|
-
class="tw-icon tw-icon-plus "
|
|
16
|
-
data-testid="plus-icon"
|
|
17
|
-
>
|
|
18
|
-
<svg
|
|
19
|
-
aria-hidden="true"
|
|
20
|
-
fill="currentColor"
|
|
21
|
-
focusable="false"
|
|
22
|
-
height="24"
|
|
23
|
-
role="none"
|
|
24
|
-
viewBox="0 0 24 24"
|
|
25
|
-
width="24"
|
|
26
|
-
>
|
|
27
|
-
<path
|
|
28
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
29
|
-
/>
|
|
30
|
-
</svg>
|
|
31
|
-
</span>
|
|
32
|
-
<span
|
|
33
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
34
|
-
>
|
|
35
|
-
Add money
|
|
36
|
-
</span>
|
|
37
|
-
</label>
|
|
38
|
-
</div>
|
|
39
|
-
`;
|
|
40
|
-
|
|
41
|
-
exports[`CircularButton priorities renders primary buttons 1`] = `
|
|
42
|
-
<div>
|
|
43
|
-
<label
|
|
44
|
-
class="np-circular-btn primary accent"
|
|
45
|
-
>
|
|
46
|
-
<input
|
|
47
|
-
aria-label="Add money"
|
|
48
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-accent btn-priority-1"
|
|
49
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
50
|
-
type="button"
|
|
51
|
-
/>
|
|
52
|
-
<span
|
|
53
|
-
class="tw-icon tw-icon-plus "
|
|
54
|
-
data-testid="plus-icon"
|
|
55
|
-
>
|
|
56
|
-
<svg
|
|
57
|
-
aria-hidden="true"
|
|
58
|
-
fill="currentColor"
|
|
59
|
-
focusable="false"
|
|
60
|
-
height="24"
|
|
61
|
-
role="none"
|
|
62
|
-
viewBox="0 0 24 24"
|
|
63
|
-
width="24"
|
|
64
|
-
>
|
|
65
|
-
<path
|
|
66
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
67
|
-
/>
|
|
68
|
-
</svg>
|
|
69
|
-
</span>
|
|
70
|
-
<span
|
|
71
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
72
|
-
>
|
|
73
|
-
Add money
|
|
74
|
-
</span>
|
|
75
|
-
</label>
|
|
76
|
-
</div>
|
|
77
|
-
`;
|
|
78
|
-
|
|
79
|
-
exports[`CircularButton priorities renders primary buttons 2`] = `
|
|
80
|
-
<div>
|
|
81
|
-
<label
|
|
82
|
-
class="np-circular-btn primary positive"
|
|
83
|
-
>
|
|
84
|
-
<input
|
|
85
|
-
aria-label="Add money"
|
|
86
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-positive btn-priority-1"
|
|
87
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
88
|
-
type="button"
|
|
89
|
-
/>
|
|
90
|
-
<span
|
|
91
|
-
class="tw-icon tw-icon-plus "
|
|
92
|
-
data-testid="plus-icon"
|
|
93
|
-
>
|
|
94
|
-
<svg
|
|
95
|
-
aria-hidden="true"
|
|
96
|
-
fill="currentColor"
|
|
97
|
-
focusable="false"
|
|
98
|
-
height="24"
|
|
99
|
-
role="none"
|
|
100
|
-
viewBox="0 0 24 24"
|
|
101
|
-
width="24"
|
|
102
|
-
>
|
|
103
|
-
<path
|
|
104
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
105
|
-
/>
|
|
106
|
-
</svg>
|
|
107
|
-
</span>
|
|
108
|
-
<span
|
|
109
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
110
|
-
>
|
|
111
|
-
Add money
|
|
112
|
-
</span>
|
|
113
|
-
</label>
|
|
114
|
-
</div>
|
|
115
|
-
`;
|
|
116
|
-
|
|
117
|
-
exports[`CircularButton priorities renders primary buttons 3`] = `
|
|
118
|
-
<div>
|
|
119
|
-
<label
|
|
120
|
-
class="np-circular-btn primary negative"
|
|
121
|
-
>
|
|
122
|
-
<input
|
|
123
|
-
aria-label="Add money"
|
|
124
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-negative btn-priority-1"
|
|
125
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
126
|
-
type="button"
|
|
127
|
-
/>
|
|
128
|
-
<span
|
|
129
|
-
class="tw-icon tw-icon-plus "
|
|
130
|
-
data-testid="plus-icon"
|
|
131
|
-
>
|
|
132
|
-
<svg
|
|
133
|
-
aria-hidden="true"
|
|
134
|
-
fill="currentColor"
|
|
135
|
-
focusable="false"
|
|
136
|
-
height="24"
|
|
137
|
-
role="none"
|
|
138
|
-
viewBox="0 0 24 24"
|
|
139
|
-
width="24"
|
|
140
|
-
>
|
|
141
|
-
<path
|
|
142
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
143
|
-
/>
|
|
144
|
-
</svg>
|
|
145
|
-
</span>
|
|
146
|
-
<span
|
|
147
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
148
|
-
>
|
|
149
|
-
Add money
|
|
150
|
-
</span>
|
|
151
|
-
</label>
|
|
152
|
-
</div>
|
|
153
|
-
`;
|
|
154
|
-
|
|
155
|
-
exports[`CircularButton priorities renders secondary buttons 1`] = `
|
|
156
|
-
<div>
|
|
157
|
-
<label
|
|
158
|
-
class="np-circular-btn secondary accent"
|
|
159
|
-
>
|
|
160
|
-
<input
|
|
161
|
-
aria-label="Add money"
|
|
162
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-accent btn-priority-2"
|
|
163
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
164
|
-
type="button"
|
|
165
|
-
/>
|
|
166
|
-
<span
|
|
167
|
-
class="tw-icon tw-icon-plus "
|
|
168
|
-
data-testid="plus-icon"
|
|
169
|
-
>
|
|
170
|
-
<svg
|
|
171
|
-
aria-hidden="true"
|
|
172
|
-
fill="currentColor"
|
|
173
|
-
focusable="false"
|
|
174
|
-
height="24"
|
|
175
|
-
role="none"
|
|
176
|
-
viewBox="0 0 24 24"
|
|
177
|
-
width="24"
|
|
178
|
-
>
|
|
179
|
-
<path
|
|
180
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
181
|
-
/>
|
|
182
|
-
</svg>
|
|
183
|
-
</span>
|
|
184
|
-
<span
|
|
185
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
186
|
-
>
|
|
187
|
-
Add money
|
|
188
|
-
</span>
|
|
189
|
-
</label>
|
|
190
|
-
</div>
|
|
191
|
-
`;
|
|
192
|
-
|
|
193
|
-
exports[`CircularButton priorities renders secondary buttons 2`] = `
|
|
194
|
-
<div>
|
|
195
|
-
<label
|
|
196
|
-
class="np-circular-btn secondary positive"
|
|
197
|
-
>
|
|
198
|
-
<input
|
|
199
|
-
aria-label="Add money"
|
|
200
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-positive btn-priority-2"
|
|
201
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
202
|
-
type="button"
|
|
203
|
-
/>
|
|
204
|
-
<span
|
|
205
|
-
class="tw-icon tw-icon-plus "
|
|
206
|
-
data-testid="plus-icon"
|
|
207
|
-
>
|
|
208
|
-
<svg
|
|
209
|
-
aria-hidden="true"
|
|
210
|
-
fill="currentColor"
|
|
211
|
-
focusable="false"
|
|
212
|
-
height="24"
|
|
213
|
-
role="none"
|
|
214
|
-
viewBox="0 0 24 24"
|
|
215
|
-
width="24"
|
|
216
|
-
>
|
|
217
|
-
<path
|
|
218
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
219
|
-
/>
|
|
220
|
-
</svg>
|
|
221
|
-
</span>
|
|
222
|
-
<span
|
|
223
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
224
|
-
>
|
|
225
|
-
Add money
|
|
226
|
-
</span>
|
|
227
|
-
</label>
|
|
228
|
-
</div>
|
|
229
|
-
`;
|
|
230
|
-
|
|
231
|
-
exports[`CircularButton priorities renders secondary buttons 3`] = `
|
|
232
|
-
<div>
|
|
233
|
-
<label
|
|
234
|
-
class="np-circular-btn secondary negative"
|
|
235
|
-
>
|
|
236
|
-
<input
|
|
237
|
-
aria-label="Add money"
|
|
238
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-negative btn-priority-2"
|
|
239
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
240
|
-
type="button"
|
|
241
|
-
/>
|
|
242
|
-
<span
|
|
243
|
-
class="tw-icon tw-icon-plus "
|
|
244
|
-
data-testid="plus-icon"
|
|
245
|
-
>
|
|
246
|
-
<svg
|
|
247
|
-
aria-hidden="true"
|
|
248
|
-
fill="currentColor"
|
|
249
|
-
focusable="false"
|
|
250
|
-
height="24"
|
|
251
|
-
role="none"
|
|
252
|
-
viewBox="0 0 24 24"
|
|
253
|
-
width="24"
|
|
254
|
-
>
|
|
255
|
-
<path
|
|
256
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
257
|
-
/>
|
|
258
|
-
</svg>
|
|
259
|
-
</span>
|
|
260
|
-
<span
|
|
261
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
262
|
-
>
|
|
263
|
-
Add money
|
|
264
|
-
</span>
|
|
265
|
-
</label>
|
|
266
|
-
</div>
|
|
267
|
-
`;
|
|
268
|
-
|
|
269
|
-
exports[`CircularButton types renders accent buttons 1`] = `
|
|
270
|
-
<div>
|
|
271
|
-
<label
|
|
272
|
-
class="np-circular-btn primary accent"
|
|
273
|
-
>
|
|
274
|
-
<input
|
|
275
|
-
aria-label="Add money"
|
|
276
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-accent btn-priority-1"
|
|
277
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
278
|
-
type="button"
|
|
279
|
-
/>
|
|
280
|
-
<span
|
|
281
|
-
class="tw-icon tw-icon-plus "
|
|
282
|
-
data-testid="plus-icon"
|
|
283
|
-
>
|
|
284
|
-
<svg
|
|
285
|
-
aria-hidden="true"
|
|
286
|
-
fill="currentColor"
|
|
287
|
-
focusable="false"
|
|
288
|
-
height="24"
|
|
289
|
-
role="none"
|
|
290
|
-
viewBox="0 0 24 24"
|
|
291
|
-
width="24"
|
|
292
|
-
>
|
|
293
|
-
<path
|
|
294
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
295
|
-
/>
|
|
296
|
-
</svg>
|
|
297
|
-
</span>
|
|
298
|
-
<span
|
|
299
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
300
|
-
>
|
|
301
|
-
Add money
|
|
302
|
-
</span>
|
|
303
|
-
</label>
|
|
304
|
-
</div>
|
|
305
|
-
`;
|
|
306
|
-
|
|
307
|
-
exports[`CircularButton types renders negative buttons 1`] = `
|
|
308
|
-
<div>
|
|
309
|
-
<label
|
|
310
|
-
class="np-circular-btn primary negative"
|
|
311
|
-
>
|
|
312
|
-
<input
|
|
313
|
-
aria-label="Add money"
|
|
314
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-negative btn-priority-1"
|
|
315
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
316
|
-
type="button"
|
|
317
|
-
/>
|
|
318
|
-
<span
|
|
319
|
-
class="tw-icon tw-icon-plus "
|
|
320
|
-
data-testid="plus-icon"
|
|
321
|
-
>
|
|
322
|
-
<svg
|
|
323
|
-
aria-hidden="true"
|
|
324
|
-
fill="currentColor"
|
|
325
|
-
focusable="false"
|
|
326
|
-
height="24"
|
|
327
|
-
role="none"
|
|
328
|
-
viewBox="0 0 24 24"
|
|
329
|
-
width="24"
|
|
330
|
-
>
|
|
331
|
-
<path
|
|
332
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
333
|
-
/>
|
|
334
|
-
</svg>
|
|
335
|
-
</span>
|
|
336
|
-
<span
|
|
337
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
338
|
-
>
|
|
339
|
-
Add money
|
|
340
|
-
</span>
|
|
341
|
-
</label>
|
|
342
|
-
</div>
|
|
343
|
-
`;
|
|
344
|
-
|
|
345
|
-
exports[`CircularButton types renders positive buttons 1`] = `
|
|
346
|
-
<div>
|
|
347
|
-
<label
|
|
348
|
-
class="np-circular-btn primary positive"
|
|
349
|
-
>
|
|
350
|
-
<input
|
|
351
|
-
aria-label="Add money"
|
|
352
|
-
class="np-circle d-flex align-items-center justify-content-center btn np-btn m-b-1 btn-positive btn-priority-1"
|
|
353
|
-
style="--circle-size: var(--size-56); --circle-icon-size: 28px;"
|
|
354
|
-
type="button"
|
|
355
|
-
/>
|
|
356
|
-
<span
|
|
357
|
-
class="tw-icon tw-icon-plus "
|
|
358
|
-
data-testid="plus-icon"
|
|
359
|
-
>
|
|
360
|
-
<svg
|
|
361
|
-
aria-hidden="true"
|
|
362
|
-
fill="currentColor"
|
|
363
|
-
focusable="false"
|
|
364
|
-
height="24"
|
|
365
|
-
role="none"
|
|
366
|
-
viewBox="0 0 24 24"
|
|
367
|
-
width="24"
|
|
368
|
-
>
|
|
369
|
-
<path
|
|
370
|
-
d="M22.286 11.143h-9.429V1.715h-1.714v9.428H1.714v1.715h9.429v9.428h1.714v-9.428h9.429v-1.715Z"
|
|
371
|
-
/>
|
|
372
|
-
</svg>
|
|
373
|
-
</span>
|
|
374
|
-
<span
|
|
375
|
-
class="np-text-body-default-bold np-circular-btn__label"
|
|
376
|
-
>
|
|
377
|
-
Add money
|
|
378
|
-
</span>
|
|
379
|
-
</label>
|
|
380
|
-
</div>
|
|
381
|
-
`;
|